@wix/cli 1.1.91 → 1.1.92

package/build/{chunk-3F7WAIMW.js → chunk-YVQDNTNO.js}

@@ -6584,12 +6584,12 @@ var require_lodash = __commonJS({
     Stack.prototype.has = stackHas;
     Stack.prototype.set = stackSet;
     function arrayLikeKeys(value2, inherited) {
-      var isArr = isArray(value2), isArg = !isArr && isArguments(value2), isBuff = !isArr && !isArg && isBuffer(value2), isType5 = !isArr && !isArg && !isBuff && isTypedArray(value2), skipIndexes = isArr || isArg || isBuff || isType5, result = skipIndexes ? baseTimes(value2.length, String) : [], length = result.length;
+      var isArr = isArray(value2), isArg = !isArr && isArguments(value2), isBuff = !isArr && !isArg && isBuffer(value2), isType6 = !isArr && !isArg && !isBuff && isTypedArray(value2), skipIndexes = isArr || isArg || isBuff || isType6, result = skipIndexes ? baseTimes(value2.length, String) : [], length = result.length;
       for (var key in value2) {
         if ((inherited || hasOwnProperty.call(value2, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
         (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
         isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
-        isType5 && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
+        isType6 && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
         isIndex(key, length)))) {
           result.push(key);
         }
@@ -11284,7 +11284,7 @@ var Text2 = ({
 
 // ../cli-ui-kit/src/components/ConfirmInput/ConfirmInput.tsx
 init_esm_shims();
-var import_react35 = __toESM(require_react(), 1);
+var import_react36 = __toESM(require_react(), 1);
 var import_variant3 = __toESM(require_lib(), 1);
 
 // ../cli-ui-kit/src/input-state.ts
@@ -11299,7 +11299,7 @@ var InputState = (0, import_variant.variant)(
 
 // ../cli-ui-kit/src/components/InputLabel.tsx
 init_esm_shims();
-var import_react31 = __toESM(require_react(), 1);
+var import_react32 = __toESM(require_react(), 1);
 
 // ../cli-ui-kit/src/icons/index.ts
 init_esm_shims();
@@ -11371,36 +11371,43 @@ var InsightIcon = () => {
   return /* @__PURE__ */ import_react30.default.createElement(Text2, null, isUnicodeSupported() ? "\u{1F4A1}" : "!");
 };
 
+// ../cli-ui-kit/src/icons/Learn.tsx
+init_esm_shims();
+var import_react31 = __toESM(require_react(), 1);
+var Learn = () => {
+  return /* @__PURE__ */ import_react31.default.createElement(Text2, null, isUnicodeSupported() ? "\u{1F4DA}" : ">");
+};
+
 // ../cli-ui-kit/src/components/InputLabel.tsx
 var InputLabel = ({ children, icon }) => {
-  return /* @__PURE__ */ import_react31.default.createElement(Text2, null, icon ?? /* @__PURE__ */ import_react31.default.createElement(Text2, { skin: "question", bold: true }, /* @__PURE__ */ import_react31.default.createElement(QuestionMarkIcon, null)), " ", /* @__PURE__ */ import_react31.default.createElement(Text2, { skin: "question", bold: true }, children));
+  return /* @__PURE__ */ import_react32.default.createElement(Text2, null, icon ?? /* @__PURE__ */ import_react32.default.createElement(Text2, { skin: "question", bold: true }, /* @__PURE__ */ import_react32.default.createElement(QuestionMarkIcon, null)), " ", /* @__PURE__ */ import_react32.default.createElement(Text2, { skin: "question", bold: true }, children));
 };
 
 // ../cli-ui-kit/src/components/ConfirmInput/Placeholder.tsx
 init_esm_shims();
-var import_react32 = __toESM(require_react(), 1);
+var import_react33 = __toESM(require_react(), 1);
 var import_variant2 = __toESM(require_lib(), 1);
 var Placeholder = ({ inputState }) => {
   return (0, import_variant2.match)(inputState, {
-    NotSubmitted: ({ value: value2 }) => /* @__PURE__ */ import_react32.default.createElement(Text2, { skin: "secondary" }, "(", value2 ? "Y/n" : "y/N", ")"),
-    Submitted: ({ value: value2 }) => /* @__PURE__ */ import_react32.default.createElement(Text2, null, value2 ? "Yes" : "No")
+    NotSubmitted: ({ value: value2 }) => /* @__PURE__ */ import_react33.default.createElement(Text2, { skin: "secondary" }, "(", value2 ? "Y/n" : "y/N", ")"),
+    Submitted: ({ value: value2 }) => /* @__PURE__ */ import_react33.default.createElement(Text2, null, value2 ? "Yes" : "No")
   });
 };
 
 // ../cli-ui-kit/src/components/ConfirmInput/Input.tsx
 init_esm_shims();
-var import_react34 = __toESM(require_react(), 1);
+var import_react35 = __toESM(require_react(), 1);
 
 // ../../node_modules/ink-text-input/build/index.js
 init_esm_shims();
-var import_react33 = __toESM(require_react(), 1);
+var import_react34 = __toESM(require_react(), 1);
 function TextInput({ value: originalValue, placeholder = "", focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit }) {
-  const [state, setState] = (0, import_react33.useState)({
+  const [state, setState] = (0, import_react34.useState)({
     cursorOffset: (originalValue || "").length,
     cursorWidth: 0
   });
   const { cursorOffset, cursorWidth } = state;
-  (0, import_react33.useEffect)(() => {
+  (0, import_react34.useEffect)(() => {
     setState((previousState) => {
       if (!focus || !showCursor) {
         return previousState;
@@ -11478,13 +11485,13 @@ function TextInput({ value: originalValue, placeholder = "", focus = true, mask,
       onChange(nextValue);
     }
   }, { isActive: focus });
-  return import_react33.default.createElement(Text, null, placeholder ? value2.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
+  return import_react34.default.createElement(Text, null, placeholder ? value2.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
 }
 var build_default = TextInput;
 
 // ../cli-ui-kit/src/components/ConfirmInput/Input.tsx
 var Input = ({ initialValue, onSubmit }) => {
-  const handleChange = (0, import_react34.useCallback)(
+  const handleChange = (0, import_react35.useCallback)(
     (rawKey) => {
       const key = rawKey.toLowerCase();
       if (["y", "n"].includes(key)) {
@@ -11493,7 +11500,7 @@ var Input = ({ initialValue, onSubmit }) => {
     },
     [onSubmit]
   );
-  return /* @__PURE__ */ import_react34.default.createElement(
+  return /* @__PURE__ */ import_react35.default.createElement(
     build_default,
     {
       value: "",
@@ -11512,22 +11519,22 @@ var ConfirmInput = ({
   isActive,
   onSubmit
 }) => {
-  const [inputState, setInputState] = (0, import_react35.useState)(
+  const [inputState, setInputState] = (0, import_react36.useState)(
     () => InputState.NotSubmitted(initialValue)
   );
-  const handleSubmit = (0, import_react35.useCallback)(
+  const handleSubmit = (0, import_react36.useCallback)(
     (value2) => {
       setInputState(InputState.Submitted(value2));
       onSubmit(value2);
     },
     [onSubmit]
   );
-  (0, import_react35.useEffect)(() => {
+  (0, import_react36.useEffect)(() => {
     if (isActive) {
       setInputState(InputState.NotSubmitted(inputState.value));
     }
   }, [isActive]);
-  return /* @__PURE__ */ import_react35.default.createElement(Text2, null, /* @__PURE__ */ import_react35.default.createElement(InputLabel, null, label), " ", info && (0, import_variant3.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react35.default.createElement(Text2, { skin: "secondary" }, info, " "), /* @__PURE__ */ import_react35.default.createElement(Placeholder, { inputState }), (0, import_variant3.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react35.default.createElement(Input, { initialValue, onSubmit: handleSubmit }));
+  return /* @__PURE__ */ import_react36.default.createElement(Text2, null, /* @__PURE__ */ import_react36.default.createElement(InputLabel, null, label), " ", info && (0, import_variant3.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react36.default.createElement(Text2, { skin: "secondary" }, info, " "), /* @__PURE__ */ import_react36.default.createElement(Placeholder, { inputState }), (0, import_variant3.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react36.default.createElement(Input, { initialValue, onSubmit: handleSubmit }));
 };
 
 // ../cli-ui-kit/src/components/ConfirmInput/index.ts
@@ -11535,37 +11542,37 @@ init_esm_shims();
 
 // ../cli-ui-kit/src/components/Alert.tsx
 init_esm_shims();
-var import_react36 = __toESM(require_react(), 1);
+var import_react37 = __toESM(require_react(), 1);
 var import_variant4 = __toESM(require_lib(), 1);
 var Alert = ({ type, children }) => {
   const icon = (0, import_variant4.match)(type, {
     error: (0, import_variant4.constant)(
-      /* @__PURE__ */ import_react36.default.createElement(Text2, { skin: "error" }, /* @__PURE__ */ import_react36.default.createElement(ErrorIcon, null))
+      /* @__PURE__ */ import_react37.default.createElement(Text2, { skin: "error" }, /* @__PURE__ */ import_react37.default.createElement(ErrorIcon, null))
     ),
     warning: (0, import_variant4.constant)(
-      /* @__PURE__ */ import_react36.default.createElement(Text2, { skin: "warning" }, /* @__PURE__ */ import_react36.default.createElement(WarningIcon, null))
+      /* @__PURE__ */ import_react37.default.createElement(Text2, { skin: "warning" }, /* @__PURE__ */ import_react37.default.createElement(WarningIcon, null))
     ),
     success: (0, import_variant4.constant)(
-      /* @__PURE__ */ import_react36.default.createElement(Text2, { skin: "success" }, /* @__PURE__ */ import_react36.default.createElement(SuccessIcon, null))
+      /* @__PURE__ */ import_react37.default.createElement(Text2, { skin: "success" }, /* @__PURE__ */ import_react37.default.createElement(SuccessIcon, null))
     ),
-    insight: (0, import_variant4.constant)(/* @__PURE__ */ import_react36.default.createElement(InsightIcon, null))
+    insight: (0, import_variant4.constant)(/* @__PURE__ */ import_react37.default.createElement(InsightIcon, null))
   });
-  return /* @__PURE__ */ import_react36.default.createElement(Text2, null, icon, " ", children);
+  return /* @__PURE__ */ import_react37.default.createElement(Text2, null, icon, " ", children);
 };
 
 // ../cli-ui-kit/src/components/Badge.tsx
 init_esm_shims();
-var import_react37 = __toESM(require_react(), 1);
+var import_react38 = __toESM(require_react(), 1);
 var skins2 = {
   success: { backgroundColor: "green" }
 };
 var Badge = ({ children, skin }) => {
-  return /* @__PURE__ */ import_react37.default.createElement(Text, { ...skins2[skin] }, " ", children, " ");
+  return /* @__PURE__ */ import_react38.default.createElement(Text, { ...skins2[skin] }, " ", children, " ");
 };
 
 // ../cli-ui-kit/src/components/Link.tsx
 init_esm_shims();
-var import_react38 = __toESM(require_react(), 1);
+var import_react39 = __toESM(require_react(), 1);
 
 // ../../node_modules/terminal-link/index.js
 init_esm_shims();
@@ -11712,31 +11719,31 @@ terminalLink.stderr.isSupported = import_supports_hyperlinks.default.stderr;
 var Link = ({ skin, children, url }) => {
   if (children) {
     if (terminalLink.isSupported) {
-      return /* @__PURE__ */ import_react38.default.createElement(
+      return /* @__PURE__ */ import_react39.default.createElement(
         Transform,
         {
           transform: (childrenAsString) => terminalLink(childrenAsString, url, { fallback: false })
         },
-        /* @__PURE__ */ import_react38.default.createElement(Text2, { skin }, children)
+        /* @__PURE__ */ import_react39.default.createElement(Text2, { skin }, children)
       );
     }
-    return /* @__PURE__ */ import_react38.default.createElement(Text2, null, /* @__PURE__ */ import_react38.default.createElement(Text2, { skin }, children), " (", url, ")");
+    return /* @__PURE__ */ import_react39.default.createElement(Text2, null, /* @__PURE__ */ import_react39.default.createElement(Text2, { skin }, children), " (", url, ")");
   }
-  return /* @__PURE__ */ import_react38.default.createElement(Text2, { skin: "info" }, url);
+  return /* @__PURE__ */ import_react39.default.createElement(Text2, { skin: "info" }, url);
 };
 
 // ../cli-ui-kit/src/components/Spinner.tsx
 init_esm_shims();
-var import_react40 = __toESM(require_react(), 1);
+var import_react41 = __toESM(require_react(), 1);
 
 // ../../node_modules/ink-spinner/build/index.js
 init_esm_shims();
-var import_react39 = __toESM(require_react(), 1);
+var import_react40 = __toESM(require_react(), 1);
 var import_cli_spinners = __toESM(require_cli_spinners(), 1);
 function Spinner({ type = "dots" }) {
-  const [frame, setFrame] = (0, import_react39.useState)(0);
+  const [frame, setFrame] = (0, import_react40.useState)(0);
   const spinner = import_cli_spinners.default[type];
-  (0, import_react39.useEffect)(() => {
+  (0, import_react40.useEffect)(() => {
     const timer = setInterval(() => {
       setFrame((previousFrame) => {
         const isLastFrame = previousFrame === spinner.frames.length - 1;
@@ -11747,15 +11754,15 @@ function Spinner({ type = "dots" }) {
       clearInterval(timer);
     };
   }, [spinner]);
-  return import_react39.default.createElement(Text, null, spinner.frames[frame]);
+  return import_react40.default.createElement(Text, null, spinner.frames[frame]);
 }
 var build_default2 = Spinner;
 
 // ../cli-ui-kit/src/components/Spinner.tsx
 var Spinner2 = ({ text }) => {
-  const spinnerNode = /* @__PURE__ */ import_react40.default.createElement(Text2, { skin: "info" }, /* @__PURE__ */ import_react40.default.createElement(build_default2, { type: "dots" }));
+  const spinnerNode = /* @__PURE__ */ import_react41.default.createElement(Text2, { skin: "info" }, /* @__PURE__ */ import_react41.default.createElement(build_default2, { type: "dots" }));
   if (text) {
-    return /* @__PURE__ */ import_react40.default.createElement(Box_default, { gap: 1 }, spinnerNode, typeof text === "string" ? /* @__PURE__ */ import_react40.default.createElement(Text2, null, text) : text);
+    return /* @__PURE__ */ import_react41.default.createElement(Box_default, { gap: 1 }, spinnerNode, typeof text === "string" ? /* @__PURE__ */ import_react41.default.createElement(Text2, null, text) : text);
   }
   return spinnerNode;
 };
@@ -11766,7 +11773,7 @@ var import_variant5 = __toESM(require_lib(), 1);
 
 // ../../node_modules/react-async-hook/dist/react-async-hook.esm.js
 init_esm_shims();
-var import_react41 = __toESM(require_react());
+var import_react42 = __toESM(require_react());
 function _extends() {
   _extends = Object.assign || function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -11783,13 +11790,13 @@ function _extends() {
 }
 var _iteratorSymbol = typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
 var _asyncIteratorSymbol = typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
-var useIsomorphicLayoutEffect = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined" ? import_react41.useLayoutEffect : import_react41.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined" ? import_react42.useLayoutEffect : import_react42.useEffect;
 var useGetter = function useGetter2(t) {
-  var ref = (0, import_react41.useRef)(t);
+  var ref = (0, import_react42.useRef)(t);
   useIsomorphicLayoutEffect(function() {
     ref.current = t;
   });
-  return (0, import_react41.useCallback)(function() {
+  return (0, import_react42.useCallback)(function() {
     return ref.current;
   }, [ref]);
 };
@@ -11842,22 +11849,22 @@ var normalizeOptions = function normalizeOptions2(options) {
   return _extends({}, DefaultOptions, {}, options);
 };
 var useAsyncState = function useAsyncState2(options) {
-  var _useState = (0, import_react41.useState)(function() {
+  var _useState = (0, import_react42.useState)(function() {
     return options.initialState(options);
   }), value2 = _useState[0], setValue = _useState[1];
-  var reset = (0, import_react41.useCallback)(function() {
+  var reset = (0, import_react42.useCallback)(function() {
     return setValue(options.initialState(options));
   }, [setValue, options]);
-  var setLoading = (0, import_react41.useCallback)(function() {
+  var setLoading = (0, import_react42.useCallback)(function() {
     return setValue(options.setLoading(value2));
   }, [value2, setValue]);
-  var setResult = (0, import_react41.useCallback)(function(result) {
+  var setResult = (0, import_react42.useCallback)(function(result) {
     return setValue(options.setResult(result, value2));
   }, [value2, setValue]);
-  var setError = (0, import_react41.useCallback)(function(error) {
+  var setError = (0, import_react42.useCallback)(function(error) {
     return setValue(options.setError(error, value2));
   }, [value2, setValue]);
-  var merge = (0, import_react41.useCallback)(function(state) {
+  var merge = (0, import_react42.useCallback)(function(state) {
     return setValue(_extends({}, value2, {}, state));
   }, [value2, setValue]);
   return {
@@ -11871,8 +11878,8 @@ var useAsyncState = function useAsyncState2(options) {
   };
 };
 var useIsMounted = function useIsMounted2() {
-  var ref = (0, import_react41.useRef)(false);
-  (0, import_react41.useEffect)(function() {
+  var ref = (0, import_react42.useRef)(false);
+  (0, import_react42.useEffect)(function() {
     ref.current = true;
     return function() {
       ref.current = false;
@@ -11883,7 +11890,7 @@ var useIsMounted = function useIsMounted2() {
   };
 };
 var useCurrentPromise = function useCurrentPromise2() {
-  var ref = (0, import_react41.useRef)(null);
+  var ref = (0, import_react42.useRef)(null);
   return {
     set: function set(promise) {
       return ref.current = promise;
@@ -11899,7 +11906,7 @@ var useCurrentPromise = function useCurrentPromise2() {
 var useAsyncInternal = function useAsyncInternal2(asyncFunction, params, options) {
   !params && (params = []);
   var normalizedOptions = normalizeOptions(options);
-  var _useState2 = (0, import_react41.useState)(null), currentParams = _useState2[0], setCurrentParams = _useState2[1];
+  var _useState2 = (0, import_react42.useState)(null), currentParams = _useState2[0], setCurrentParams = _useState2[1];
   var AsyncState = useAsyncState(normalizedOptions);
   var isMounted = useIsMounted();
   var CurrentPromise = useCurrentPromise();
@@ -11942,11 +11949,11 @@ var useAsyncInternal = function useAsyncInternal2(asyncFunction, params, options
     return promise;
   };
   var getLatestExecuteAsyncOperation = useGetter(executeAsyncOperation);
-  var executeAsyncOperationMemo = (0, import_react41.useCallback)(function() {
+  var executeAsyncOperationMemo = (0, import_react42.useCallback)(function() {
     return getLatestExecuteAsyncOperation().apply(void 0, arguments);
   }, [getLatestExecuteAsyncOperation]);
   var isMounting = !isMounted();
-  (0, import_react41.useEffect)(function() {
+  (0, import_react42.useEffect)(function() {
     var execute = function execute2() {
       return getLatestExecuteAsyncOperation().apply(void 0, params);
     };
@@ -11979,14 +11986,14 @@ var useAsyncCallback = function useAsyncCallback2(asyncFunction, options) {
 };
 
 // ../cli-ui-kit/src/hooks/use-async.ts
-var import_react43 = __toESM(require_react(), 1);
+var import_react44 = __toESM(require_react(), 1);
 
 // ../cli-ui-kit/src/hooks/use-exit.ts
 init_esm_shims();
-var import_react42 = __toESM(require_react(), 1);
+var import_react43 = __toESM(require_react(), 1);
 function useExit() {
   const { exit } = use_app_default();
-  return (0, import_react42.useCallback)(
+  return (0, import_react43.useCallback)(
     (error) => {
       if (error instanceof Error) {
         exit(error);
@@ -12018,7 +12025,7 @@ var AsyncCallbackStatus = (0, import_variant5.variant)(
 );
 var useAsync2 = (fn, args, options) => {
   const exit = useExit();
-  const abortController = (0, import_react43.useMemo)(() => new AbortController(), []);
+  const abortController = (0, import_react44.useMemo)(() => new AbortController(), []);
   const { result, error, status, merge } = useAsync(
     fn.bind(null, { signal: abortController.signal }),
     args,
@@ -12027,7 +12034,7 @@ var useAsync2 = (fn, args, options) => {
       ...options ?? {}
     }
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     return () => {
       abortController.abort();
     };
@@ -12047,7 +12054,7 @@ var useAsync2 = (fn, args, options) => {
 };
 var useAsyncCallback3 = (fn, options) => {
   const exit = useExit();
-  const abortController = (0, import_react43.useMemo)(() => new AbortController(), []);
+  const abortController = (0, import_react44.useMemo)(() => new AbortController(), []);
   const { result, error, status, merge, execute } = useAsyncCallback(
     fn.bind(null, { signal: abortController.signal }),
     {
@@ -12055,7 +12062,7 @@ var useAsyncCallback3 = (fn, options) => {
       ...options ?? {}
     }
   );
-  (0, import_react43.useEffect)(() => {
+  (0, import_react44.useEffect)(() => {
     return () => {
       abortController.abort();
     };
@@ -12085,9 +12092,9 @@ var useAsyncCallback3 = (fn, options) => {
 
 // ../cli-ui-kit/src/renderer.tsx
 init_esm_shims();
-var import_react44 = __toESM(require_react(), 1);
+var import_react45 = __toESM(require_react(), 1);
 import EventEmitter from "node:events";
-var ErrorBoundary = class extends import_react44.Component {
+var ErrorBoundary = class extends import_react45.Component {
   state = { hasError: false };
   static getDerivedStateFromError(_error) {
     return { hasError: true };
@@ -12113,18 +12120,18 @@ var ErrorBoundary = class extends import_react44.Component {
 };
 var ErrorBoundaryWrapper = ({ children }) => {
   const exit = useExit();
-  return /* @__PURE__ */ import_react44.default.createElement(ErrorBoundary, { onExit: exit }, children);
+  return /* @__PURE__ */ import_react45.default.createElement(ErrorBoundary, { onExit: exit }, children);
 };
 var FrameWrapper = ({
   children,
   wrap
 }) => {
-  return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, wrap && /* @__PURE__ */ import_react44.default.createElement(Text, null, "----RENDER-FRAME-START----"), children, wrap && /* @__PURE__ */ import_react44.default.createElement(Text, null, "----RENDER-FRAME-END----"));
+  return /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, wrap && /* @__PURE__ */ import_react45.default.createElement(Text, null, "----RENDER-FRAME-START----"), children, wrap && /* @__PURE__ */ import_react45.default.createElement(Text, null, "----RENDER-FRAME-END----"));
 };
 async function render2(tree) {
   const debug = !!getTestOverrides().inkDebug;
   const { waitUntilExit, unmount } = render_default(
-    /* @__PURE__ */ import_react44.default.createElement(FrameWrapper, { wrap: debug }, /* @__PURE__ */ import_react44.default.createElement(ErrorBoundaryWrapper, null, tree)),
+    /* @__PURE__ */ import_react45.default.createElement(FrameWrapper, { wrap: debug }, /* @__PURE__ */ import_react45.default.createElement(ErrorBoundaryWrapper, null, tree)),
     { exitOnCtrlC: true, debug }
   );
   process.once("beforeExit", () => {
@@ -12138,7 +12145,7 @@ async function render2(tree) {
 function renderSyncInternal(tree, renderOptions) {
   const debug = !!getTestOverrides().inkDebug;
   const { unmount } = render_default(
-    /* @__PURE__ */ import_react44.default.createElement(FrameWrapper, { wrap: debug }, tree),
+    /* @__PURE__ */ import_react45.default.createElement(FrameWrapper, { wrap: debug }, tree),
     {
       debug,
       ...renderOptions
@@ -12175,7 +12182,7 @@ function createRendererToString({ stripAnsi: stripAnsi2 }) {
       return instance?.waitUntilExit();
     },
     render: (tree) => {
-      const wrappedTree = /* @__PURE__ */ import_react44.default.createElement(ErrorBoundaryWrapper, null, tree);
+      const wrappedTree = /* @__PURE__ */ import_react45.default.createElement(ErrorBoundaryWrapper, null, tree);
       if (instance) {
         instance.rerender(wrappedTree);
       } else {
@@ -12203,22 +12210,22 @@ init_esm_shims();
 
 // ../cli-ui-kit/src/components/UnorderedList/UnorderedList.tsx
 init_esm_shims();
-var import_react48 = __toESM(require_react(), 1);
+var import_react49 = __toESM(require_react(), 1);
 
 // ../cli-ui-kit/src/components/UnorderedList/UnorderedListItem.tsx
 init_esm_shims();
-var import_react46 = __toESM(require_react(), 1);
+var import_react47 = __toESM(require_react(), 1);
 
 // ../cli-ui-kit/src/components/UnorderedList/UnorderedListItemContext.ts
 init_esm_shims();
-var import_react45 = __toESM(require_react(), 1);
+var import_react46 = __toESM(require_react(), 1);
 
 // ../cli-ui-kit/src/components/UnorderedList/DefaultMarker.ts
 init_esm_shims();
 var defaultMarker = isUnicodeSupported() ? "\u25CF" : "*";
 
 // ../cli-ui-kit/src/components/UnorderedList/UnorderedListItemContext.ts
-var UnorderedListItemContext = (0, import_react45.createContext)({
+var UnorderedListItemContext = (0, import_react46.createContext)({
   marker: defaultMarker
 });
 
@@ -12228,17 +12235,17 @@ function UnorderedListItem({
   marker: markerOverride,
   ...style
 }) {
-  let { marker } = (0, import_react46.useContext)(UnorderedListItemContext);
+  let { marker } = (0, import_react47.useContext)(UnorderedListItemContext);
   if (markerOverride !== void 0) {
     marker = markerOverride;
   }
-  return /* @__PURE__ */ import_react46.default.createElement(Box_default, { gap: 1 }, marker && /* @__PURE__ */ import_react46.default.createElement(Text, null, marker), /* @__PURE__ */ import_react46.default.createElement(Box_default, { flexDirection: "column", ...style }, children));
+  return /* @__PURE__ */ import_react47.default.createElement(Box_default, { gap: 1 }, marker && /* @__PURE__ */ import_react47.default.createElement(Text, null, marker), /* @__PURE__ */ import_react47.default.createElement(Box_default, { flexDirection: "column", ...style }, children));
 }
 
 // ../cli-ui-kit/src/components/UnorderedList/UnorderedListContext.ts
 init_esm_shims();
-var import_react47 = __toESM(require_react(), 1);
-var UnorderedListContext = (0, import_react47.createContext)({
+var import_react48 = __toESM(require_react(), 1);
+var UnorderedListContext = (0, import_react48.createContext)({
   depth: 0
 });
 
@@ -12248,15 +12255,15 @@ function UnorderedList({
   marker: markerOverride,
   ...style
 }) {
-  const { depth } = (0, import_react48.useContext)(UnorderedListContext);
-  const { marker } = (0, import_react48.useContext)(UnorderedListItemContext);
-  const listContext = (0, import_react48.useMemo)(
+  const { depth } = (0, import_react49.useContext)(UnorderedListContext);
+  const { marker } = (0, import_react49.useContext)(UnorderedListItemContext);
+  const listContext = (0, import_react49.useMemo)(
     () => ({
       depth: depth + 1
     }),
     [depth]
   );
-  const listItemContext = (0, import_react48.useMemo)(() => {
+  const listItemContext = (0, import_react49.useMemo)(() => {
     if (typeof markerOverride === "string") {
       return { marker: markerOverride };
     }
@@ -12265,7 +12272,7 @@ function UnorderedList({
     }
     return { marker: defaultMarker };
   }, [marker, markerOverride]);
-  return /* @__PURE__ */ import_react48.default.createElement(UnorderedListContext.Provider, { value: listContext }, /* @__PURE__ */ import_react48.default.createElement(UnorderedListItemContext.Provider, { value: listItemContext }, /* @__PURE__ */ import_react48.default.createElement(Box_default, { ...style, flexDirection: "column", marginLeft: depth * 2 }, children)));
+  return /* @__PURE__ */ import_react49.default.createElement(UnorderedListContext.Provider, { value: listContext }, /* @__PURE__ */ import_react49.default.createElement(UnorderedListItemContext.Provider, { value: listItemContext }, /* @__PURE__ */ import_react49.default.createElement(Box_default, { ...style, flexDirection: "column", marginLeft: depth * 2 }, children)));
 }
 UnorderedList.Item = UnorderedListItem;
 
@@ -12274,7 +12281,7 @@ init_esm_shims();
 
 // ../cli-ui-kit/src/components/SelectInput/SelectInput.tsx
 init_esm_shims();
-var import_react55 = __toESM(require_react(), 1);
+var import_react56 = __toESM(require_react(), 1);
 var import_variant9 = __toESM(require_lib(), 1);
 
 // ../../node_modules/ink-select-input/build/index.js
@@ -12282,7 +12289,7 @@ init_esm_shims();
 
 // ../../node_modules/ink-select-input/build/Indicator.js
 init_esm_shims();
-var import_react49 = __toESM(require_react(), 1);
+var import_react50 = __toESM(require_react(), 1);
 
 // ../../node_modules/figures/index.js
 init_esm_shims();
@@ -12587,39 +12594,39 @@ var figures_default = figures;
 
 // ../../node_modules/ink-select-input/build/Indicator.js
 function Indicator({ isSelected = false }) {
-  return import_react49.default.createElement(Box_default, { marginRight: 1 }, isSelected ? import_react49.default.createElement(Text, { color: "blue" }, figures_default.pointer) : import_react49.default.createElement(Text, null, " "));
+  return import_react50.default.createElement(Box_default, { marginRight: 1 }, isSelected ? import_react50.default.createElement(Text, { color: "blue" }, figures_default.pointer) : import_react50.default.createElement(Text, null, " "));
 }
 var Indicator_default = Indicator;
 
 // ../../node_modules/ink-select-input/build/Item.js
 init_esm_shims();
-var React33 = __toESM(require_react(), 1);
+var React34 = __toESM(require_react(), 1);
 function Item({ isSelected = false, label }) {
-  return React33.createElement(Text, { color: isSelected ? "blue" : void 0 }, label);
+  return React34.createElement(Text, { color: isSelected ? "blue" : void 0 }, label);
 }
 var Item_default = Item;
 
 // ../../node_modules/ink-select-input/build/SelectInput.js
 init_esm_shims();
-var import_react50 = __toESM(require_react(), 1);
 var import_react51 = __toESM(require_react(), 1);
+var import_react52 = __toESM(require_react(), 1);
 var import_lodash = __toESM(require_lodash(), 1);
 var import_arr_rotate = __toESM(require_arr_rotate(), 1);
 function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicatorComponent = Indicator_default, itemComponent = Item_default, limit: customLimit, onSelect, onHighlight }) {
   const hasLimit = typeof customLimit === "number" && items.length > customLimit;
   const limit = hasLimit ? Math.min(customLimit, items.length) : items.length;
   const lastIndex = limit - 1;
-  const [rotateIndex, setRotateIndex] = (0, import_react51.useState)(initialIndex > lastIndex ? lastIndex - initialIndex : 0);
-  const [selectedIndex, setSelectedIndex] = (0, import_react51.useState)(initialIndex ? initialIndex > lastIndex ? lastIndex : initialIndex : 0);
-  const previousItems = (0, import_react51.useRef)(items);
-  (0, import_react51.useEffect)(() => {
+  const [rotateIndex, setRotateIndex] = (0, import_react52.useState)(initialIndex > lastIndex ? lastIndex - initialIndex : 0);
+  const [selectedIndex, setSelectedIndex] = (0, import_react52.useState)(initialIndex ? initialIndex > lastIndex ? lastIndex : initialIndex : 0);
+  const previousItems = (0, import_react52.useRef)(items);
+  (0, import_react52.useEffect)(() => {
     if (!(0, import_lodash.default)(previousItems.current.map((item) => item.value), items.map((item) => item.value))) {
       setRotateIndex(0);
       setSelectedIndex(0);
     }
     previousItems.current = items;
   }, [items]);
-  use_input_default((0, import_react51.useCallback)((input, key) => {
+  use_input_default((0, import_react52.useCallback)((input, key) => {
     if (input === "k" || key.upArrow) {
       const lastIndex2 = (hasLimit ? limit : items.length) - 1;
       const atFirstIndex = selectedIndex === 0;
@@ -12661,15 +12668,15 @@ function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicator
     onHighlight
   ]), { isActive: isFocused });
   const slicedItems = hasLimit ? (0, import_arr_rotate.default)(items, rotateIndex).slice(0, limit) : items;
-  return import_react50.default.createElement(Box_default, { flexDirection: "column" }, slicedItems.map((item, index) => {
+  return import_react51.default.createElement(Box_default, { flexDirection: "column" }, slicedItems.map((item, index) => {
     const isSelected = index === selectedIndex;
     return (
       // @ts-expect-error - `key` can't be optional but `item.value` is generic T
-      import_react50.default.createElement(
+      import_react51.default.createElement(
         Box_default,
         { key: item.key ?? item.value },
-        import_react50.default.createElement(indicatorComponent, { isSelected }),
-        import_react50.default.createElement(itemComponent, { ...item, isSelected })
+        import_react51.default.createElement(indicatorComponent, { isSelected }),
+        import_react51.default.createElement(itemComponent, { ...item, isSelected })
       )
     );
   }));
@@ -12678,14 +12685,14 @@ var SelectInput_default = SelectInput;
 
 // ../cli-ui-kit/src/components/SelectInput/Indicator.tsx
 init_esm_shims();
-var import_react52 = __toESM(require_react(), 1);
+var import_react53 = __toESM(require_react(), 1);
 var Indicator2 = ({ isSelected }) => {
-  return /* @__PURE__ */ import_react52.default.createElement(Box_default, { width: 2 }, /* @__PURE__ */ import_react52.default.createElement(Text2, { skin: "info" }, /* @__PURE__ */ import_react52.default.createElement(RadioIcon, { selected: isSelected })));
+  return /* @__PURE__ */ import_react53.default.createElement(Box_default, { width: 2 }, /* @__PURE__ */ import_react53.default.createElement(Text2, { skin: "info" }, /* @__PURE__ */ import_react53.default.createElement(RadioIcon, { selected: isSelected })));
 };
 
 // ../cli-ui-kit/src/components/SelectInput/Item.tsx
 init_esm_shims();
-var import_react53 = __toESM(require_react(), 1);
+var import_react54 = __toESM(require_react(), 1);
 var import_variant7 = __toESM(require_lib(), 1);
 
 // ../cli-ui-kit/src/components/SelectInput/types.ts
@@ -12703,7 +12710,7 @@ function Item2({
   value: { description, availability = SelectOptionAvailability.Enabled() }
 }) {
   const isDisabled = (0, import_variant7.isType)(availability, SelectOptionAvailability.Disabled);
-  return /* @__PURE__ */ import_react53.default.createElement(Box_default, null, /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement(Box_default, null, /* @__PURE__ */ import_react54.default.createElement(
     Text2,
     {
       skin: isDisabled ? "secondary" : isSelected ? "info" : "standard",
@@ -12711,19 +12718,19 @@ function Item2({
     },
     label
   ), isSelected && (0, import_variant7.match)(availability, {
-    Disabled: ({ reason }) => /* @__PURE__ */ import_react53.default.createElement(Box_default, { marginLeft: 1 }, reason ? /* @__PURE__ */ import_react53.default.createElement(Text2, { skin: "warning" }, "- disabled (", reason, ")") : /* @__PURE__ */ import_react53.default.createElement(Text2, { skin: "warning" }, "- disabled")),
-    Enabled: () => description && /* @__PURE__ */ import_react53.default.createElement(Box_default, { marginLeft: 1 }, /* @__PURE__ */ import_react53.default.createElement(Text2, { skin: "secondary" }, "- ", description))
+    Disabled: ({ reason }) => /* @__PURE__ */ import_react54.default.createElement(Box_default, { marginLeft: 1 }, reason ? /* @__PURE__ */ import_react54.default.createElement(Text2, { skin: "warning" }, "- disabled (", reason, ")") : /* @__PURE__ */ import_react54.default.createElement(Text2, { skin: "warning" }, "- disabled")),
+    Enabled: () => description && /* @__PURE__ */ import_react54.default.createElement(Box_default, { marginLeft: 1 }, /* @__PURE__ */ import_react54.default.createElement(Text2, { skin: "secondary" }, "- ", description))
   }));
 }
 
 // ../cli-ui-kit/src/components/SelectInput/Placeholder.tsx
 init_esm_shims();
-var import_react54 = __toESM(require_react(), 1);
+var import_react55 = __toESM(require_react(), 1);
 var import_variant8 = __toESM(require_lib(), 1);
 function Placeholder2({ inputState }) {
   return (0, import_variant8.match)(inputState, {
     NotSubmitted: () => null,
-    Submitted: ({ value: value2 }) => /* @__PURE__ */ import_react54.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react54.default.createElement(Text2, { skin: "secondary" }, /* @__PURE__ */ import_react54.default.createElement(SuccessIcon, null), " ", value2.title))
+    Submitted: ({ value: value2 }) => /* @__PURE__ */ import_react55.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react55.default.createElement(Text2, { skin: "secondary" }, /* @__PURE__ */ import_react55.default.createElement(SuccessIcon, null), " ", value2.title))
   });
 }
 
@@ -12740,16 +12747,16 @@ function SelectInput2({
   if (!options.length) {
     throw new Error("SelectInput: options cannot be empty");
   }
-  const [inputState, setInputState] = (0, import_react55.useState)(
+  const [inputState, setInputState] = (0, import_react56.useState)(
     () => InputState.NotSubmitted()
   );
-  const handleHighlight = (0, import_react55.useCallback)(
+  const handleHighlight = (0, import_react56.useCallback)(
     ({ value: value2 }) => {
       setInputState(InputState.NotSubmitted(value2));
     },
     []
   );
-  const handleSelect = (0, import_react55.useCallback)(
+  const handleSelect = (0, import_react56.useCallback)(
     ({ value: value2 }) => {
       if (!(0, import_variant9.isType)(value2.availability, SelectOptionAvailability.Disabled)) {
         setInputState(InputState.Submitted(value2));
@@ -12758,7 +12765,7 @@ function SelectInput2({
     },
     [onSubmit]
   );
-  const items = (0, import_react55.useMemo)(
+  const items = (0, import_react56.useMemo)(
     () => options.map((option) => ({
       key: typeof option.value === "string" ? option.value : option.key,
       label: option.title,
@@ -12766,12 +12773,12 @@ function SelectInput2({
     })),
     [options]
   );
-  (0, import_react55.useEffect)(() => {
+  (0, import_react56.useEffect)(() => {
     if (isActive) {
       setInputState(InputState.NotSubmitted(inputState.value));
     }
   }, [isActive]);
-  return /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null, /* @__PURE__ */ import_react55.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react55.default.createElement(Text2, null, /* @__PURE__ */ import_react55.default.createElement(InputLabel, null, label), " ", info && (0, import_variant9.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react55.default.createElement(Text2, { skin: "secondary" }, info))), /* @__PURE__ */ import_react55.default.createElement(Placeholder2, { inputState }), (0, import_variant9.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react55.default.createElement(Box_default, null, /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, /* @__PURE__ */ import_react56.default.createElement(Box_default, { marginLeft: -2, marginBottom: 1 }, /* @__PURE__ */ import_react56.default.createElement(Text2, null, /* @__PURE__ */ import_react56.default.createElement(InputLabel, null, label), " ", info && (0, import_variant9.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react56.default.createElement(Text2, { skin: "secondary" }, info))), /* @__PURE__ */ import_react56.default.createElement(Placeholder2, { inputState }), (0, import_variant9.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react56.default.createElement(Box_default, null, /* @__PURE__ */ import_react56.default.createElement(
     SelectInput_default,
     {
       items,
@@ -12785,17 +12792,22 @@ function SelectInput2({
   )));
 }
 
+// ../cli-ui-kit/src/components/SelectInput/SelectGroupsInput.tsx
+init_esm_shims();
+var import_react61 = __toESM(require_react(), 1);
+var import_variant10 = __toESM(require_lib(), 1);
+
 // ../cli-ui-kit/src/components/TextInput/Input.tsx
 init_esm_shims();
-var import_react56 = __toESM(require_react(), 1);
+var import_react57 = __toESM(require_react(), 1);
 var Input2 = ({
   onSubmit,
   onChange,
   placeholder,
   showCursor
 }) => {
-  const [currentValue, setCurrentValue] = (0, import_react56.useState)("");
-  return /* @__PURE__ */ import_react56.default.createElement(
+  const [currentValue, setCurrentValue] = (0, import_react57.useState)("");
+  return /* @__PURE__ */ import_react57.default.createElement(
     build_default,
     {
       showCursor,
@@ -12816,13 +12828,477 @@ var Input2 = ({
   );
 };
 
+// ../cli-ui-kit/src/components/SelectInput/GroupsList.tsx
+init_esm_shims();
+var import_react60 = __toESM(require_react(), 1);
+
+// ../cli-ui-kit/src/components/SelectInput/helpers.tsx
+init_esm_shims();
+var GROUP_PADDING = 1;
+var getSizeOfAddedPart = (padding, currentItem, prevItem) => {
+  let accumulatedSize = 0;
+  if (!prevItem) {
+    accumulatedSize += 1;
+    accumulatedSize += 1;
+  } else {
+    if (prevItem.groupIndex !== currentItem.groupIndex) {
+      accumulatedSize += padding;
+      accumulatedSize += 1;
+    }
+    accumulatedSize += 1;
+  }
+  return accumulatedSize;
+};
+function getListItems(groups) {
+  let rowIndex = 0;
+  return groups.reduce((listItems, group, groupIndex) => {
+    rowIndex += 1;
+    for (const item of group.items) {
+      listItems.push({
+        itemIndex: listItems.length,
+        rowIndex,
+        groupIndex,
+        group,
+        item
+      });
+      rowIndex += 1;
+    }
+    rowIndex += GROUP_PADDING;
+    return listItems;
+  }, []);
+}
+var getRowCount = (listItems) => listItems.reduce(
+  (count, item, index, array) => count + (index ? getSizeOfAddedPart(GROUP_PADDING, item, array[index - 1]) : getSizeOfAddedPart(GROUP_PADDING, item)),
+  0
+);
+function getVisibleListItems(staringIndex, listItems, limit, reverse) {
+  if (staringIndex >= listItems.length) {
+    return [];
+  }
+  const visibleListItems = [];
+  let accumulatedSize = 0;
+  if (reverse) {
+    let currentItemIndex = staringIndex;
+    while (currentItemIndex >= 0) {
+      const currentItem = listItems[currentItemIndex];
+      const sizeOfPart = getSizeOfAddedPart(
+        GROUP_PADDING,
+        currentItem,
+        visibleListItems[0]
+      );
+      if (accumulatedSize + sizeOfPart <= limit) {
+        visibleListItems.unshift(currentItem);
+        accumulatedSize += sizeOfPart;
+        currentItemIndex -= 1;
+      } else {
+        break;
+      }
+    }
+    currentItemIndex = staringIndex + 1;
+    if (accumulatedSize <= limit) {
+      while (currentItemIndex < listItems.length) {
+        const currentItem = listItems[currentItemIndex];
+        const sizeOfPart = getSizeOfAddedPart(
+          GROUP_PADDING,
+          currentItem,
+          visibleListItems.at(-1)
+        );
+        if (accumulatedSize + sizeOfPart <= limit) {
+          visibleListItems.push(currentItem);
+          accumulatedSize += sizeOfPart;
+          currentItemIndex += 1;
+        } else {
+          break;
+        }
+      }
+    }
+  } else {
+    let currentItemIndex = staringIndex;
+    while (currentItemIndex < listItems.length) {
+      const currentItem = listItems[currentItemIndex];
+      const sizeOfPart = getSizeOfAddedPart(
+        GROUP_PADDING,
+        currentItem,
+        visibleListItems.at(-1)
+      );
+      if (accumulatedSize + sizeOfPart <= limit) {
+        visibleListItems.push(currentItem);
+        accumulatedSize += sizeOfPart;
+        currentItemIndex += 1;
+      } else {
+        break;
+      }
+    }
+    currentItemIndex = staringIndex - 1;
+    if (accumulatedSize <= limit) {
+      while (currentItemIndex >= 0) {
+        const currentItem = listItems[currentItemIndex];
+        const sizeOfPart = getSizeOfAddedPart(
+          GROUP_PADDING,
+          currentItem,
+          visibleListItems[0]
+        );
+        if (accumulatedSize + sizeOfPart <= limit) {
+          visibleListItems.unshift(currentItem);
+          accumulatedSize += sizeOfPart;
+          currentItemIndex -= 1;
+        } else {
+          break;
+        }
+      }
+    }
+  }
+  return visibleListItems;
+}
+
+// ../cli-ui-kit/src/components/Scroll.tsx
+init_esm_shims();
+var import_react58 = __toESM(require_react(), 1);
+var SCROLL_SYMBOL = "\u2588";
+var Scroll = ({
+  height,
+  totalRowCounts,
+  firstShownRow
+}) => {
+  const scroll = [];
+  const filledAmount = Math.round(height / totalRowCounts * height);
+  const filledStartIndex = firstShownRow === 0 ? 0 : Math.max(
+    1,
+    Math.floor(
+      firstShownRow / (totalRowCounts - height) * (height - filledAmount)
+    )
+  );
+  const filledEndIndex = filledStartIndex + filledAmount - 1;
+  for (let i = 0; i < height; i++) {
+    scroll.push(
+      /* @__PURE__ */ import_react58.default.createElement(
+        Text,
+        {
+          color: i >= filledStartIndex && i <= filledEndIndex ? "white" : "gray",
+          key: `scroll-element-${i}`
+        },
+        SCROLL_SYMBOL
+      )
+    );
+  }
+  return scroll;
+};
+
+// ../cli-ui-kit/src/components/SelectInput/Highlighter.tsx
+init_esm_shims();
+var import_react59 = __toESM(require_react(), 1);
+var Highlighter = ({ pattern, text }) => {
+  if (!pattern) {
+    return text;
+  }
+  const matches = text.matchAll(pattern);
+  const hightlightMap = new Array(text.length).fill(0);
+  for (const match6 of matches) {
+    const start = match6.index;
+    const end = match6.index + match6[0].length;
+    for (let i = start; i < end; i++) {
+      hightlightMap[i] = 1;
+    }
+  }
+  return hightlightMap.map((flag, index) => /* @__PURE__ */ import_react59.default.createElement(Text2, { key: index, skin: flag ? "secondary" : "standard" }, text[index]));
+};
+
+// ../cli-ui-kit/src/components/SelectInput/GroupsList.tsx
+var BOTTOM_SCROLL_OFFSET = 1;
+function reducer(state, action) {
+  const { type, payload } = action;
+  switch (type) {
+    case "CHANGE_MAX_HEIGHT" /* CHANGE_MAX_HEIGHT */: {
+      const maxHeight = payload;
+      return {
+        ...state,
+        currentIndex: 0,
+        maxHeight,
+        visibleItems: getVisibleListItems(0, state.listItems, maxHeight)
+      };
+    }
+    case "REFRESH" /* REFRESH */: {
+      const listItems = payload;
+      return {
+        listItems,
+        currentIndex: 0,
+        totalRowCounts: getRowCount(listItems),
+        maxHeight: state.maxHeight,
+        visibleItems: getVisibleListItems(0, listItems, state.maxHeight)
+      };
+    }
+    case "MOVE_DOWN" /* MOVE_DOWN */: {
+      const nextIndex = payload;
+      if (nextIndex + BOTTOM_SCROLL_OFFSET < state.listItems.length && nextIndex + BOTTOM_SCROLL_OFFSET > state.visibleItems.at(-1).itemIndex) {
+        return {
+          ...state,
+          currentIndex: nextIndex,
+          visibleItems: getVisibleListItems(
+            nextIndex + BOTTOM_SCROLL_OFFSET,
+            state.listItems,
+            state.maxHeight,
+            true
+          )
+        };
+      }
+      if (nextIndex > state.visibleItems.at(-1).itemIndex) {
+        return {
+          ...state,
+          currentIndex: nextIndex,
+          visibleItems: getVisibleListItems(
+            nextIndex,
+            state.listItems,
+            state.maxHeight,
+            true
+          )
+        };
+      }
+      return {
+        ...state,
+        currentIndex: nextIndex
+      };
+    }
+    case "MOVE_UP" /* MOVE_UP */: {
+      const nextIndex = payload;
+      if (state.visibleItems[0] && nextIndex < state.visibleItems[0].itemIndex) {
+        return {
+          ...state,
+          currentIndex: nextIndex,
+          visibleItems: getVisibleListItems(
+            nextIndex,
+            state.listItems,
+            state.maxHeight
+          )
+        };
+      }
+      return {
+        ...state,
+        currentIndex: nextIndex
+      };
+    }
+    default:
+      return state;
+  }
+}
+function GroupsList({
+  listItems: listItemsProp,
+  highlightPattern,
+  onItemSelect,
+  hideScroll,
+  width,
+  maxHeight: maxHeightProp
+}) {
+  const [state, dispatch] = (0, import_react60.useReducer)(reducer, {
+    listItems: [],
+    visibleItems: [],
+    currentIndex: 0,
+    totalRowCounts: 0,
+    maxHeight: maxHeightProp
+  });
+  const { listItems, visibleItems, currentIndex, maxHeight, totalRowCounts } = state;
+  (0, import_react60.useEffect)(() => {
+    dispatch({
+      type: "REFRESH" /* REFRESH */,
+      payload: listItemsProp
+    });
+  }, [listItemsProp]);
+  (0, import_react60.useEffect)(() => {
+    dispatch({
+      type: "CHANGE_MAX_HEIGHT" /* CHANGE_MAX_HEIGHT */,
+      payload: maxHeightProp
+    });
+  }, [maxHeightProp]);
+  use_input_default(
+    (0, import_react60.useCallback)(
+      (input, key) => {
+        if (key.upArrow) {
+          if (currentIndex > 0) {
+            dispatch({
+              type: "MOVE_UP" /* MOVE_UP */,
+              payload: currentIndex - 1
+            });
+          } else {
+            dispatch({
+              type: "MOVE_DOWN" /* MOVE_DOWN */,
+              payload: listItems.length - 1
+            });
+          }
+        }
+        if (key.downArrow) {
+          if (currentIndex < listItems.length - 1) {
+            dispatch({
+              type: "MOVE_DOWN" /* MOVE_DOWN */,
+              payload: currentIndex + 1
+            });
+          } else {
+            dispatch({
+              type: "MOVE_UP" /* MOVE_UP */,
+              payload: 0
+            });
+          }
+        }
+        if (key.return) {
+          const listItem = listItems[currentIndex];
+          if (listItem) {
+            onItemSelect(listItem.item);
+          }
+        }
+      },
+      [currentIndex, listItems, onItemSelect]
+    ),
+    { isActive: true }
+  );
+  const shouldShowScroll = !hideScroll && totalRowCounts > maxHeight && visibleItems.length;
+  const viewHeight = Math.min(totalRowCounts, maxHeight);
+  return /* @__PURE__ */ import_react60.default.createElement(
+    Box_default,
+    {
+      height: viewHeight,
+      flexDirection: "row",
+      justifyContent: "space-between",
+      width: width ?? "100%"
+    },
+    /* @__PURE__ */ import_react60.default.createElement(Box_default, { flexDirection: "column", height: viewHeight }, visibleItems.reduce(
+      (acc, { group, groupIndex, item, itemIndex }, index) => {
+        const shouldShowGroupLabel = index === 0 || groupIndex !== visibleItems.at(index - 1)?.groupIndex;
+        if (shouldShowGroupLabel) {
+          acc.push(
+            /* @__PURE__ */ import_react60.default.createElement(
+              Box_default,
+              {
+                key: `group-${groupIndex}`,
+                paddingTop: index === 0 ? 0 : GROUP_PADDING
+              },
+              /* @__PURE__ */ import_react60.default.createElement(Text2, { bold: true, underline: true }, /* @__PURE__ */ import_react60.default.createElement(
+                Highlighter,
+                {
+                  pattern: highlightPattern,
+                  text: group.title
+                }
+              )),
+              group.description && /* @__PURE__ */ import_react60.default.createElement(Box_default, { marginLeft: 1 }, group.description)
+            )
+          );
+        }
+        acc.push(
+          /* @__PURE__ */ import_react60.default.createElement(Box_default, { key: `item-${itemIndex}`, marginLeft: 1 }, /* @__PURE__ */ import_react60.default.createElement(Indicator2, { isSelected: itemIndex === currentIndex }), /* @__PURE__ */ import_react60.default.createElement(
+            Item2,
+            {
+              label: /* @__PURE__ */ import_react60.default.createElement(Highlighter, { pattern: highlightPattern, text: item.title }),
+              isSelected: itemIndex === currentIndex,
+              value: item
+            }
+          ))
+        );
+        return acc;
+      },
+      []
+    )),
+    shouldShowScroll ? /* @__PURE__ */ import_react60.default.createElement(Box_default, { flexDirection: "column", height: viewHeight }, /* @__PURE__ */ import_react60.default.createElement(
+      Scroll,
+      {
+        height: viewHeight,
+        firstShownRow: visibleItems.at(0).rowIndex - 1,
+        totalRowCounts
+      }
+    )) : null
+  );
+}
+
+// ../cli-ui-kit/src/components/SelectInput/SelectGroupsInput.tsx
+var DEFAULT_MAX_HEIGHT = 20;
+function SelectGroupsInput({
+  label,
+  info,
+  groups,
+  onSubmit,
+  maxHeight = DEFAULT_MAX_HEIGHT,
+  hideScroll,
+  width,
+  placeholder,
+  value: value2
+}) {
+  if (!groups.length) {
+    throw new Error("SelectGroupsInput: groups cannot be empty");
+  }
+  const [inputState, setInputState] = (0, import_react61.useState)(
+    () => value2 ?? InputState.NotSubmitted(placeholder)
+  );
+  const [searchRegExp, setSearchRegExp] = (0, import_react61.useState)();
+  const filteredGroups = (0, import_react61.useMemo)(() => {
+    if (!searchRegExp) {
+      return groups;
+    }
+    return groups.reduce((acc, group) => {
+      if (group.title.search(searchRegExp) !== -1) {
+        acc.push({ ...group });
+      } else {
+        const filteredItems = group.items.filter(
+          (item) => item.title.search(searchRegExp) !== -1
+        );
+        if (filteredItems.length) {
+          acc.push({ ...group, items: filteredItems });
+        }
+      }
+      return acc;
+    }, []);
+  }, [groups, searchRegExp]);
+  const listItems = (0, import_react61.useMemo)(
+    () => getListItems(filteredGroups),
+    [filteredGroups]
+  );
+  const handleItemSelection = (0, import_react61.useCallback)(
+    (selectedItem) => {
+      if (!(0, import_variant10.isType)(selectedItem.availability, SelectOptionAvailability.Disabled)) {
+        setInputState(InputState.Submitted(selectedItem));
+        onSubmit(selectedItem);
+      }
+    },
+    [onSubmit]
+  );
+  (0, import_react61.useEffect)(() => {
+    if (value2) {
+      setInputState(value2);
+    }
+  }, [value2, setInputState]);
+  const handleSearchPhraseChange = (0, import_react61.useCallback)((searchPhrase) => {
+    const escapedSearchPhrase = searchPhrase.replaceAll(
+      /([.?*+^$[\]\\(){}|-])/g,
+      "\\$1"
+    );
+    setSearchRegExp(
+      searchPhrase ? new RegExp(escapedSearchPhrase, "gi") : void 0
+    );
+  }, []);
+  const lastItem = listItems.at(-1);
+  const shouldShowSearchInput = searchRegExp ? true : lastItem && lastItem.rowIndex > maxHeight;
+  return /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react61.default.createElement(Text2, null, /* @__PURE__ */ import_react61.default.createElement(InputLabel, null, label), " ", info && (0, import_variant10.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react61.default.createElement(Text2, { skin: "secondary" }, info)), (0, import_variant10.isType)(inputState, InputState.NotSubmitted) && shouldShowSearchInput && /* @__PURE__ */ import_react61.default.createElement(Text2, { skin: "secondary" }, /* @__PURE__ */ import_react61.default.createElement(
+    Input2,
+    {
+      onChange: handleSearchPhraseChange,
+      showCursor: true,
+      placeholder: "Type to search..."
+    }
+  ))), /* @__PURE__ */ import_react61.default.createElement(Placeholder2, { inputState }), (0, import_variant10.isType)(inputState, InputState.NotSubmitted) && (listItems.length ? /* @__PURE__ */ import_react61.default.createElement(
+    GroupsList,
+    {
+      listItems,
+      highlightPattern: searchRegExp,
+      maxHeight,
+      width,
+      hideScroll,
+      onItemSelect: handleItemSelection
+    }
+  ) : /* @__PURE__ */ import_react61.default.createElement(Box_default, { paddingBottom: 1, paddingX: 2 }, /* @__PURE__ */ import_react61.default.createElement(Text2, { skin: "secondary" }, "No results found."))));
+}
+
 // ../cli-ui-kit/src/components/TextInput/index.ts
 init_esm_shims();
 
 // ../cli-ui-kit/src/components/TextInput/TextInput.tsx
 init_esm_shims();
-var import_react57 = __toESM(require_react(), 1);
-var import_variant10 = __toESM(require_lib(), 1);
+var import_react62 = __toESM(require_react(), 1);
+var import_variant11 = __toESM(require_lib(), 1);
 var TextInput2 = ({
   label,
   isActive,
@@ -12831,12 +13307,12 @@ var TextInput2 = ({
   validate = () => true,
   inCreateFlow = false
 }) => {
-  const [inputState, setInputState] = (0, import_react57.useState)(
+  const [inputState, setInputState] = (0, import_react62.useState)(
     () => InputState.NotSubmitted(placeholder)
   );
-  const [isDirty, setIsDirty] = (0, import_react57.useState)(false);
-  const [validationError, setValidationError] = (0, import_react57.useState)();
-  const handleSubmit = (0, import_react57.useCallback)(
+  const [isDirty, setIsDirty] = (0, import_react62.useState)(false);
+  const [validationError, setValidationError] = (0, import_react62.useState)();
+  const handleSubmit = (0, import_react62.useCallback)(
     async (value2) => {
       setIsDirty(false);
       const validationResult = await validate(value2);
@@ -12851,18 +13327,18 @@ var TextInput2 = ({
     [onSubmit, validate]
   );
   const afterValidationError = Boolean(validationError && !isDirty);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react62.useEffect)(() => {
     if (isActive) {
       setInputState(InputState.NotSubmitted(inputState.value));
     }
   }, [isActive]);
-  return /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement(Box_default, { marginBottom: 1, marginLeft: inCreateFlow ? -2 : 0 }, /* @__PURE__ */ import_react57.default.createElement(Text2, null, /* @__PURE__ */ import_react57.default.createElement(
+  return /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, /* @__PURE__ */ import_react62.default.createElement(Box_default, { marginBottom: 1, marginLeft: inCreateFlow ? -2 : 0 }, /* @__PURE__ */ import_react62.default.createElement(Text2, null, /* @__PURE__ */ import_react62.default.createElement(
     InputLabel,
     {
-      icon: /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "question" }, /* @__PURE__ */ import_react57.default.createElement(PointerIcon, { appearance: "triangle" }))
+      icon: /* @__PURE__ */ import_react62.default.createElement(Text2, { skin: "question" }, /* @__PURE__ */ import_react62.default.createElement(PointerIcon, { appearance: "triangle" }))
     },
     label
-  ), (0, import_variant10.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, " ", /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: afterValidationError ? "error" : "standard" }, /* @__PURE__ */ import_react57.default.createElement(
+  ), (0, import_variant11.isType)(inputState, InputState.NotSubmitted) && /* @__PURE__ */ import_react62.default.createElement(import_react62.default.Fragment, null, " ", /* @__PURE__ */ import_react62.default.createElement(Text2, { skin: afterValidationError ? "error" : "standard" }, /* @__PURE__ */ import_react62.default.createElement(
     Input2,
     {
       placeholder: inputState.value,
@@ -12870,33 +13346,33 @@ var TextInput2 = ({
       onChange: () => setIsDirty(true),
       showCursor: afterValidationError
     }
-  ))))), (0, import_variant10.isType)(inputState, InputState.Submitted) && /* @__PURE__ */ import_react57.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "secondary" }, /* @__PURE__ */ import_react57.default.createElement(SuccessIcon, null), " ", inputState.value)), validationError && /* @__PURE__ */ import_react57.default.createElement(Box_default, { columnGap: 1 }, /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "error" }, /* @__PURE__ */ import_react57.default.createElement(PointerIcon, { appearance: "exclamation" })), /* @__PURE__ */ import_react57.default.createElement(Text2, { skin: "error" }, validationError)));
+  ))))), (0, import_variant11.isType)(inputState, InputState.Submitted) && /* @__PURE__ */ import_react62.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react62.default.createElement(Text2, { skin: "secondary" }, /* @__PURE__ */ import_react62.default.createElement(SuccessIcon, null), " ", inputState.value)), validationError && /* @__PURE__ */ import_react62.default.createElement(Box_default, { columnGap: 1 }, /* @__PURE__ */ import_react62.default.createElement(Text2, { skin: "error" }, /* @__PURE__ */ import_react62.default.createElement(PointerIcon, { appearance: "exclamation" })), /* @__PURE__ */ import_react62.default.createElement(Text2, { skin: "error" }, validationError)));
 };
 
 // ../cli-ui-kit/src/components/Key.tsx
 init_esm_shims();
-var import_react58 = __toESM(require_react(), 1);
+var import_react63 = __toESM(require_react(), 1);
 var Key = ({ value: value2, skin }) => {
   if (skin === "secondary") {
-    return /* @__PURE__ */ import_react58.default.createElement(Text, null, /* @__PURE__ */ import_react58.default.createElement(Text, { inverse: true }, " ", value2, " "), /* @__PURE__ */ import_react58.default.createElement(Text, null, "\u2591"));
+    return /* @__PURE__ */ import_react63.default.createElement(Text, null, /* @__PURE__ */ import_react63.default.createElement(Text, { inverse: true }, " ", value2, " "), /* @__PURE__ */ import_react63.default.createElement(Text, null, "\u2591"));
   }
-  return /* @__PURE__ */ import_react58.default.createElement(Text, null, /* @__PURE__ */ import_react58.default.createElement(Text, { backgroundColor: "blueBright" }, " ", value2, " "), /* @__PURE__ */ import_react58.default.createElement(Text, { color: "blueBright" }, "\u2591"));
+  return /* @__PURE__ */ import_react63.default.createElement(Text, null, /* @__PURE__ */ import_react63.default.createElement(Text, { backgroundColor: "blueBright" }, " ", value2, " "), /* @__PURE__ */ import_react63.default.createElement(Text, { color: "blueBright" }, "\u2591"));
 };
 
 // ../cli-ui-kit/src/components/ErrorDetails.tsx
 init_esm_shims();
-var import_react59 = __toESM(require_react(), 1);
+var import_react64 = __toESM(require_react(), 1);
 var ErrorDetails = ({
   message,
   explanation,
   hint
-}) => /* @__PURE__ */ import_react59.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react59.default.createElement(Alert, { type: "error" }, message), explanation && /* @__PURE__ */ import_react59.default.createElement(Alert, { type: "warning" }, explanation), hint && /* @__PURE__ */ import_react59.default.createElement(Box_default, { paddingTop: 1 }, /* @__PURE__ */ import_react59.default.createElement(Alert, { type: "insight" }, hint)));
+}) => /* @__PURE__ */ import_react64.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react64.default.createElement(Alert, { type: "error" }, message), explanation && /* @__PURE__ */ import_react64.default.createElement(Alert, { type: "warning" }, explanation), hint && /* @__PURE__ */ import_react64.default.createElement(Box_default, { paddingTop: 1 }, /* @__PURE__ */ import_react64.default.createElement(Alert, { type: "insight" }, hint)));
 
 // ../cli-ui-kit/src/components/Notification.tsx
 init_esm_shims();
-var import_react60 = __toESM(require_react(), 1);
+var import_react65 = __toESM(require_react(), 1);
 var Notification = ({ children }) => {
-  return /* @__PURE__ */ import_react60.default.createElement(Box_default, null, /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement(Box_default, null, /* @__PURE__ */ import_react65.default.createElement(
     Box_default,
     {
       padding: 1,
@@ -12910,14 +13386,22 @@ var Notification = ({ children }) => {
 };
 
 export {
+  require_isObject,
+  require_root,
+  require_baseGetTag,
   Box_default,
   Newline,
   use_input_default,
   UnorderedList,
   Text2 as Text,
+  InputState,
   PointerSmallIcon,
+  Learn,
+  InputLabel,
   ConfirmInput,
+  SelectOptionAvailability,
   SelectInput2 as SelectInput,
+  SelectGroupsInput,
   TextInput2 as TextInput,
   Alert,
   Badge,
@@ -12928,6 +13412,7 @@ export {
   ErrorDetails,
   Notification,
   useExit,
+  AsyncCallbackStatus,
   useAsync2 as useAsync,
   useAsyncCallback3 as useAsyncCallback,
   render2 as render,
@@ -12970,4 +13455,4 @@ react-reconciler/cjs/react-reconciler-constants.production.min.js:
    * LICENSE file in the root directory of this source tree.
    *)
 */
-//# sourceMappingURL=chunk-3F7WAIMW.js.map
+//# sourceMappingURL=chunk-YVQDNTNO.js.map