Function Web

src/commands/remote-setup/remote-setup.tsx:71–172

({ onDone }: { onDone: LocalJSXCommandOnDone })

type Step = { name: 'checking' } | { name: 'confirm'; token: RedactedGithubToken } | { name: 'uploading' };

function Web({ onDone }: { onDone: LocalJSXCommandOnDone }) {
  const [step, setStep] = useState<Step>({ name: 'checking' });

  useEffect(() => {
    logEvent('tengu_remote_setup_started', {});
    void checkLoginState().then(async result => {
      switch (result.status) {
        case 'not_signed_in':
          logEvent('tengu_remote_setup_result', {
            result: 'not_signed_in' as SafeString,
          });
          onDone('Not signed in to Claude. Run /login first.');
          return;
        case 'gh_not_installed':
        case 'gh_not_authenticated': {
          const url = `${getCodeWebUrl()}/onboarding?step=alt-auth`;
          await openBrowser(url);
          logEvent('tengu_remote_setup_result', {
            result: result.status as SafeString,
          });
          onDone(
            result.status === 'gh_not_installed'
              ? `GitHub CLI not found. Install it via https://cli.github.com/, then run \`gh auth login\`, or connect GitHub on the web: ${url}`
              : `GitHub CLI not authenticated. Run \`gh auth login\` and try again, or connect GitHub on the web: ${url}`,
          );
          return;
        }
        case 'has_gh_token':
          setStep({ name: 'confirm', token: result.token });
      }
    });
    // onDone is stable across renders; intentionally not in deps.
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  const handleCancel = () => {
    logEvent('tengu_remote_setup_result', {
      result: 'cancelled' as SafeString,
    });
    onDone();
  };

  const handleConfirm = async (token: RedactedGithubToken) => {
    setStep({ name: 'uploading' });

    const result = await importGithubToken(token);
    if (!result.ok) {
      const err = (result as { ok: false; error: ImportTokenError }).error;
      logEvent('tengu_remote_setup_result', {
        result: 'import_failed' as SafeString,
        error_kind: err.kind as SafeString,
      });
      onDone(errorMessage(err, getCodeWebUrl()));
      return;
    }

    // Token import succeeded. Environment creation is best-effort — if it
    // fails, the web state machine routes to env-setup on landing, which is