Function AppShell

packages/client/src/app/AppShell.tsx:431–3182

({
  apiRoot = "",
  fixedSimulatorUDID = null,
  hideSimulatorSelection = false,
  pairingEnabled = true,
  remoteStream = shouldUseRemoteStreamDefault(apiRoot),
}: AppShellProps = {})

}

export function AppShell({
  apiRoot = "",
  fixedSimulatorUDID = null,
  hideSimulatorSelection = false,
  pairingEnabled = true,
  remoteStream = shouldUseRemoteStreamDefault(apiRoot),
}: AppShellProps = {}) {
  configureSimDeckClient({ apiRoot });
  const initialStreamTransportRef = useRef<StreamTransport>(
    readStreamTransportQueryParam(),
  );
  const [initialUiState] = useState(readPersistedUiState);
  const [initialSelectedUDID] = useState(
    () =>
      fixedSimulatorUDID ??
      readDeviceQueryParam() ??
      initialUiState.selectedUDID,
  );
  const forceInitialFitMode = shouldForceInitialFitMode();
  const initialViewportState = initialSelectedUDID
    ? viewportStateForUDID(initialUiState, initialSelectedUDID, {
        forceFit: forceInitialFitMode,
      })
    : DEFAULT_VIEWPORT_STATE;
  const {
    error: listError,
    isLoading,
    refresh,
    simulators,
    updateSimulator,
  } = useSimulatorList({ remote: remoteStream });
  const providerDisconnected = isProviderDisconnected(listError);
  const [debugVisible, setDebugVisible] = useState(false);
  const [hierarchyVisible, setHierarchyVisible] = useState(false);
  const [devToolsVisible, setDevToolsVisible] = useState(false);
  const [selectedUDID, setSelectedUDID] = useState(initialSelectedUDID ?? "");
  const [search, setSearch] = useState("");
  const openURLValueRef = useRef(
    initialUiState.openURLValue ?? "https://example.com",
  );
  const bundleIDValueRef = useRef(
    initialUiState.bundleIDValue ?? "com.apple.Preferences",
  );
  const [menuOpen, setMenuOpen] = useState(false);
  const [simulatorMenuOpen, setSimulatorMenuOpen] = useState(false);
  const [newSimulatorOpen, setNewSimulatorOpen] = useState(false);
  const [cameraSimulationOpen, setCameraSimulationOpen] = useState(false);
  const [localError, setLocalError] = useState("");
  const [captureStatus, setCaptureStatus] = useState<CaptureStatus | null>(
    null,
  );
  const [screenRecording, setScreenRecording] =
    useState<ScreenRecordingState | null>(null);
  const [recordingNow, setRecordingNow] = useState(Date.now());
  const [failedStreamUDIDs, setFailedStreamUDIDs] = useState<Set<string>>(
    () => new Set(),
  );
  const [pairingCode, setPairingCode] = useState("");