@pickleball/expo-sdk 0.2.0 → 1.0.0

package/dist/ui/index.js

@@ -0,0 +1,1297 @@
+import {
+  PickleballAutoPrepare,
+  applyAntiFlicker,
+  getCameraCapabilities,
+  setExposureBias,
+  setExposureLocked,
+  setFocusLocked,
+  setTorch,
+  setZoom,
+  useCameraSettings
+} from "../chunk-7Z7TN5N3.js";
+import {
+  runUplinkCheck,
+  useLivestream
+} from "../chunk-XGP2MN5R.js";
+import {
+  __require
+} from "../chunk-KFQGP6VL.js";
+
+// src/ui/camera-screen.tsx
+import { useState as useState3 } from "react";
+import { Pressable as Pressable3, StyleSheet as StyleSheet3, Text as Text3, View as View3 } from "react-native";
+import { SafeAreaView as SafeAreaView2 } from "react-native-safe-area-context";
+
+// src/ui/controls-sheet.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import {
+  Modal,
+  Platform,
+  Pressable as Pressable2,
+  ScrollView,
+  StyleSheet as StyleSheet2,
+  Switch,
+  Text as Text2,
+  View as View2,
+  useWindowDimensions
+} from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+// src/ui/copy.ts
+var vi = {
+  pill: {
+    opening: "\u0110ANG M\u1EDE CAMERA\u2026",
+    ready: "S\u1EB4N S\xC0NG",
+    connecting: "\u0110ANG K\u1EBET N\u1ED0I\u2026",
+    paused: "T\u1EA0M D\u1EEANG",
+    court: "TR\u1EF0C S\xC2N",
+    standby: "S\u1EB4N S\xC0NG PH\xC1T",
+    live: "LIVE",
+    reconnecting: "M\u1EA4T K\u1EBET N\u1ED0I\u2026",
+    ending: "\u0110ANG D\u1EEANG\u2026",
+    error: "L\u1ED6I"
+  },
+  hint: {
+    casualPreview: "B\u1EA5m \u201CB\u1EAFt \u0111\u1EA7u ph\xE1t\u201D \u0111\u1EC3 l\xEAn s\xF3ng",
+    casualStandby: "Phi\xEAn \u0111\xE3 s\u1EB5n s\xE0ng \u2014 b\u1EA5m \u201CPh\xE1t ngay\u201D",
+    paused: "\u0110ang t\u1EA1m d\u1EEBng \u2014 b\u1EA5m \u201CPh\xE1t ti\u1EBFp\u201D \u0111\u1EC3 ti\u1EBFp t\u1EE5c",
+    courtPreview: "\u0110ang chu\u1EA9n b\u1ECB camera\u2026",
+    courtStandby: (court) => `\u0110ang g\xE1c ${court} \u2014 tr\u1ECDng t\xE0i b\u1EA5m b\u1EAFt \u0111\u1EA7u l\xE0 t\u1EF1 ph\xE1t`,
+    courtStandbyNoCourt: "\u0110ang tr\u1EF1c \u2014 ch\u1EDD l\u1EC7nh ph\xE1t",
+    connecting: "\u0110ang k\u1EBFt n\u1ED1i t\u1EDBi m\xE1y ch\u1EE7\u2026",
+    reconnecting: "M\u1EA5t k\u1EBFt n\u1ED1i \u2014 \u0111ang th\u1EED l\u1EA1i\u2026",
+    ending: "\u0110ang d\u1EEBng ph\xE1t\u2026",
+    errorFallback: "C\xF3 l\u1ED7i \u2014 th\u1EED l\u1EA1i",
+    cameraOpening: "\u0110ang m\u1EDF camera\u2026",
+    cameraError: "Kh\xF4ng m\u1EDF \u0111\u01B0\u1EE3c camera"
+  },
+  button: {
+    goLive: "B\u1EAFt \u0111\u1EA7u ph\xE1t",
+    publishNow: "Ph\xE1t ngay",
+    resume: "Ph\xE1t ti\u1EBFp",
+    stop: "D\u1EEBng",
+    stopQuestion: "D\u1EEBng ph\xE1t?",
+    confirmStop: "X\xE1c nh\u1EADn d\u1EEBng",
+    cancel: "Hu\u1EF7",
+    retry: "Th\u1EED l\u1EA1i",
+    connecting: "\u0110ang k\u1EBFt n\u1ED1i\u2026",
+    ending: "\u0110ang d\u1EEBng\u2026"
+  },
+  lens: { front: "Tr\u01B0\u1EDBc" },
+  thermal: {
+    title: "Ti\u1EBFt ki\u1EC7m nhi\u1EC7t & pin",
+    subtitle: "Ch\u1EA1m v\xE0o m\xE0n h\xECnh \u0111\u1EC3 b\u1EADt l\u1EA1i giao di\u1EC7n"
+  },
+  errors: {
+    title: {
+      PERMISSION_DENIED: "C\u1EA7n quy\u1EC1n Camera v\xE0 Micr\xF4",
+      NETWORK_UNAVAILABLE: "Kh\xF4ng c\xF3 k\u1EBFt n\u1ED1i m\u1EA1ng",
+      TOKEN_EXPIRED: "Phi\xEAn x\xE1c th\u1EF1c \u0111\xE3 h\u1EBFt h\u1EA1n",
+      SDK_UPGRADE_REQUIRED: "C\u1EA7n c\u1EADp nh\u1EADt \u1EE9ng d\u1EE5ng",
+      UNSUPPORTED_RUNTIME: "M\xF4i tr\u01B0\u1EDDng ch\u1EA1y kh\xF4ng \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3",
+      SESSION_CONFLICT: "\u0110ang c\xF3 phi\xEAn ph\xE1t kh\xE1c",
+      RECORDING_FAILED: "Kh\xF4ng th\u1EC3 ghi h\xECnh",
+      CONSENT_REQUIRED: "C\u1EA7n \u0111\u1ED3ng \xFD ghi h\xECnh",
+      SDK_DISABLED: "T\xEDnh n\u0103ng ph\xE1t tr\u1EF1c ti\u1EBFp \u0111ang t\u1EAFt",
+      CONFIGURATION_ERROR: "C\u1EA5u h\xECnh SDK ch\u01B0a \u0111\xFAng",
+      INVALID_RESPONSE: "Ph\u1EA3n h\u1ED3i m\xE1y ch\u1EE7 kh\xF4ng h\u1EE3p l\u1EC7",
+      TIMEOUT: "Y\xEAu c\u1EA7u qu\xE1 th\u1EDDi gian",
+      UNKNOWN: "\u0110\xE3 x\u1EA3y ra l\u1ED7i"
+    },
+    remediation: {
+      PERMISSION_DENIED: "M\u1EDF C\xE0i \u0111\u1EB7t v\xE0 cho ph\xE9p Camera c\xF9ng Micr\xF4, sau \u0111\xF3 th\u1EED l\u1EA1i.",
+      NETWORK_UNAVAILABLE: "Ki\u1EC3m tra Wi-Fi ho\u1EB7c d\u1EEF li\u1EC7u di \u0111\u1ED9ng r\u1ED3i th\u1EED l\u1EA1i.",
+      TOKEN_EXPIRED: "Phi\xEAn x\xE1c th\u1EF1c \u0111\xE3 h\u1EBFt h\u1EA1n. H\xE3y k\u1EBFt n\u1ED1i m\u1EA1ng v\xE0 th\u1EED l\u1EA1i.",
+      SDK_UPGRADE_REQUIRED: "C\u1EADp nh\u1EADt \u1EE9ng d\u1EE5ng l\xEAn b\u1EA3n m\u1EDBi nh\u1EA5t v\xE0 c\xE0i l\u1EA1i Development Build.",
+      UNSUPPORTED_RUNTIME: "C\xE0i Development Build tr\xEAn iOS ho\u1EB7c Android; Expo Go v\xE0 web kh\xF4ng \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3.",
+      SESSION_CONFLICT: "K\u1EBFt th\xFAc phi\xEAn ph\xE1t \u0111ang ho\u1EA1t \u0111\u1ED9ng tr\u01B0\u1EDBc khi b\u1EAFt \u0111\u1EA7u phi\xEAn m\u1EDBi.",
+      RECORDING_FAILED: "Kh\xF4ng th\u1EC3 t\u1EA1o b\u1EA3n ghi m\xE1y ch\u1EE7. H\xE3y th\u1EED l\u1EA1i ho\u1EB7c li\xEAn h\u1EC7 h\u1ED7 tr\u1EE3.",
+      CONSENT_REQUIRED: "\u0110\u1ED3ng \xFD ghi h\xECnh tr\u01B0\u1EDBc khi b\u1EAFt \u0111\u1EA7u ph\xE1t tr\u1EF1c ti\u1EBFp.",
+      SDK_DISABLED: "T\xEDnh n\u0103ng \u0111ang b\u1ECB t\u1EAFt cho \u1EE9ng d\u1EE5ng n\xE0y. H\xE3y li\xEAn h\u1EC7 qu\u1EA3n tr\u1ECB vi\xEAn.",
+      CONFIGURATION_ERROR: "Ki\u1EC3m tra c\u1EA5u h\xECnh Provider v\xE0 config plugin, sau \u0111\xF3 rebuild \u1EE9ng d\u1EE5ng.",
+      INVALID_RESPONSE: "M\xE1y ch\u1EE7 tr\u1EA3 v\u1EC1 d\u1EEF li\u1EC7u kh\xF4ng h\u1EE3p l\u1EC7. H\xE3y th\u1EED l\u1EA1i ho\u1EB7c li\xEAn h\u1EC7 h\u1ED7 tr\u1EE3.",
+      TIMEOUT: "Y\xEAu c\u1EA7u qu\xE1 th\u1EDDi gian. Ki\u1EC3m tra k\u1EBFt n\u1ED1i r\u1ED3i th\u1EED l\u1EA1i.",
+      UNKNOWN: "Th\u1EED l\u1EA1i. N\u1EBFu l\u1ED7i ti\u1EBFp di\u1EC5n, h\xE3y li\xEAn h\u1EC7 h\u1ED7 tr\u1EE3."
+    },
+    technicalDetail: "Chi ti\u1EBFt k\u1EF9 thu\u1EADt"
+  },
+  sheet: {
+    title: "C\u1EA5u h\xECnh camera",
+    close: "\u0110\xF3ng",
+    closeBackdrop: "\u0110\xF3ng c\u1EA5u h\xECnh",
+    resolution: "\u0110\u1ED9 ph\xE2n gi\u1EA3i",
+    fps: "FPS",
+    fps60Note: "60fps g\u1EA5p \u0111\xF4i bitrate v\xE0 to\u1EA3 nhi\u1EC7t \u2014 ch\u1EC9 n\xEAn d\xF9ng khi s\xE2n \u0111\u1EE7 s\xE1ng v\xE0 m\u1EA1ng kho\u1EBB.",
+    antiFlicker: "Ch\u1ED1ng ch\u1EDBp \u0111\xE8n",
+    antiFlickerNote: "\u0110i\u1EC7n VN 50Hz \u2014 \u0111\xE8n trong nh\xE0 th\u1EA5y v\u1EB1n s\xE1ng t\u1ED1i hay h\xECnh ph\u1EADp ph\u1ED3ng th\xEC gi\u1EEF 50Hz.",
+    auto: "Auto",
+    lockedNote: "\u0110ang trong phi\xEAn \u2014 \u0111\u1ED5i \u0111\u1ED9 ph\xE2n gi\u1EA3i/FPS/camera sau khi d\u1EEBng ph\xE1t.",
+    defaultCamera: "Camera m\u1EB7c \u0111\u1ECBnh",
+    autoCamera: "T\u1EF1 \u0111\u1ED9ng",
+    autoCameraHint: "Camera sau m\u1EB7c \u0111\u1ECBnh c\u1EE7a m\xE1y",
+    frontCamera: "Camera tr\u01B0\u1EDBc",
+    backCamera: "Camera sau",
+    cameraIdHint: (id) => `id ${id}`,
+    zoom: "Zoom",
+    ev: "EV",
+    focusLock: "Kho\xE1 n\xE9t",
+    exposureLock: "Kho\xE1 s\xE1ng",
+    torch: "\u0110\xE8n pin",
+    network: "M\u1EA1ng",
+    runCheck: "Ki\u1EC3m tra t\u1ED1c \u0111\u1ED9 m\u1EA1ng",
+    running: "\u0110ang \u0111o t\u1EA3i l\xEAn\u2026 (~10 gi\xE2y)",
+    busyNote: "\u0110ang ph\xE1t \u2014 \u0111o l\xFAc n\xE0y s\u1EBD gi\xE0nh b\u0103ng th\xF4ng v\u1EDBi s\xF3ng. D\u1EEBng ph\xE1t r\u1ED3i \u0111o.",
+    resultLine: ({ uploadMbps, requiredMbps, resolution, fps, pingMs }) => `T\u1EA3i l\xEAn ${uploadMbps.toFixed(1)} Mbps \xB7 c\u1EA7n ~${requiredMbps.toFixed(1)} Mbps cho ${resolution}p${fps}` + (pingMs !== null ? ` \xB7 ping ${pingMs}ms` : ""),
+    good: "\u0110\u1EE6 T\u1ED0T \u2014 d\u01B0 b\u0103ng th\xF4ng cho c\u1EA5u h\xECnh n\xE0y.",
+    ok: "T\u1EA0M \u0110\u1EE6 \u2014 m\u1EA1ng ch\xF9ng l\xE0 ch\u1EA5t l\u01B0\u1EE3ng ph\u1EA3i h\u1EA1 theo.",
+    low: "KH\xD4NG \u0110\u1EE6 \u2014 h\u1EA1 \u0111\u1ED9 ph\xE2n gi\u1EA3i ho\u1EB7c \u0111\u1ED5i m\u1EA1ng tr\u01B0\u1EDBc khi l\xEAn s\xF3ng.",
+    checkError: "Kh\xF4ng \u0111o \u0111\u01B0\u1EE3c \u2014 ki\u1EC3m tra k\u1EBFt n\u1ED1i m\u1EA1ng r\u1ED3i th\u1EED l\u1EA1i."
+  }
+};
+var en = {
+  pill: {
+    opening: "OPENING CAMERA\u2026",
+    ready: "READY",
+    connecting: "CONNECTING\u2026",
+    paused: "PAUSED",
+    court: "ON COURT",
+    standby: "READY TO GO LIVE",
+    live: "LIVE",
+    reconnecting: "RECONNECTING\u2026",
+    ending: "STOPPING\u2026",
+    error: "ERROR"
+  },
+  hint: {
+    casualPreview: "Tap \u201CGo live\u201D to start streaming",
+    casualStandby: "Session ready \u2014 tap \u201CGo live now\u201D",
+    paused: "Paused \u2014 tap \u201CResume\u201D to continue",
+    courtPreview: "Preparing the camera\u2026",
+    courtStandby: (court) => `Standing by on ${court} \u2014 the referee's start button goes live automatically`,
+    courtStandbyNoCourt: "Standing by \u2014 waiting for the start command",
+    connecting: "Connecting to the server\u2026",
+    reconnecting: "Connection lost \u2014 retrying\u2026",
+    ending: "Stopping the stream\u2026",
+    errorFallback: "Something went wrong \u2014 retry",
+    cameraOpening: "Opening the camera\u2026",
+    cameraError: "The camera could not be opened"
+  },
+  button: {
+    goLive: "Go live",
+    publishNow: "Go live now",
+    resume: "Resume",
+    stop: "Stop",
+    stopQuestion: "Stop streaming?",
+    confirmStop: "Yes, stop",
+    cancel: "Cancel",
+    retry: "Retry",
+    connecting: "Connecting\u2026",
+    ending: "Stopping\u2026"
+  },
+  lens: { front: "Front" },
+  thermal: {
+    title: "Saving heat & battery",
+    subtitle: "Tap the screen to show the controls again"
+  },
+  errors: {
+    title: {
+      PERMISSION_DENIED: "Camera and Microphone access required",
+      NETWORK_UNAVAILABLE: "No network connection",
+      TOKEN_EXPIRED: "Authentication expired",
+      SDK_UPGRADE_REQUIRED: "App update required",
+      UNSUPPORTED_RUNTIME: "Unsupported runtime",
+      SESSION_CONFLICT: "Another livestream is active",
+      RECORDING_FAILED: "Recording failed",
+      CONSENT_REQUIRED: "Recording consent required",
+      SDK_DISABLED: "Livestreaming is disabled",
+      CONFIGURATION_ERROR: "SDK configuration error",
+      INVALID_RESPONSE: "Invalid server response",
+      TIMEOUT: "Request timed out",
+      UNKNOWN: "Something went wrong"
+    },
+    remediation: {
+      PERMISSION_DENIED: "Open Settings and allow Camera and Microphone, then try again.",
+      NETWORK_UNAVAILABLE: "Check Wi-Fi or mobile data, then try again.",
+      TOKEN_EXPIRED: "Your authentication has expired. Connect to the network and try again.",
+      SDK_UPGRADE_REQUIRED: "Update the app to the latest version and install a new Development Build.",
+      UNSUPPORTED_RUNTIME: "Install an iOS or Android Development Build; Expo Go and web are unsupported.",
+      SESSION_CONFLICT: "End the active livestream before starting another one.",
+      RECORDING_FAILED: "The server recording could not be created. Try again or contact support.",
+      CONSENT_REQUIRED: "Accept recording consent before going live.",
+      SDK_DISABLED: "Livestreaming is disabled for this app. Contact an administrator.",
+      CONFIGURATION_ERROR: "Check the Provider and config plugin setup, then rebuild the app.",
+      INVALID_RESPONSE: "The server returned invalid data. Try again or contact support.",
+      TIMEOUT: "The request timed out. Check your connection and try again.",
+      UNKNOWN: "Try again. If the problem continues, contact support."
+    },
+    technicalDetail: "Technical details"
+  },
+  sheet: {
+    title: "Camera settings",
+    close: "Close",
+    closeBackdrop: "Close settings",
+    resolution: "Resolution",
+    fps: "FPS",
+    fps60Note: "60 fps doubles the bitrate and heat \u2014 only for bright courts on a strong network.",
+    antiFlicker: "Anti-flicker",
+    antiFlickerNote: "Match the local mains frequency (VN: 50 Hz). Banding or pulsing indoor light means the wrong setting.",
+    auto: "Auto",
+    lockedNote: "In a session \u2014 change resolution/FPS/camera after stopping.",
+    defaultCamera: "Default camera",
+    autoCamera: "Automatic",
+    autoCameraHint: "The device's default back camera",
+    frontCamera: "Front camera",
+    backCamera: "Back camera",
+    cameraIdHint: (id) => `id ${id}`,
+    zoom: "Zoom",
+    ev: "EV",
+    focusLock: "Lock focus",
+    exposureLock: "Lock exposure",
+    torch: "Torch",
+    network: "Network",
+    runCheck: "Check upload speed",
+    running: "Measuring upload\u2026 (~10 s)",
+    busyNote: "Streaming \u2014 measuring now would compete with the stream. Stop first.",
+    resultLine: ({ uploadMbps, requiredMbps, resolution, fps, pingMs }) => `Upload ${uploadMbps.toFixed(1)} Mbps \xB7 needs ~${requiredMbps.toFixed(1)} Mbps for ${resolution}p${fps}` + (pingMs !== null ? ` \xB7 ping ${pingMs} ms` : ""),
+    good: "GOOD \u2014 plenty of headroom for this configuration.",
+    ok: "MARGINAL \u2014 quality will drop when the network dips.",
+    low: "NOT ENOUGH \u2014 lower the resolution or switch networks before going live.",
+    checkError: "Could not measure \u2014 check the connection and try again."
+  }
+};
+var uiCopy = { vi, en };
+
+// src/ui/hooks.ts
+import { useEffect, useState } from "react";
+function useCameraCapabilities(active, cameraKey) {
+  const [capabilities, setCapabilities] = useState(null);
+  useEffect(() => {
+    if (!active) return;
+    let cancelled = false;
+    void getCameraCapabilities().then((value) => {
+      if (!cancelled) setCapabilities(value);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [active, cameraKey]);
+  return capabilities;
+}
+function useThermalDim(state, afterMs) {
+  const [dimmed, setDimmed] = useState(false);
+  useEffect(() => {
+    if (state !== "live" || afterMs === null) {
+      setDimmed(false);
+      return;
+    }
+    const timer = setTimeout(() => setDimmed(true), afterMs);
+    return () => clearTimeout(timer);
+  }, [state, afterMs, dimmed]);
+  return [dimmed, setDimmed];
+}
+function useAntiFlicker(mode) {
+  useEffect(() => {
+    if (!mode) return;
+    void applyAntiFlicker(mode);
+  }, [mode]);
+}
+
+// src/ui/primitives.tsx
+import { Pressable, StyleSheet, Text, View } from "react-native";
+
+// src/ui/helpers.ts
+var PILL_COLORS = Object.freeze({
+  gray: "#6b7280",
+  green: "#22c55e",
+  amber: "#f59e0b",
+  orange: "#f97316",
+  red: "#ef4444",
+  darkRed: "#b91c1c"
+});
+function statusPillFor(state, options = {}) {
+  const copy = uiCopy[options.locale ?? "vi"].pill;
+  const elapsedMs = options.elapsedMs ?? 0;
+  switch (state) {
+    case "idle":
+    case "preparing":
+      return { label: copy.opening, color: PILL_COLORS.gray };
+    case "preview":
+      return { label: copy.ready, color: PILL_COLORS.green };
+    case "connecting":
+      return { label: copy.connecting, color: PILL_COLORS.amber };
+    case "standby":
+      if (elapsedMs > 0) return { label: copy.paused, color: PILL_COLORS.amber };
+      return options.courtBound ? { label: copy.court, color: PILL_COLORS.orange } : { label: copy.standby, color: PILL_COLORS.orange };
+    case "live":
+      return { label: copy.live, color: PILL_COLORS.red };
+    case "reconnecting":
+      return { label: copy.reconnecting, color: PILL_COLORS.amber };
+    case "ending":
+      return { label: copy.ending, color: PILL_COLORS.gray };
+    case "error":
+      return { label: copy.error, color: PILL_COLORS.darkRed };
+    // "ended" thoáng qua rồi AutoPrepare đưa về preview.
+    default:
+      return { label: copy.ready, color: PILL_COLORS.green };
+  }
+}
+function shortSessionId(sessionId) {
+  return sessionId.length <= 10 ? sessionId : `\u2026${sessionId.slice(-8)}`;
+}
+function formatElapsed(ms) {
+  const total = Math.max(0, Math.floor(ms / 1e3));
+  const hours = Math.floor(total / 3600);
+  const minutes = Math.floor(total % 3600 / 60);
+  const seconds = total % 60;
+  const mm = String(minutes).padStart(2, "0");
+  const ss = String(seconds).padStart(2, "0");
+  return hours > 0 ? `${hours}:${mm}:${ss}` : `${mm}:${ss}`;
+}
+function lensShortLabel(label) {
+  if (/ultra\s*wide/i.test(label)) return "0.5x";
+  if (/telephoto/i.test(label)) return "Tele";
+  return "1x";
+}
+function isRtmpPreview(previewTrack) {
+  return typeof previewTrack === "object" && previewTrack !== null && previewTrack.kind === "rtmp";
+}
+function activeLensId(cameras, selectedCameraId) {
+  if (selectedCameraId) return selectedCameraId;
+  const backLenses = cameras.filter((camera) => camera.facing === "environment");
+  return backLenses.find((camera) => lensShortLabel(camera.label) === "1x")?.deviceId ?? null;
+}
+
+// src/ui/primitives.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var uiColors = Object.freeze({
+  ink: "#0a0a0b",
+  text: "#ffffff",
+  textSecondary: "#e5e7eb",
+  textMuted: "#d1d5db",
+  textDim: "#9ca3af",
+  border: "#3f3f46",
+  panel: "rgba(15,15,19,0.93)",
+  chip: "rgba(0,0,0,0.55)",
+  chipStrong: "rgba(0,0,0,0.72)",
+  surface: "rgba(255,255,255,0.06)",
+  hairline: "rgba(255,255,255,0.08)",
+  good: "#4ade80",
+  ok: "#facc15",
+  low: "#f87171"
+});
+function StatusPill({
+  label,
+  color,
+  style
+}) {
+  return /* @__PURE__ */ jsx(View, { style: [uiStyles.pill, { backgroundColor: color }, style], accessibilityRole: "text", children: /* @__PURE__ */ jsx(Text, { style: uiStyles.pillText, children: label }) });
+}
+function ControlRow({ label, children }) {
+  return /* @__PURE__ */ jsxs(View, { style: uiStyles.row, children: [
+    /* @__PURE__ */ jsx(Text, { style: uiStyles.rowLabel, children: label }),
+    children
+  ] });
+}
+function Note({ children }) {
+  return /* @__PURE__ */ jsx(Text, { style: uiStyles.note, children });
+}
+function ActionButton({
+  label,
+  onPress,
+  disabled,
+  accessibilityLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel ?? label,
+      disabled,
+      onPress,
+      style: [uiStyles.actionButton, disabled && uiStyles.disabled],
+      children: /* @__PURE__ */ jsx(Text, { style: uiStyles.actionButtonText, children: label })
+    }
+  );
+}
+function CameraOption({
+  label,
+  hint,
+  active,
+  disabled,
+  onPress
+}) {
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      accessibilityRole: "button",
+      accessibilityState: { selected: active, disabled: disabled === true },
+      onPress,
+      disabled,
+      style: [uiStyles.cameraOption, active && uiStyles.cameraOptionActive],
+      children: [
+        /* @__PURE__ */ jsx(Text, { style: [uiStyles.cameraOptionText, active && uiStyles.cameraOptionTextActive], children: label }),
+        /* @__PURE__ */ jsx(Text, { style: [uiStyles.cameraOptionHint, active && uiStyles.cameraOptionTextActive], children: hint })
+      ]
+    }
+  );
+}
+function Segmented({
+  options,
+  value,
+  disabled,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx(View, { style: [uiStyles.segmented, disabled && uiStyles.disabled], children: options.map((option) => {
+    const active = option.value === value;
+    return /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityState: { selected: active, disabled: disabled === true },
+        disabled,
+        onPress: () => onChange(option.value),
+        style: [uiStyles.segment, active && uiStyles.segmentActive],
+        children: /* @__PURE__ */ jsx(Text, { style: [uiStyles.segmentText, active && uiStyles.segmentTextActive], children: option.label })
+      },
+      String(option.value)
+    );
+  }) });
+}
+function PresetButton({
+  label,
+  active,
+  onPress
+}) {
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      accessibilityRole: "button",
+      accessibilityState: { selected: active },
+      onPress,
+      style: [uiStyles.preset, active && uiStyles.presetActive],
+      children: /* @__PURE__ */ jsx(Text, { style: [uiStyles.presetText, active && uiStyles.presetTextActive], children: label })
+    }
+  );
+}
+function LensRow({
+  cameras,
+  selectedCameraId,
+  onSelect,
+  locale = "vi"
+}) {
+  const backLenses = cameras.filter((camera) => camera.facing === "environment");
+  const frontLens = cameras.find((camera) => camera.facing === "front");
+  const active = activeLensId(cameras, selectedCameraId);
+  if (backLenses.length === 0 && !frontLens) return null;
+  return /* @__PURE__ */ jsxs(View, { style: uiStyles.lensRow, children: [
+    backLenses.map((camera) => {
+      const isActive = camera.deviceId === active;
+      return /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          accessibilityRole: "button",
+          accessibilityState: { selected: isActive },
+          onPress: () => onSelect(camera.deviceId),
+          style: [uiStyles.lensButton, isActive && uiStyles.lensButtonActive],
+          children: /* @__PURE__ */ jsx(Text, { style: [uiStyles.lensText, isActive && uiStyles.lensTextActive], children: lensShortLabel(camera.label) })
+        },
+        camera.deviceId
+      );
+    }),
+    frontLens ? /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        accessibilityRole: "button",
+        accessibilityState: { selected: frontLens.deviceId === selectedCameraId },
+        onPress: () => onSelect(frontLens.deviceId),
+        style: [
+          uiStyles.lensButton,
+          frontLens.deviceId === selectedCameraId && uiStyles.lensButtonActive
+        ],
+        children: /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: [
+              uiStyles.lensText,
+              frontLens.deviceId === selectedCameraId && uiStyles.lensTextActive
+            ],
+            children: uiCopy[locale].lens.front
+          }
+        )
+      },
+      frontLens.deviceId
+    ) : null
+  ] });
+}
+var uiStyles = StyleSheet.create({
+  pill: { borderRadius: 999, paddingHorizontal: 10, paddingVertical: 5 },
+  pillText: {
+    color: uiColors.text,
+    fontWeight: "800",
+    fontSize: 11,
+    letterSpacing: 0.5,
+    fontVariant: ["tabular-nums"]
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 10,
+    minHeight: 32
+  },
+  rowLabel: { color: uiColors.textSecondary, fontSize: 13, fontWeight: "600" },
+  note: { color: uiColors.textDim, fontSize: 11, lineHeight: 15 },
+  actionButton: {
+    borderRadius: 9,
+    backgroundColor: uiColors.surface,
+    borderWidth: 1,
+    borderColor: uiColors.border,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    alignSelf: "flex-start"
+  },
+  actionButtonText: { color: uiColors.textSecondary, fontSize: 12, fontWeight: "700" },
+  cameraOption: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 8,
+    backgroundColor: uiColors.surface,
+    borderRadius: 9,
+    paddingHorizontal: 12,
+    paddingVertical: 8
+  },
+  cameraOptionActive: { backgroundColor: uiColors.text },
+  cameraOptionText: { color: uiColors.textMuted, fontSize: 12, fontWeight: "700" },
+  cameraOptionHint: { color: uiColors.textDim, fontSize: 11, flexShrink: 1 },
+  cameraOptionTextActive: { color: uiColors.ink },
+  segmented: {
+    flexDirection: "row",
+    backgroundColor: uiColors.surface,
+    borderRadius: 999,
+    padding: 3
+  },
+  segment: { borderRadius: 999, paddingHorizontal: 13, paddingVertical: 6 },
+  segmentActive: { backgroundColor: uiColors.text },
+  segmentText: { color: uiColors.textMuted, fontSize: 12, fontWeight: "700" },
+  segmentTextActive: { color: uiColors.ink },
+  disabled: { opacity: 0.4 },
+  presetRow: { flexDirection: "row", gap: 6, flexWrap: "wrap" },
+  preset: {
+    borderRadius: 999,
+    borderWidth: 1,
+    borderColor: uiColors.border,
+    paddingHorizontal: 12,
+    paddingVertical: 6
+  },
+  presetActive: { backgroundColor: uiColors.text, borderColor: uiColors.text },
+  presetText: { color: uiColors.textMuted, fontSize: 12, fontWeight: "700" },
+  presetTextActive: { color: uiColors.ink },
+  lensRow: {
+    flexDirection: "row",
+    gap: 8,
+    backgroundColor: uiColors.chip,
+    borderRadius: 999,
+    padding: 4
+  },
+  lensButton: { borderRadius: 999, paddingHorizontal: 14, paddingVertical: 7 },
+  lensButtonActive: { backgroundColor: uiColors.text },
+  lensText: { color: uiColors.textSecondary, fontSize: 13, fontWeight: "700" },
+  lensTextActive: { color: uiColors.ink }
+});
+
+// src/ui/controls-sheet.tsx
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ZOOM_PRESETS = [1, 2, 3, 5];
+var EV_PRESETS = [-2, -1, 0, 1, 2];
+var FPS_CHOICES = [
+  { value: 24, label: "24" },
+  { value: 30, label: "30" },
+  { value: 60, label: "60" }
+];
+var IN_SESSION = /* @__PURE__ */ new Set(["connecting", "standby", "live", "reconnecting", "ending"]);
+var UPLINK_BUSY = /* @__PURE__ */ new Set(["connecting", "live", "reconnecting", "ending"]);
+function CameraControlsSheet(props) {
+  const { visible, onClose, settings, uplink, footer } = props;
+  const sections = props.sections ?? {};
+  const show = (key) => sections[key] !== false;
+  const live = useLivestream();
+  const locale = props.locale ?? live.locale;
+  const copy = uiCopy[locale].sheet;
+  const config = useCameraSettings(settings);
+  const { width, height } = useWindowDimensions();
+  const side = props.layout === "side" || props.layout !== "bottom" && width > height;
+  const caps = useCameraCapabilities(visible, live.selectedCameraId);
+  const [zoom, setZoomValue] = useState2(1);
+  const [ev, setEvValue] = useState2(0);
+  const [focusLocked, setFocusLockedValue] = useState2(false);
+  const [exposureLocked, setExposureLockedValue] = useState2(false);
+  const [torch, setTorchValue] = useState2(false);
+  const [net, setNet] = useState2({ running: false, result: null, error: null });
+  const configLocked = IN_SESSION.has(live.state);
+  const netBusy = UPLINK_BUSY.has(live.state);
+  const supportedFps = caps?.supportedFrameRates ?? [24, 30];
+  const fpsOptions = FPS_CHOICES.filter((choice) => supportedFps.includes(choice.value));
+  useEffect2(() => {
+    if (configLocked || !caps) return;
+    if (!supportedFps.includes(config.fps)) settings.set({ fps: 30 });
+  }, [caps, config.fps, configLocked, settings, supportedFps]);
+  async function runNetworkCheck() {
+    setNet({ running: true, result: null, error: null });
+    try {
+      const result = await runUplinkCheck({
+        resolution: config.resolution,
+        ...uplink?.uploadUrl ? { uploadUrl: uplink.uploadUrl } : {},
+        ...uplink?.pingUrl ? { pingUrl: uplink.pingUrl } : {}
+      });
+      setNet({ running: false, result, error: null });
+    } catch {
+      setNet({ running: false, result: null, error: copy.checkError });
+    }
+  }
+  return (
+    // supportedOrientations đủ cả dọc lẫn ngang: mặc định của Modal là
+    // ["portrait"], app khoá landscape (Info.plist chỉ có LandscapeLeft/Right)
+    // → iOS không tìm được hướng chung và ABORT ngay khi mount modal
+    // ("Supported orientations has no common orientation with the application").
+    /* @__PURE__ */ jsx2(
+      Modal,
+      {
+        visible,
+        transparent: true,
+        animationType: "fade",
+        onRequestClose: onClose,
+        statusBarTranslucent: true,
+        navigationBarTranslucent: true,
+        supportedOrientations: [
+          "portrait",
+          "portrait-upside-down",
+          "landscape",
+          "landscape-left",
+          "landscape-right"
+        ],
+        children: /* @__PURE__ */ jsxs2(View2, { style: side ? styles.overlaySide : styles.overlayBottom, children: [
+          /* @__PURE__ */ jsx2(
+            Pressable2,
+            {
+              style: styles.backdrop,
+              onPress: onClose,
+              accessibilityRole: "button",
+              accessibilityLabel: copy.closeBackdrop
+            }
+          ),
+          /* @__PURE__ */ jsxs2(
+            SafeAreaView,
+            {
+              edges: side ? ["top", "right", "bottom"] : ["bottom", "left", "right"],
+              style: side ? styles.panelSide : styles.panelBottom,
+              children: [
+                /* @__PURE__ */ jsxs2(View2, { style: styles.panelHeader, children: [
+                  /* @__PURE__ */ jsx2(Text2, { style: styles.heading, children: props.title ?? copy.title }),
+                  /* @__PURE__ */ jsx2(
+                    Pressable2,
+                    {
+                      onPress: onClose,
+                      style: styles.closeX,
+                      accessibilityRole: "button",
+                      accessibilityLabel: copy.close,
+                      children: /* @__PURE__ */ jsx2(Text2, { style: styles.closeXText, children: "\u2715" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs2(ScrollView, { contentContainerStyle: styles.content, showsVerticalScrollIndicator: false, children: [
+                  show("quality") ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                    /* @__PURE__ */ jsx2(ControlRow, { label: copy.resolution, children: /* @__PURE__ */ jsx2(
+                      Segmented,
+                      {
+                        options: [
+                          { value: 720, label: "720p" },
+                          { value: 1080, label: "1080p" }
+                        ],
+                        value: config.resolution,
+                        disabled: configLocked,
+                        onChange: (value) => settings.set({ resolution: value })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx2(ControlRow, { label: copy.fps, children: /* @__PURE__ */ jsx2(
+                      Segmented,
+                      {
+                        options: fpsOptions,
+                        value: config.fps,
+                        disabled: configLocked,
+                        onChange: (value) => settings.set({ fps: value })
+                      }
+                    ) }),
+                    config.fps === 60 ? /* @__PURE__ */ jsx2(Note, { children: copy.fps60Note }) : null
+                  ] }) : null,
+                  show("antiFlicker") && Platform.OS === "android" ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                    /* @__PURE__ */ jsx2(ControlRow, { label: copy.antiFlicker, children: /* @__PURE__ */ jsx2(
+                      Segmented,
+                      {
+                        options: [
+                          { value: "50hz", label: "50Hz" },
+                          { value: "60hz", label: "60Hz" },
+                          { value: "auto", label: copy.auto }
+                        ],
+                        value: config.antiFlicker,
+                        onChange: (value) => settings.set({ antiFlicker: value })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx2(Note, { children: copy.antiFlickerNote })
+                  ] }) : null,
+                  configLocked && (show("quality") || show("camera")) ? /* @__PURE__ */ jsx2(Note, { children: copy.lockedNote }) : null,
+                  show("camera") ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                    /* @__PURE__ */ jsx2(ControlRow, { label: copy.defaultCamera }),
+                    /* @__PURE__ */ jsxs2(View2, { style: [styles.cameraList, configLocked && uiStyles.disabled], children: [
+                      /* @__PURE__ */ jsx2(
+                        CameraOption,
+                        {
+                          label: copy.autoCamera,
+                          hint: copy.autoCameraHint,
+                          active: config.cameraId === null,
+                          disabled: configLocked,
+                          onPress: () => settings.set({ cameraId: null })
+                        }
+                      ),
+                      live.cameras.map((camera) => /* @__PURE__ */ jsx2(
+                        CameraOption,
+                        {
+                          label: camera.facing === "front" ? copy.frontCamera : copy.backCamera,
+                          hint: copy.cameraIdHint(camera.deviceId),
+                          active: config.cameraId === camera.deviceId,
+                          disabled: configLocked,
+                          onPress: () => settings.set({ cameraId: camera.deviceId })
+                        },
+                        camera.deviceId
+                      ))
+                    ] })
+                  ] }) : null,
+                  show("zoom") && caps?.zoom.supported ? /* @__PURE__ */ jsx2(ControlRow, { label: copy.zoom, children: /* @__PURE__ */ jsx2(View2, { style: uiStyles.presetRow, children: ZOOM_PRESETS.filter(
+                    (preset) => preset >= caps.zoom.min && preset <= caps.zoom.max
+                  ).map((preset) => /* @__PURE__ */ jsx2(
+                    PresetButton,
+                    {
+                      label: `${preset}x`,
+                      active: zoom === preset,
+                      onPress: () => {
+                        setZoomValue(preset);
+                        void setZoom(preset);
+                      }
+                    },
+                    preset
+                  )) }) }) : null,
+                  show("exposure") && caps?.exposureBias.supported ? /* @__PURE__ */ jsx2(ControlRow, { label: copy.ev, children: /* @__PURE__ */ jsx2(View2, { style: uiStyles.presetRow, children: EV_PRESETS.filter(
+                    (preset) => preset >= caps.exposureBias.min && preset <= caps.exposureBias.max
+                  ).map((preset) => /* @__PURE__ */ jsx2(
+                    PresetButton,
+                    {
+                      label: preset > 0 ? `+${preset}` : `${preset}`,
+                      active: ev === preset,
+                      onPress: () => {
+                        setEvValue(preset);
+                        void setExposureBias(preset);
+                      }
+                    },
+                    preset
+                  )) }) }) : null,
+                  show("locks") && caps?.focusLock.supported ? /* @__PURE__ */ jsx2(ControlRow, { label: copy.focusLock, children: /* @__PURE__ */ jsx2(
+                    Switch,
+                    {
+                      value: focusLocked,
+                      accessibilityLabel: copy.focusLock,
+                      onValueChange: (value) => {
+                        setFocusLockedValue(value);
+                        void setFocusLocked(value);
+                      }
+                    }
+                  ) }) : null,
+                  show("locks") && caps?.exposureLock.supported ? /* @__PURE__ */ jsx2(ControlRow, { label: copy.exposureLock, children: /* @__PURE__ */ jsx2(
+                    Switch,
+                    {
+                      value: exposureLocked,
+                      accessibilityLabel: copy.exposureLock,
+                      onValueChange: (value) => {
+                        setExposureLockedValue(value);
+                        void setExposureLocked(value);
+                      }
+                    }
+                  ) }) : null,
+                  show("torch") && caps?.torch.supported ? /* @__PURE__ */ jsx2(ControlRow, { label: copy.torch, children: /* @__PURE__ */ jsx2(
+                    Switch,
+                    {
+                      value: torch,
+                      accessibilityLabel: copy.torch,
+                      onValueChange: (value) => {
+                        setTorchValue(value);
+                        void setTorch(value);
+                      }
+                    }
+                  ) }) : null,
+                  show("uplink") ? /* @__PURE__ */ jsxs2(Fragment, { children: [
+                    /* @__PURE__ */ jsx2(ControlRow, { label: copy.network }),
+                    /* @__PURE__ */ jsx2(
+                      Pressable2,
+                      {
+                        accessibilityRole: "button",
+                        disabled: net.running || netBusy,
+                        onPress: () => void runNetworkCheck(),
+                        style: [uiStyles.actionButton, (net.running || netBusy) && uiStyles.disabled],
+                        children: /* @__PURE__ */ jsx2(Text2, { style: uiStyles.actionButtonText, children: net.running ? copy.running : copy.runCheck })
+                      }
+                    ),
+                    netBusy ? /* @__PURE__ */ jsx2(Note, { children: copy.busyNote }) : null,
+                    net.result ? /* @__PURE__ */ jsxs2(
+                      Text2,
+                      {
+                        style: [
+                          styles.netResult,
+                          net.result.verdict === "good" ? styles.netGood : net.result.verdict === "ok" ? styles.netOk : styles.netLow
+                        ],
+                        children: [
+                          copy.resultLine({
+                            uploadMbps: net.result.uploadMbps,
+                            requiredMbps: net.result.requiredMbps,
+                            resolution: config.resolution,
+                            fps: config.fps,
+                            pingMs: net.result.pingMs
+                          }),
+                          "\n",
+                          net.result.verdict === "good" ? copy.good : net.result.verdict === "ok" ? copy.ok : copy.low
+                        ]
+                      }
+                    ) : null,
+                    net.error ? /* @__PURE__ */ jsx2(Note, { children: net.error }) : null
+                  ] }) : null,
+                  footer
+                ] })
+              ]
+            }
+          )
+        ] })
+      }
+    )
+  );
+}
+var styles = StyleSheet2.create({
+  overlaySide: { flex: 1, flexDirection: "row" },
+  overlayBottom: { flex: 1, flexDirection: "column" },
+  // Phần còn lại: mờ NHẸ để vẫn canh được khung hình trong lúc chỉnh; bấm là đóng.
+  backdrop: { flex: 1, backgroundColor: "rgba(0,0,0,0.3)" },
+  // Màn ngang: panel NỬA PHẢI — label và nút đứng gần nhau, nửa trái vẫn thấy
+  // khung hình. minWidth giữ dùng được trên màn hẹp, maxWidth để tablet không
+  // thành tấm bảng quá khổ.
+  panelSide: {
+    width: "50%",
+    minWidth: 340,
+    maxWidth: 480,
+    backgroundColor: uiColors.panel,
+    borderLeftWidth: 1,
+    borderLeftColor: uiColors.hairline
+  },
+  // Màn dọc: bottom-sheet tối đa 70% chiều cao.
+  panelBottom: {
+    maxHeight: "70%",
+    backgroundColor: uiColors.panel,
+    borderTopLeftRadius: 18,
+    borderTopRightRadius: 18,
+    borderTopWidth: 1,
+    borderTopColor: uiColors.hairline
+  },
+  panelHeader: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: uiColors.hairline
+  },
+  closeX: {
+    width: 30,
+    height: 30,
+    borderRadius: 999,
+    backgroundColor: "rgba(255,255,255,0.1)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  closeXText: { color: uiColors.textSecondary, fontSize: 14, fontWeight: "700" },
+  content: { padding: 14, paddingBottom: 24, gap: 10 },
+  heading: { color: uiColors.text, fontSize: 15, fontWeight: "800" },
+  netResult: { fontSize: 12, fontWeight: "700", lineHeight: 17 },
+  netGood: { color: uiColors.good },
+  netOk: { color: uiColors.ok },
+  netLow: { color: uiColors.low },
+  cameraList: { gap: 5 }
+});
+
+// src/ui/preview-view.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var cached;
+function getRtmpPreviewView() {
+  if (cached !== void 0) return cached;
+  try {
+    const loaded = __require("@pickleball/rtmp-native");
+    const candidate = loaded?.PickleballRtmpPreviewView;
+    cached = candidate ? candidate : null;
+  } catch {
+    cached = null;
+  }
+  return cached;
+}
+function resetRtmpPreviewViewCache() {
+  cached = void 0;
+}
+function RtmpPreview({ style }) {
+  const Preview = getRtmpPreviewView();
+  return Preview ? /* @__PURE__ */ jsx3(Preview, { style }) : null;
+}
+
+// src/ui/camera-screen.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function PickleballCameraScreen(props) {
+  const {
+    mode = "casual",
+    settings,
+    onGoLive,
+    onStop,
+    title,
+    courtLabel,
+    renderTopRight,
+    renderBottom,
+    children,
+    controls,
+    controlsProps,
+    lensRow = true,
+    autoPrepare = true,
+    captureOrientation,
+    thermalDimAfterMs = 3e4,
+    thermalDimCaption,
+    style
+  } = props;
+  const live = useLivestream();
+  const locale = props.locale ?? live.locale;
+  const copy = uiCopy[locale];
+  const config = useCameraSettings(settings ?? NO_SETTINGS);
+  useAntiFlicker(settings ? config.antiFlicker : void 0);
+  const [sheetOpen, setSheetOpen] = useState3(false);
+  const [confirmingStop, setConfirmingStop] = useState3(false);
+  const [busy, setBusy] = useState3(false);
+  const [thermalDimmed, setThermalDimmed] = useThermalDim(live.state, thermalDimAfterMs);
+  const showGoLiveButton = props.showGoLiveButton ?? mode === "casual";
+  const courtBound = mode === "court";
+  const paused = live.state === "standby" && live.elapsedMs > 0;
+  const pill = props.statusPill === void 0 ? statusPillFor(live.state, { elapsedMs: live.elapsedMs, courtBound, locale }) : props.statusPill;
+  const pillLabel = pill && live.state === "live" && props.statusPill === void 0 ? `${pill.label} ${formatElapsed(live.elapsedMs)}` : pill?.label;
+  const hint = props.statusHint === void 0 ? defaultHint() : props.statusHint;
+  function defaultHint() {
+    switch (live.state) {
+      case "preview":
+        return courtBound ? copy.hint.courtPreview : onGoLive ? copy.hint.casualPreview : null;
+      case "standby":
+        if (paused) return copy.hint.paused;
+        if (courtBound) {
+          return courtLabel ? copy.hint.courtStandby(courtLabel) : copy.hint.courtStandbyNoCourt;
+        }
+        return copy.hint.casualStandby;
+      case "connecting":
+        return copy.hint.connecting;
+      case "reconnecting":
+        return copy.hint.reconnecting;
+      case "ending":
+        return copy.hint.ending;
+      case "error":
+        return live.error ? copy.errors.remediation[live.error.code] : copy.hint.errorFallback;
+      default:
+        return null;
+    }
+  }
+  const errorTitle = live.error ? copy.errors.title[live.error.code] : null;
+  async function run(action) {
+    setBusy(true);
+    try {
+      await action();
+    } catch {
+    } finally {
+      setBusy(false);
+    }
+  }
+  const mainAction = (() => {
+    if (!showGoLiveButton) return null;
+    if (busy) return { label: copy.button.connecting, onPress: () => void 0, disabled: true, tone: "muted" };
+    switch (live.state) {
+      case "preview":
+        return onGoLive ? { label: copy.button.goLive, onPress: () => void run(onGoLive), tone: "go" } : null;
+      case "standby":
+        return {
+          label: paused ? copy.button.resume : copy.button.publishNow,
+          onPress: () => void run(() => live.startPublishing()),
+          tone: "go"
+        };
+      case "live":
+        return confirmingStop ? {
+          label: copy.button.confirmStop,
+          onPress: () => {
+            setConfirmingStop(false);
+            void run(onStop ?? (() => live.stop("user")));
+          },
+          tone: "stop"
+        } : { label: copy.button.stop, onPress: () => setConfirmingStop(true), tone: "stop" };
+      case "error":
+        return {
+          label: copy.button.retry,
+          onPress: () => void run(() => live.sessionId ? live.retry() : live.prepare()),
+          tone: "go"
+        };
+      case "connecting":
+      case "reconnecting":
+        return { label: copy.button.connecting, onPress: () => void 0, disabled: true, tone: "muted" };
+      case "ending":
+        return { label: copy.button.ending, onPress: () => void 0, disabled: true, tone: "muted" };
+      default:
+        return null;
+    }
+  })();
+  const infoLine = props.infoLine === void 0 ? settings ? `${config.resolution}p \u2022 ${config.fps} fps \u2022 H.264` : null : props.infoLine;
+  const showPreview = isRtmpPreview(live.previewTrack);
+  const sheetEnabled = controls !== false && (controls !== void 0 || settings !== void 0);
+  return /* @__PURE__ */ jsxs3(View3, { style: [styles2.root, style], children: [
+    autoPrepare ? /* @__PURE__ */ jsx4(PickleballAutoPrepare, { captureOrientation }) : null,
+    showPreview ? /* @__PURE__ */ jsx4(RtmpPreview, { style: StyleSheet3.absoluteFill }) : /* @__PURE__ */ jsx4(View3, { style: [StyleSheet3.absoluteFill, styles2.center], children: live.state === "error" ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx4(Text3, { style: styles2.errorTitle, accessibilityRole: "alert", children: errorTitle ?? copy.hint.cameraError }),
+      live.error ? /* @__PURE__ */ jsxs3(Text3, { style: styles2.errorDetail, selectable: true, children: [
+        copy.errors.technicalDetail,
+        ": ",
+        live.error.message
+      ] }) : null
+    ] }) : /* @__PURE__ */ jsx4(Text3, { style: styles2.mutedText, children: copy.hint.cameraOpening }) }),
+    /* @__PURE__ */ jsxs3(SafeAreaView2, { style: styles2.overlay, pointerEvents: "box-none", children: [
+      /* @__PURE__ */ jsxs3(View3, { style: styles2.topArea, pointerEvents: "box-none", children: [
+        /* @__PURE__ */ jsxs3(View3, { style: styles2.topRow, pointerEvents: "box-none", children: [
+          /* @__PURE__ */ jsxs3(View3, { style: styles2.statusCard, pointerEvents: "none", children: [
+            pill && pillLabel ? /* @__PURE__ */ jsx4(StatusPill, { label: pillLabel, color: pill.color }) : null,
+            live.sessionId ? /* @__PURE__ */ jsxs3(View3, { style: styles2.sessionInfo, children: [
+              title ? /* @__PURE__ */ jsx4(Text3, { style: styles2.sessionTitleText, numberOfLines: 1, children: title }) : null,
+              /* @__PURE__ */ jsx4(Text3, { style: styles2.sessionIdText, numberOfLines: 1, children: shortSessionId(live.sessionId) })
+            ] }) : null
+          ] }),
+          renderTopRight?.(),
+          sheetEnabled ? /* @__PURE__ */ jsx4(
+            Pressable3,
+            {
+              onPress: () => setSheetOpen(true),
+              style: styles2.moreButton,
+              accessibilityRole: "button",
+              accessibilityLabel: copy.sheet.title,
+              children: /* @__PURE__ */ jsx4(Text3, { style: styles2.moreButtonText, children: "\u2022\u2022\u2022" })
+            }
+          ) : null
+        ] }),
+        hint && live.state !== "live" ? /* @__PURE__ */ jsxs3(View3, { style: styles2.stepHintChip, pointerEvents: "none", children: [
+          /* @__PURE__ */ jsx4(
+            View3,
+            {
+              style: [
+                styles2.stepHintDot,
+                { backgroundColor: props.statusHintDotColor ?? uiColors.textDim }
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx4(Text3, { style: styles2.stepHintText, children: hint })
+        ] }) : null
+      ] }),
+      children ? /* @__PURE__ */ jsx4(View3, { style: styles2.centerSlot, pointerEvents: "box-none", children }) : null,
+      /* @__PURE__ */ jsxs3(View3, { style: styles2.bottomArea, pointerEvents: "box-none", children: [
+        mainAction ? /* @__PURE__ */ jsxs3(View3, { style: styles2.mainRow, children: [
+          confirmingStop && live.state === "live" ? /* @__PURE__ */ jsx4(
+            Pressable3,
+            {
+              accessibilityRole: "button",
+              onPress: () => setConfirmingStop(false),
+              style: [styles2.mainButton, styles2.mainMuted],
+              children: /* @__PURE__ */ jsx4(Text3, { style: styles2.mainButtonText, children: copy.button.cancel })
+            }
+          ) : null,
+          /* @__PURE__ */ jsx4(
+            Pressable3,
+            {
+              accessibilityRole: "button",
+              accessibilityState: { disabled: mainAction.disabled === true },
+              disabled: mainAction.disabled,
+              onPress: mainAction.onPress,
+              style: [
+                styles2.mainButton,
+                mainAction.tone === "go" && styles2.mainGo,
+                mainAction.tone === "stop" && styles2.mainStop,
+                mainAction.tone === "muted" && styles2.mainMuted
+              ],
+              children: /* @__PURE__ */ jsx4(
+                Text3,
+                {
+                  style: [styles2.mainButtonText, mainAction.tone === "go" && styles2.mainGoText],
+                  children: mainAction.label
+                }
+              )
+            }
+          )
+        ] }) : null,
+        lensRow ? /* @__PURE__ */ jsx4(
+          LensRow,
+          {
+            cameras: live.cameras,
+            selectedCameraId: live.selectedCameraId,
+            onSelect: (deviceId) => void live.selectCamera(deviceId).catch(() => void 0),
+            locale
+          }
+        ) : null,
+        infoLine ? /* @__PURE__ */ jsx4(Text3, { style: styles2.infoLine, children: infoLine }) : null,
+        renderBottom?.()
+      ] })
+    ] }),
+    sheetEnabled ? controls ? controls({ visible: sheetOpen, onClose: () => setSheetOpen(false) }) : settings ? /* @__PURE__ */ jsx4(
+      CameraControlsSheet,
+      {
+        ...controlsProps,
+        visible: sheetOpen,
+        onClose: () => setSheetOpen(false),
+        settings,
+        locale: controlsProps?.locale ?? locale
+      }
+    ) : null : null,
+    thermalDimmed ? /* @__PURE__ */ jsx4(
+      Pressable3,
+      {
+        onPress: () => setThermalDimmed(false),
+        style: styles2.thermalOverlay,
+        accessibilityRole: "button",
+        accessibilityLabel: copy.thermal.subtitle,
+        children: /* @__PURE__ */ jsxs3(View3, { style: styles2.thermalCard, children: [
+          /* @__PURE__ */ jsx4(StatusPill, { label: `${copy.pill.live} ${formatElapsed(live.elapsedMs)}`, color: "#ef4444" }),
+          /* @__PURE__ */ jsx4(Text3, { style: styles2.thermalTitle, children: copy.thermal.title }),
+          thermalDimCaption ? /* @__PURE__ */ jsx4(Text3, { style: styles2.thermalCaption, children: thermalDimCaption }) : null,
+          /* @__PURE__ */ jsx4(Text3, { style: styles2.thermalSubtitle, children: copy.thermal.subtitle })
+        ] })
+      }
+    ) : null
+  ] });
+}
+var NO_SETTINGS_VALUE = Object.freeze({
+  resolution: 720,
+  fps: 30,
+  antiFlicker: "50hz",
+  cameraId: null
+});
+var NO_SETTINGS = {
+  key: "none",
+  get: () => NO_SETTINGS_VALUE,
+  set: () => void 0,
+  subscribe: () => () => void 0,
+  restore: async () => void 0,
+  isRestored: () => true
+};
+var styles2 = StyleSheet3.create({
+  root: { flex: 1, backgroundColor: uiColors.ink },
+  center: { alignItems: "center", justifyContent: "center", padding: 24 },
+  overlay: { flex: 1, justifyContent: "space-between" },
+  topArea: { gap: 8 },
+  topRow: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 16,
+    paddingTop: 8
+  },
+  statusCard: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    flexShrink: 1,
+    minWidth: 0
+  },
+  stepHintChip: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    alignSelf: "flex-start",
+    marginLeft: 16,
+    backgroundColor: uiColors.chip,
+    borderRadius: 999,
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    maxWidth: 340
+  },
+  stepHintDot: { width: 6, height: 6, borderRadius: 3 },
+  stepHintText: { color: uiColors.textMuted, fontSize: 11 },
+  sessionInfo: { flexShrink: 1, minWidth: 0 },
+  sessionTitleText: { color: uiColors.text, fontSize: 11, fontWeight: "700" },
+  sessionIdText: { color: uiColors.textMuted, fontSize: 9, fontVariant: ["tabular-nums"] },
+  moreButton: {
+    borderRadius: 999,
+    backgroundColor: uiColors.chip,
+    paddingHorizontal: 12,
+    paddingVertical: 7
+  },
+  moreButtonText: { color: uiColors.text, fontSize: 13, fontWeight: "700" },
+  centerSlot: { alignItems: "center", justifyContent: "center" },
+  bottomArea: { alignItems: "center", gap: 10, paddingBottom: 12 },
+  mainRow: { flexDirection: "row", gap: 10 },
+  mainButton: {
+    borderRadius: 999,
+    paddingHorizontal: 26,
+    paddingVertical: 12,
+    minWidth: 150,
+    alignItems: "center",
+    backgroundColor: uiColors.chip
+  },
+  mainGo: { backgroundColor: "#b4ff39" },
+  mainStop: { backgroundColor: "#ef4444" },
+  mainMuted: { backgroundColor: uiColors.chip },
+  mainButtonText: { color: uiColors.text, fontSize: 15, fontWeight: "800", letterSpacing: 0.3 },
+  mainGoText: { color: uiColors.ink },
+  infoLine: { color: uiColors.textDim, fontSize: 11, fontVariant: ["tabular-nums"] },
+  mutedText: { color: uiColors.textDim, fontSize: 14, textAlign: "center" },
+  errorTitle: { color: uiColors.text, fontSize: 16, fontWeight: "800", textAlign: "center" },
+  errorDetail: { color: uiColors.textDim, fontSize: 11, textAlign: "center", marginTop: 8 },
+  thermalOverlay: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "rgba(0,0,0,0.92)",
+    alignItems: "center",
+    justifyContent: "center",
+    zIndex: 99
+  },
+  thermalCard: { alignItems: "center", gap: 12, padding: 24 },
+  thermalTitle: { color: uiColors.text, fontSize: 18, fontWeight: "700" },
+  thermalCaption: { color: uiColors.textMuted, fontSize: 16, fontWeight: "800", letterSpacing: 0.5 },
+  thermalSubtitle: { color: uiColors.textDim, fontSize: 13 }
+});
+export {
+  ActionButton,
+  CameraControlsSheet,
+  CameraOption,
+  ControlRow,
+  LensRow,
+  Note,
+  PILL_COLORS,
+  PickleballCameraScreen,
+  PresetButton,
+  RtmpPreview,
+  Segmented,
+  StatusPill,
+  activeLensId,
+  formatElapsed,
+  getRtmpPreviewView,
+  isRtmpPreview,
+  lensShortLabel,
+  resetRtmpPreviewViewCache,
+  shortSessionId,
+  statusPillFor,
+  uiColors,
+  uiCopy,
+  uiStyles,
+  useAntiFlicker,
+  useCameraCapabilities,
+  useThermalDim
+};