@rainhole/rain-code 1.1.0

package/dist/chunk-dd1qvamk.js

@@ -0,0 +1,678 @@
+// @bun
+import {
+  WelcomeV2
+} from "./chunk-pw8nf9rt.js";
+import {
+  ApproveApiKey
+} from "./chunk-4anj5saq.js";
+import"./chunk-hjtvdvgj.js";
+import {
+  PressEnterToContinue,
+  init_PressEnterToContinue
+} from "./chunk-30bpz5m2.js";
+import {
+  ThemePicker,
+  init_ThemePicker
+} from "./chunk-cn8bkmvj.js";
+import {
+  ConsoleOAuthFlow,
+  Select,
+  Spinner,
+  getSSLErrorHint,
+  init_ConsoleOAuthFlow,
+  init_Spinner,
+  init_errorUtils,
+  init_select
+} from "./chunk-hknbjky3.js";
+import"./chunk-a4psxnr1.js";
+import"./chunk-613f6fbv.js";
+import"./chunk-zejm280k.js";
+import"./chunk-57qz90z8.js";
+import"./chunk-4nspekjp.js";
+import"./chunk-heq3rn8t.js";
+import"./chunk-var1et7e.js";
+import"./chunk-e0pth8g7.js";
+import"./chunk-ws5d6qs4.js";
+import"./chunk-bxcfz5gy.js";
+import"./chunk-wp1568nt.js";
+import"./chunk-2gzv8nrw.js";
+import"./chunk-ehtwnxpg.js";
+import"./chunk-cgfdkzhb.js";
+import"./chunk-8h6sdj66.js";
+import {
+  init_useExitOnCtrlCDWithKeybindings,
+  useExitOnCtrlCDWithKeybindings
+} from "./chunk-75zk7zr1.js";
+import"./chunk-j5bth84e.js";
+import {
+  init_terminalSetup,
+  setupTerminal,
+  shouldOfferTerminalSetup
+} from "./chunk-qm7nbd10.js";
+import"./chunk-5pevjsyw.js";
+import {
+  init_useKeybinding,
+  useKeybindings
+} from "./chunk-xnav6j8h.js";
+import"./chunk-ps49ymvj.js";
+import"./chunk-zk2wsm7d.js";
+import"./chunk-2t0xa4dt.js";
+import"./chunk-bgpkemkg.js";
+import"./chunk-rrtzz2pv.js";
+import"./chunk-zsgha506.js";
+import"./chunk-4jm600zv.js";
+import"./chunk-xkt36p6r.js";
+import"./chunk-2ekjxh7d.js";
+import"./chunk-85tag8nv.js";
+import"./chunk-mx28h61f.js";
+import"./chunk-kraf793v.js";
+import"./chunk-bj8x29tz.js";
+import"./chunk-zae0t3p4.js";
+import"./chunk-t58wfamm.js";
+import"./chunk-chsyvavm.js";
+import"./chunk-6mpw9h55.js";
+import {
+  getCustomApiKeyStatus,
+  getUserAgent,
+  init_auth,
+  init_authPortable,
+  init_config1 as init_config,
+  init_http,
+  isAnthropicAuthEnabled,
+  normalizeApiKeyForConfig
+} from "./chunk-7b6bg1r4.js";
+import"./chunk-sg66v252.js";
+import"./chunk-8bwqtasa.js";
+import"./chunk-j9gxwbe3.js";
+import"./chunk-1cwdhk7a.js";
+import"./chunk-rtnjk8ge.js";
+import"./chunk-64c1avct.js";
+import"./chunk-8g5pe1gr.js";
+import"./chunk-gx8016vp.js";
+import"./chunk-4cp6193g.js";
+import"./chunk-8g747a8x.js";
+import"./chunk-d7886r6a.js";
+import"./chunk-f5ma3nh5.js";
+import"./chunk-qz2x630m.js";
+import"./chunk-r7j395t6.js";
+import"./chunk-tv9pcdnz.js";
+import"./chunk-3c25bcsw.js";
+import {
+  env,
+  init_env
+} from "./chunk-n9ktjngj.js";
+import {
+  getOauthConfig,
+  init_oauth
+} from "./chunk-q82r31er.js";
+import"./chunk-p2816w9z.js";
+import"./chunk-v9smspw2.js";
+import"./chunk-v1kzp02e.js";
+import"./chunk-64hks9ax.js";
+import"./chunk-crmjpsqe.js";
+import {
+  Link,
+  Newline,
+  ThemedBox_default,
+  ThemedText,
+  init_src,
+  useTheme
+} from "./chunk-cmsknj6n.js";
+import {
+  require_jsx_dev_runtime,
+  require_react
+} from "./chunk-g338npwr.js";
+import {
+  init_analytics,
+  logEvent
+} from "./chunk-h0rbjg6x.js";
+import"./chunk-0vkfrmqm.js";
+import"./chunk-0xjaqda8.js";
+import"./chunk-h1mr3371.js";
+import"./chunk-36b2q5fg.js";
+import"./chunk-a7rhvq9b.js";
+import"./chunk-qnfx3qtx.js";
+import"./chunk-m74w3187.js";
+import"./chunk-b81hd3m6.js";
+import {
+  init_log,
+  logError
+} from "./chunk-y3r7v9pq.js";
+import"./chunk-8tnsngw2.js";
+import"./chunk-awb4vc41.js";
+import"./chunk-cbrt5vsb.js";
+import"./chunk-5z28bqne.js";
+import"./chunk-qajrkk97.js";
+import"./chunk-404qm8xt.js";
+import"./chunk-fbv4apne.js";
+import {
+  init_envUtils,
+  isRunningOnHomespace
+} from "./chunk-jaaxk89e.js";
+import"./chunk-h4b85amj.js";
+import"./chunk-07069jq1.js";
+import"./chunk-vf612n57.js";
+import"./chunk-d4mdda98.js";
+import"./chunk-7wm5s02e.js";
+import"./chunk-4g3v8y12.js";
+import"./chunk-7739pg2c.js";
+import {
+  axios_default,
+  init_axios
+} from "./chunk-nh3cd07f.js";
+import"./chunk-8pn8tvgg.js";
+import"./chunk-netzwgv1.js";
+import {
+  __toESM
+} from "./chunk-qp2qdcda.js";
+
+// src/components/Onboarding.tsx
+init_analytics();
+init_terminalSetup();
+init_useExitOnCtrlCDWithKeybindings();
+init_src();
+init_useKeybinding();
+init_auth();
+init_authPortable();
+init_config();
+init_env();
+init_envUtils();
+var import_react5 = __toESM(require_react(), 1);
+
+// src/utils/preflightChecks.tsx
+init_axios();
+init_analytics();
+init_Spinner();
+init_oauth();
+var import_react2 = __toESM(require_react(), 1);
+
+// src/hooks/useTimeout.ts
+var import_react = __toESM(require_react(), 1);
+function useTimeout(delay, resetTrigger) {
+  const [isElapsed, setIsElapsed] = import_react.useState(false);
+  import_react.useEffect(() => {
+    setIsElapsed(false);
+    const timer = setTimeout(setIsElapsed, delay, true);
+    return () => clearTimeout(timer);
+  }, [delay, resetTrigger]);
+  return isElapsed;
+}
+
+// src/utils/preflightChecks.tsx
+init_src();
+init_errorUtils();
+init_http();
+init_log();
+var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
+async function checkEndpoints() {
+  try {
+    const oauthConfig = getOauthConfig();
+    const tokenUrl = new URL(oauthConfig.TOKEN_URL);
+    const endpoints = [
+      `${oauthConfig.BASE_API_URL}/api/hello`,
+      `${tokenUrl.origin}/v1/oauth/hello`
+    ];
+    const checkEndpoint = async (url) => {
+      try {
+        const response = await axios_default.get(url, {
+          headers: { "User-Agent": getUserAgent() }
+        });
+        if (response.status !== 200) {
+          const hostname = new URL(url).hostname;
+          return {
+            success: false,
+            error: `Failed to connect to ${hostname}: Status ${response.status}`
+          };
+        }
+        return { success: true };
+      } catch (error) {
+        const hostname = new URL(url).hostname;
+        const sslHint = getSSLErrorHint(error);
+        return {
+          success: false,
+          error: `Failed to connect to ${hostname}: ${error instanceof Error ? error.code || error.message : String(error)}`,
+          sslHint: sslHint ?? undefined
+        };
+      }
+    };
+    const results = await Promise.all(endpoints.map(checkEndpoint));
+    const failedResult = results.find((result) => !result.success);
+    if (failedResult) {
+      logEvent("tengu_preflight_check_failed", {
+        isConnectivityError: false,
+        hasErrorMessage: !!failedResult.error,
+        isSSLError: !!failedResult.sslHint
+      });
+    }
+    return failedResult || { success: true };
+  } catch (error) {
+    logError(error);
+    logEvent("tengu_preflight_check_failed", {
+      isConnectivityError: true
+    });
+    return {
+      success: false,
+      error: `Connectivity check error: ${error instanceof Error ? error.code || error.message : String(error)}`
+    };
+  }
+}
+function PreflightStep({
+  onSuccess
+}) {
+  const [result, setResult] = import_react2.useState(null);
+  const [isChecking, setIsChecking] = import_react2.useState(true);
+  const showSpinner = useTimeout(1000) && isChecking;
+  import_react2.useEffect(() => {
+    async function run() {
+      const checkResult = await checkEndpoints();
+      setResult(checkResult);
+      setIsChecking(false);
+    }
+    run();
+  }, []);
+  import_react2.useEffect(() => {
+    if (result?.success) {
+      onSuccess();
+    } else if (result && !result.success) {
+      const timer = setTimeout(() => process.exit(1), 100);
+      return () => clearTimeout(timer);
+    }
+  }, [result, onSuccess]);
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
+    flexDirection: "column",
+    gap: 1,
+    paddingLeft: 1,
+    children: isChecking && showSpinner ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
+      paddingLeft: 1,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(Spinner, {}, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedText, {
+          children: "Checking connectivity..."
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this) : !result?.success && !isChecking && /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
+      flexDirection: "column",
+      gap: 1,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedText, {
+          color: "error",
+          children: "Unable to connect to Anthropic services"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedText, {
+          color: "error",
+          children: result?.error
+        }, undefined, false, undefined, this),
+        result?.sslHint ? /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
+          flexDirection: "column",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedText, {
+              children: result.sslHint
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedText, {
+              color: "suggestion",
+              children: "See https://code.claude.com/docs/en/network-config"
+            }, undefined, false, undefined, this)
+          ]
+        }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedBox_default, {
+          flexDirection: "column",
+          gap: 1,
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedText, {
+              children: "Please check your internet connection and network settings."
+            }, undefined, false, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedText, {
+              children: [
+                "Note: Claude Code might not be available in your country. Check supported countries at",
+                " ",
+                /* @__PURE__ */ jsx_dev_runtime.jsxDEV(ThemedText, {
+                  color: "suggestion",
+                  children: "https://anthropic.com/supported-countries"
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      ]
+    }, undefined, true, undefined, this)
+  }, undefined, false, undefined, this);
+}
+
+// src/components/Onboarding.tsx
+init_ConsoleOAuthFlow();
+init_select();
+init_PressEnterToContinue();
+init_ThemePicker();
+
+// src/components/ui/OrderedList.tsx
+init_src();
+var import_react4 = __toESM(require_react(), 1);
+
+// src/components/ui/OrderedListItem.tsx
+init_src();
+var import_react3 = __toESM(require_react(), 1);
+var jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
+var OrderedListItemContext = import_react3.createContext({ marker: "" });
+function OrderedListItem({
+  children
+}) {
+  const { marker } = import_react3.useContext(OrderedListItemContext);
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedBox_default, {
+    gap: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedText, {
+        dimColor: true,
+        children: marker
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV(ThemedBox_default, {
+        flexDirection: "column",
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+
+// src/components/ui/OrderedList.tsx
+var jsx_dev_runtime3 = __toESM(require_jsx_dev_runtime(), 1);
+var OrderedListContext = import_react4.createContext({ marker: "" });
+function OrderedListComponent({ children }) {
+  const { marker: parentMarker } = import_react4.useContext(OrderedListContext);
+  let numberOfItems = 0;
+  for (const child of import_react4.default.Children.toArray(children)) {
+    if (!import_react4.isValidElement(child) || child.type !== OrderedListItem) {
+      continue;
+    }
+    numberOfItems++;
+  }
+  const maxMarkerWidth = String(numberOfItems).length;
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(ThemedBox_default, {
+    flexDirection: "column",
+    children: import_react4.default.Children.map(children, (child, index) => {
+      if (!import_react4.isValidElement(child) || child.type !== OrderedListItem) {
+        return child;
+      }
+      const paddedMarker = `${String(index + 1).padStart(maxMarkerWidth)}.`;
+      const marker = `${parentMarker}${paddedMarker}`;
+      return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(OrderedListContext.Provider, {
+        value: { marker },
+        children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(OrderedListItemContext.Provider, {
+          value: { marker },
+          children: child
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this);
+    })
+  }, undefined, false, undefined, this);
+}
+OrderedListComponent.Item = OrderedListItem;
+var OrderedList = OrderedListComponent;
+
+// src/components/Onboarding.tsx
+var jsx_dev_runtime4 = __toESM(require_jsx_dev_runtime(), 1);
+function Onboarding({ onDone }) {
+  const [currentStepIndex, setCurrentStepIndex] = import_react5.useState(0);
+  const [skipOAuth, setSkipOAuth] = import_react5.useState(false);
+  const [oauthEnabled] = import_react5.useState(() => isAnthropicAuthEnabled());
+  const [theme, setTheme] = useTheme();
+  import_react5.useEffect(() => {
+    logEvent("tengu_began_setup", {
+      oauthEnabled
+    });
+  }, [oauthEnabled]);
+  function goToNextStep() {
+    if (currentStepIndex < steps.length - 1) {
+      const nextIndex = currentStepIndex + 1;
+      setCurrentStepIndex(nextIndex);
+      logEvent("tengu_onboarding_step", {
+        oauthEnabled,
+        stepId: steps[nextIndex]?.id
+      });
+    } else {
+      onDone();
+    }
+  }
+  function handleThemeSelection(newTheme) {
+    setTheme(newTheme);
+    goToNextStep();
+  }
+  const exitState = useExitOnCtrlCDWithKeybindings();
+  const themeStep = /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedBox_default, {
+    marginX: 1,
+    children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemePicker, {
+      onThemeSelect: handleThemeSelection,
+      showIntroText: true,
+      helpText: "To change this later, run /theme",
+      hideEscToCancel: true,
+      skipExitHandling: true
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+  const securityStep = /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedBox_default, {
+    flexDirection: "column",
+    gap: 1,
+    paddingLeft: 1,
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+        bold: true,
+        children: "Security notes:"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedBox_default, {
+        flexDirection: "column",
+        width: 70,
+        children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(OrderedList, {
+          children: [
+            /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(OrderedList.Item, {
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+                  children: "Claude can make mistakes"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+                  dimColor: true,
+                  wrap: "wrap",
+                  children: [
+                    "You should always review Claude's responses, especially when",
+                    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Newline, {}, undefined, false, undefined, this),
+                    "running code.",
+                    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Newline, {}, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(OrderedList.Item, {
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+                  children: "Due to prompt injection risks, only use it with code you trust"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+                  dimColor: true,
+                  wrap: "wrap",
+                  children: [
+                    "For more details see:",
+                    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Newline, {}, undefined, false, undefined, this),
+                    /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Link, {
+                      url: "https://code.claude.com/docs/en/security"
+                    }, undefined, false, undefined, this)
+                  ]
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this)
+          ]
+        }, undefined, true, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(PressEnterToContinue, {}, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  const preflightStep = /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(PreflightStep, {
+    onSuccess: goToNextStep
+  }, undefined, false, undefined, this);
+  const apiKeyNeedingApproval = import_react5.useMemo(() => {
+    if (!process.env.ANTHROPIC_API_KEY || isRunningOnHomespace()) {
+      return "";
+    }
+    const customApiKeyTruncated = normalizeApiKeyForConfig(process.env.ANTHROPIC_API_KEY);
+    if (getCustomApiKeyStatus(customApiKeyTruncated) === "new") {
+      return customApiKeyTruncated;
+    }
+  }, []);
+  function handleApiKeyDone(approved) {
+    if (approved) {
+      setSkipOAuth(true);
+    }
+    goToNextStep();
+  }
+  const steps = [];
+  if (oauthEnabled) {
+    steps.push({ id: "preflight", component: preflightStep });
+  }
+  steps.push({ id: "theme", component: themeStep });
+  if (apiKeyNeedingApproval) {
+    steps.push({
+      id: "api-key",
+      component: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ApproveApiKey, {
+        customApiKeyTruncated: apiKeyNeedingApproval,
+        onDone: handleApiKeyDone
+      }, undefined, false, undefined, this)
+    });
+  }
+  if (oauthEnabled) {
+    steps.push({
+      id: "oauth",
+      component: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(SkippableStep, {
+        skip: skipOAuth,
+        onSkip: goToNextStep,
+        children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ConsoleOAuthFlow, {
+          onDone: goToNextStep
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this)
+    });
+  }
+  steps.push({ id: "security", component: securityStep });
+  if (shouldOfferTerminalSetup()) {
+    steps.push({
+      id: "terminal-setup",
+      component: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedBox_default, {
+        flexDirection: "column",
+        gap: 1,
+        paddingLeft: 1,
+        children: [
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+            bold: true,
+            children: "Use Claude Code's terminal setup?"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedBox_default, {
+            flexDirection: "column",
+            width: 70,
+            gap: 1,
+            children: [
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+                children: [
+                  "For the optimal coding experience, enable the recommended settings",
+                  /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Newline, {}, undefined, false, undefined, this),
+                  "for your terminal:",
+                  " ",
+                  env.terminal === "Apple_Terminal" ? "Option+Enter for newlines and visual bell" : "Shift+Enter for newlines"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(Select, {
+                options: [
+                  {
+                    label: "Yes, use recommended settings",
+                    value: "install"
+                  },
+                  {
+                    label: "No, maybe later with /terminal-setup",
+                    value: "no"
+                  }
+                ],
+                onChange: (value) => {
+                  if (value === "install") {
+                    setupTerminal(theme).catch(() => {}).finally(goToNextStep);
+                  } else {
+                    goToNextStep();
+                  }
+                },
+                onCancel: () => goToNextStep()
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+                dimColor: true,
+                children: exitState.pending ? /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(jsx_dev_runtime4.Fragment, {
+                  children: [
+                    "Press ",
+                    exitState.keyName,
+                    " again to exit"
+                  ]
+                }, undefined, true, undefined, this) : /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(jsx_dev_runtime4.Fragment, {
+                  children: "Enter to confirm \xB7 Esc to skip"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    });
+  }
+  const currentStep = steps[currentStepIndex];
+  const handleSecurityContinue = import_react5.useCallback(() => {
+    if (currentStepIndex === steps.length - 1) {
+      onDone();
+    } else {
+      goToNextStep();
+    }
+  }, [currentStepIndex, steps.length, oauthEnabled, onDone]);
+  const handleTerminalSetupSkip = import_react5.useCallback(() => {
+    goToNextStep();
+  }, [currentStepIndex, steps.length, oauthEnabled, onDone]);
+  useKeybindings({
+    "confirm:yes": handleSecurityContinue
+  }, {
+    context: "Confirmation",
+    isActive: currentStep?.id === "security"
+  });
+  useKeybindings({
+    "confirm:no": handleTerminalSetupSkip
+  }, {
+    context: "Confirmation",
+    isActive: currentStep?.id === "terminal-setup"
+  });
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedBox_default, {
+    flexDirection: "column",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(WelcomeV2, {}, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedBox_default, {
+        flexDirection: "column",
+        marginTop: 1,
+        children: [
+          currentStep?.component,
+          exitState.pending && /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedBox_default, {
+            padding: 1,
+            children: /* @__PURE__ */ jsx_dev_runtime4.jsxDEV(ThemedText, {
+              dimColor: true,
+              children: [
+                "Press ",
+                exitState.keyName,
+                " again to exit"
+              ]
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+function SkippableStep({
+  skip,
+  onSkip,
+  children
+}) {
+  import_react5.useEffect(() => {
+    if (skip) {
+      onSkip();
+    }
+  }, [skip, onSkip]);
+  if (skip) {
+    return null;
+  }
+  return children;
+}
+export {
+  SkippableStep,
+  Onboarding
+};