Function showSetupDialog

src/interactiveHelpers.tsx:103–118

(
  root: Root,
  renderer: (done: (result: T) => void) => React.ReactNode,
  options?: { onChangeAppState?: typeof onChangeAppState },
)

 * Reduces boilerplate in showSetupScreens() where every dialog needs these wrappers.
 */
export function showSetupDialog<T = void>(
  root: Root,
  renderer: (done: (result: T) => void) => React.ReactNode,
  options?: { onChangeAppState?: typeof onChangeAppState },
): Promise<T> {
  return showDialog<T>(root, done => (
    <ThemeProvider
      initialState={getGlobalConfig().theme}
      onThemeSave={setting => saveGlobalConfig(current => ({ ...current, theme: setting }))}
    >
      <AppStateProvider onChangeAppState={options?.onChangeAppState}>
        <KeybindingSetup>{renderer(done)}</KeybindingSetup>
      </AppStateProvider>
    </ThemeProvider>
  ));
}

/**
 * Render the main UI into the root and wait for it to exit.