@within-7/minto 0.0.5-dev.1

package/dist/components/CustomSelect/select-option.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CustomSelect/select-option.tsx"],
+  "sourcesContent": ["import figures from 'figures'\nimport { Box, Text } from 'ink'\nimport React, { type ReactNode } from 'react'\nimport { type Theme } from './theme'\nimport { getTheme } from '@utils/theme'\n\nexport type SelectOptionProps = {\n  /**\n   * Determines if option is focused.\n   */\n  readonly isFocused: boolean\n\n  /**\n   * Determines if option is selected.\n   */\n  readonly isSelected: boolean\n\n  /**\n   * Determines if pointer is shown when selected\n   */\n  readonly smallPointer?: boolean\n\n  /**\n   * Option label.\n   */\n  readonly children: ReactNode\n\n  /**\n   * React key prop (handled internally by React)\n   */\n  readonly key?: React.Key\n}\n\nexport function SelectOption({\n  isFocused,\n  isSelected,\n  smallPointer,\n  children,\n  ...props\n}: SelectOptionProps) {\n  const appTheme = getTheme()\n  const styles = {\n    option: ({ isFocused }: { isFocused: boolean }) => ({\n      paddingLeft: 2,\n      paddingRight: 1,\n    }),\n    focusIndicator: () => ({\n      color: appTheme.minto,\n    }),\n    label: ({ isFocused, isSelected }: { isFocused: boolean; isSelected: boolean }) => ({\n      color: isSelected \n        ? appTheme.success \n        : isFocused \n          ? appTheme.minto \n          : appTheme.text,\n      bold: isSelected,\n    }),\n    selectedIndicator: () => ({\n      color: appTheme.success,\n    }),\n  }\n\n  return (\n    <Box {...styles.option({ isFocused })}>\n      {isFocused && (\n        <Text {...styles.focusIndicator()}>\n          {smallPointer ? figures.triangleDownSmall : figures.pointer}\n        </Text>\n      )}\n\n      <Text {...styles.label({ isFocused, isSelected })}>{children}</Text>\n\n      {isSelected && (\n        <Text {...styles.selectedIndicator()}>{figures.tick}</Text>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,OAAO,aAAa;AACpB,SAAS,KAAK,YAAY;AAC1B,OAAO,WAA+B;AAEtC,SAAS,gBAAgB;AA6BlB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,WAAW,SAAS;AAC1B,QAAM,SAAS;AAAA,IACb,QAAQ,CAAC,EAAE,WAAAA,WAAU,OAA+B;AAAA,MAClD,aAAa;AAAA,MACb,cAAc;AAAA,IAChB;AAAA,IACA,gBAAgB,OAAO;AAAA,MACrB,OAAO,SAAS;AAAA,IAClB;AAAA,IACA,OAAO,CAAC,EAAE,WAAAA,YAAW,YAAAC,YAAW,OAAoD;AAAA,MAClF,OAAOA,cACH,SAAS,UACTD,aACE,SAAS,QACT,SAAS;AAAA,MACf,MAAMC;AAAA,IACR;AAAA,IACA,mBAAmB,OAAO;AAAA,MACxB,OAAO,SAAS;AAAA,IAClB;AAAA,EACF;AAEA,SACE,oCAAC,OAAK,GAAG,OAAO,OAAO,EAAE,UAAU,CAAC,KACjC,aACC,oCAAC,QAAM,GAAG,OAAO,eAAe,KAC7B,eAAe,QAAQ,oBAAoB,QAAQ,OACtD,GAGF,oCAAC,QAAM,GAAG,OAAO,MAAM,EAAE,WAAW,WAAW,CAAC,KAAI,QAAS,GAE5D,cACC,oCAAC,QAAM,GAAG,OAAO,kBAAkB,KAAI,QAAQ,IAAK,CAExD;AAEJ;",
+  "names": ["isFocused", "isSelected"]
+}

package/dist/components/CustomSelect/select.js

@@ -0,0 +1,64 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { SelectOption } from "./select-option.js";
+import { useSelectState } from "./use-select-state.js";
+import { useSelect } from "./use-select.js";
+import { getTheme } from "../../utils/theme.js";
+const optionHeaderKey = (optionHeader) => `HEADER-${optionHeader.optionValues.join(",")}`;
+function Select({
+  isDisabled = false,
+  visibleOptionCount = 5,
+  highlightText,
+  options,
+  defaultValue,
+  onChange,
+  onFocus,
+  focusValue
+}) {
+  const state = useSelectState({
+    visibleOptionCount,
+    options,
+    defaultValue,
+    onChange,
+    onFocus,
+    focusValue
+  });
+  useSelect({ isDisabled, state });
+  const appTheme = getTheme();
+  const styles = {
+    container: () => ({
+      flexDirection: "column"
+    }),
+    highlightedText: () => ({
+      color: appTheme.text,
+      backgroundColor: appTheme.warning
+    })
+  };
+  return /* @__PURE__ */ React.createElement(Box, { ...styles.container() }, state.visibleOptions.map((option) => {
+    const key = "value" in option ? option.value : optionHeaderKey(option);
+    const isFocused = !isDisabled && state.focusedValue !== void 0 && ("value" in option ? state.focusedValue === option.value : option.optionValues.includes(state.focusedValue));
+    const isSelected = !!state.value && ("value" in option ? state.value === option.value : option.optionValues.includes(state.value));
+    const smallPointer = "header" in option;
+    const labelText = "label" in option ? option.label : option.header;
+    let label = labelText;
+    if (highlightText && labelText.includes(highlightText)) {
+      const index = labelText.indexOf(highlightText);
+      label = /* @__PURE__ */ React.createElement(React.Fragment, null, labelText.slice(0, index), /* @__PURE__ */ React.createElement(Text, { ...styles.highlightedText() }, highlightText), labelText.slice(index + highlightText.length));
+    }
+    return /* @__PURE__ */ React.createElement(
+      SelectOption,
+      {
+        key,
+        isFocused,
+        isSelected,
+        smallPointer,
+        children: label
+      }
+    );
+  }));
+}
+export {
+  Select,
+  optionHeaderKey
+};
+//# sourceMappingURL=select.js.map

package/dist/components/CustomSelect/select.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CustomSelect/select.tsx"],
+  "sourcesContent": ["import { Box, Text } from 'ink'\nimport React, { type ReactNode } from 'react'\nimport { SelectOption } from './select-option'\nimport { type Theme } from './theme'\nimport { useSelectState } from './use-select-state'\nimport { useSelect } from './use-select'\nimport { Option } from '@inkjs/ui'\nimport { getTheme } from '@utils/theme'\n\nexport type OptionSubtree = {\n  /**\n   * Header to show above sub-options.\n   */\n  readonly header?: string\n\n  /**\n   * Options.\n   */\n  readonly options: (Option | OptionSubtree)[]\n}\n\nexport type OptionHeader = {\n  readonly header: string\n\n  readonly optionValues: string[]\n}\n\nexport const optionHeaderKey = (optionHeader: OptionHeader): string =>\n  `HEADER-${optionHeader.optionValues.join(',')}`\n\nexport type SelectProps = {\n  /**\n   * When disabled, user input is ignored.\n   *\n   * @default false\n   */\n  readonly isDisabled?: boolean\n\n  /**\n   * Number of visible options.\n   *\n   * @default 5\n   */\n  readonly visibleOptionCount?: number\n\n  /**\n   * Highlight text in option labels.\n   */\n  readonly highlightText?: string\n\n  /**\n   * Options.\n   */\n  readonly options: (Option | OptionSubtree)[]\n\n  /**\n   * Default value.\n   */\n  readonly defaultValue?: string\n\n  /**\n   * Callback when selected option changes.\n   */\n  readonly onChange?: (value: string) => void\n\n  /**\n   * Callback when focused option changes.\n   */\n  readonly onFocus?: (value: string) => void\n\n  /**\n   * Value to focus\n   */\n  readonly focusValue?: string\n}\n\nexport function Select({\n  isDisabled = false,\n  visibleOptionCount = 5,\n  highlightText,\n  options,\n  defaultValue,\n  onChange,\n  onFocus,\n  focusValue,\n}: SelectProps) {\n  const state = useSelectState({\n    visibleOptionCount,\n    options,\n    defaultValue,\n    onChange,\n    onFocus,\n    focusValue,\n  })\n\n  useSelect({ isDisabled, state })\n\n  const appTheme = getTheme()\n  const styles = {\n    container: () => ({\n      flexDirection: 'column' as const,\n    }),\n    highlightedText: () => ({\n      color: appTheme.text,\n      backgroundColor: appTheme.warning,\n    }),\n  }\n\n  return (\n    <Box {...styles.container()}>\n      {state.visibleOptions.map(option => {\n        const key = 'value' in option ? option.value : optionHeaderKey(option)\n        const isFocused =\n          !isDisabled &&\n          state.focusedValue !== undefined &&\n          ('value' in option\n            ? state.focusedValue === option.value\n            : option.optionValues.includes(state.focusedValue))\n        const isSelected =\n          !!state.value &&\n          ('value' in option\n            ? state.value === option.value\n            : option.optionValues.includes(state.value))\n        const smallPointer = 'header' in option\n        const labelText = 'label' in option ? option.label : option.header\n        let label: ReactNode = labelText\n\n        if (highlightText && labelText.includes(highlightText)) {\n          const index = labelText.indexOf(highlightText)\n\n          label = (\n            <>\n              {labelText.slice(0, index)}\n              <Text {...styles.highlightedText()}>{highlightText}</Text>\n              {labelText.slice(index + highlightText.length)}\n            </>\n          )\n        }\n\n        return (\n          <SelectOption\n            key={key}\n            isFocused={isFocused}\n            isSelected={isSelected}\n            smallPointer={smallPointer}\n            children={label}\n          />\n        )\n      })}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,KAAK,YAAY;AAC1B,OAAO,WAA+B;AACtC,SAAS,oBAAoB;AAE7B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAE1B,SAAS,gBAAgB;AAoBlB,MAAM,kBAAkB,CAAC,iBAC9B,UAAU,aAAa,aAAa,KAAK,GAAG,CAAC;AAgDxC,SAAS,OAAO;AAAA,EACrB,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,QAAM,QAAQ,eAAe;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,YAAU,EAAE,YAAY,MAAM,CAAC;AAE/B,QAAM,WAAW,SAAS;AAC1B,QAAM,SAAS;AAAA,IACb,WAAW,OAAO;AAAA,MAChB,eAAe;AAAA,IACjB;AAAA,IACA,iBAAiB,OAAO;AAAA,MACtB,OAAO,SAAS;AAAA,MAChB,iBAAiB,SAAS;AAAA,IAC5B;AAAA,EACF;AAEA,SACE,oCAAC,OAAK,GAAG,OAAO,UAAU,KACvB,MAAM,eAAe,IAAI,YAAU;AAClC,UAAM,MAAM,WAAW,SAAS,OAAO,QAAQ,gBAAgB,MAAM;AACrE,UAAM,YACJ,CAAC,cACD,MAAM,iBAAiB,WACtB,WAAW,SACR,MAAM,iBAAiB,OAAO,QAC9B,OAAO,aAAa,SAAS,MAAM,YAAY;AACrD,UAAM,aACJ,CAAC,CAAC,MAAM,UACP,WAAW,SACR,MAAM,UAAU,OAAO,QACvB,OAAO,aAAa,SAAS,MAAM,KAAK;AAC9C,UAAM,eAAe,YAAY;AACjC,UAAM,YAAY,WAAW,SAAS,OAAO,QAAQ,OAAO;AAC5D,QAAI,QAAmB;AAEvB,QAAI,iBAAiB,UAAU,SAAS,aAAa,GAAG;AACtD,YAAM,QAAQ,UAAU,QAAQ,aAAa;AAE7C,cACE,0DACG,UAAU,MAAM,GAAG,KAAK,GACzB,oCAAC,QAAM,GAAG,OAAO,gBAAgB,KAAI,aAAc,GAClD,UAAU,MAAM,QAAQ,cAAc,MAAM,CAC/C;AAAA,IAEJ;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA;AAAA,IACZ;AAAA,EAEJ,CAAC,CACH;AAEJ;",
+  "names": []
+}

package/dist/components/CustomSelect/theme.js

@@ -0,0 +1 @@
+//# sourceMappingURL=theme.js.map

package/dist/components/CustomSelect/theme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/CustomSelect/use-select-state.js

@@ -0,0 +1,220 @@
+import { isDeepStrictEqual } from "node:util";
+import {
+  useReducer,
+  useCallback,
+  useMemo,
+  useState,
+  useEffect
+} from "react";
+import OptionMap from "./option-map.js";
+const reducer = (state, action) => {
+  switch (action.type) {
+    case "focus-next-option": {
+      if (!state.focusedValue) {
+        return state;
+      }
+      const item = state.optionMap.get(state.focusedValue);
+      if (!item) {
+        return state;
+      }
+      let next = item.next;
+      while (next && !("value" in next)) {
+        next = next.next;
+      }
+      if (!next) {
+        return state;
+      }
+      const needsToScroll = next.index >= state.visibleToIndex;
+      if (!needsToScroll) {
+        return {
+          ...state,
+          focusedValue: next.value
+        };
+      }
+      const nextVisibleToIndex = Math.min(
+        state.optionMap.size,
+        state.visibleToIndex + 1
+      );
+      const nextVisibleFromIndex = nextVisibleToIndex - state.visibleOptionCount;
+      return {
+        ...state,
+        focusedValue: next.value,
+        visibleFromIndex: nextVisibleFromIndex,
+        visibleToIndex: nextVisibleToIndex
+      };
+    }
+    case "focus-previous-option": {
+      if (!state.focusedValue) {
+        return state;
+      }
+      const item = state.optionMap.get(state.focusedValue);
+      if (!item) {
+        return state;
+      }
+      let previous = item.previous;
+      while (previous && !("value" in previous)) {
+        previous = previous.previous;
+      }
+      if (!previous) {
+        return state;
+      }
+      const needsToScroll = previous.index <= state.visibleFromIndex;
+      if (!needsToScroll) {
+        return {
+          ...state,
+          focusedValue: previous.value
+        };
+      }
+      const nextVisibleFromIndex = Math.max(0, state.visibleFromIndex - 1);
+      const nextVisibleToIndex = nextVisibleFromIndex + state.visibleOptionCount;
+      return {
+        ...state,
+        focusedValue: previous.value,
+        visibleFromIndex: nextVisibleFromIndex,
+        visibleToIndex: nextVisibleToIndex
+      };
+    }
+    case "select-focused-option": {
+      return {
+        ...state,
+        previousValue: state.value,
+        value: state.focusedValue
+      };
+    }
+    case "reset": {
+      return action.state;
+    }
+    case "set-focus": {
+      return {
+        ...state,
+        focusedValue: action.value
+      };
+    }
+  }
+};
+const flattenOptions = (options) => options.flatMap((option) => {
+  if ("options" in option) {
+    const flatSubtree = flattenOptions(option.options);
+    const optionValues = flatSubtree.flatMap(
+      (o) => "value" in o ? o.value : []
+    );
+    const header = option.header !== void 0 ? [{ header: option.header, optionValues }] : [];
+    return [...header, ...flatSubtree];
+  }
+  return option;
+});
+const createDefaultState = ({
+  visibleOptionCount: customVisibleOptionCount,
+  defaultValue,
+  options
+}) => {
+  const flatOptions = flattenOptions(options);
+  const visibleOptionCount = typeof customVisibleOptionCount === "number" ? Math.min(customVisibleOptionCount, flatOptions.length) : flatOptions.length;
+  const optionMap = new OptionMap(flatOptions);
+  const firstOption = optionMap.first;
+  let focusedValue;
+  if (defaultValue && optionMap.get(defaultValue)) {
+    focusedValue = defaultValue;
+  } else {
+    focusedValue = firstOption && "value" in firstOption ? firstOption.value : void 0;
+  }
+  let visibleFromIndex = 0;
+  let visibleToIndex = visibleOptionCount;
+  if (focusedValue && optionMap.get(focusedValue)) {
+    const focusedIndex = optionMap.get(focusedValue).index;
+    const halfVisible = Math.floor(visibleOptionCount / 2);
+    visibleFromIndex = Math.max(0, focusedIndex - halfVisible);
+    visibleToIndex = Math.min(
+      flatOptions.length,
+      visibleFromIndex + visibleOptionCount
+    );
+    if (visibleToIndex - visibleFromIndex < visibleOptionCount) {
+      visibleFromIndex = Math.max(0, visibleToIndex - visibleOptionCount);
+    }
+  }
+  return {
+    optionMap,
+    visibleOptionCount,
+    focusedValue,
+    visibleFromIndex,
+    visibleToIndex,
+    previousValue: defaultValue,
+    value: defaultValue
+  };
+};
+const useSelectState = ({
+  visibleOptionCount = 5,
+  options,
+  defaultValue,
+  onChange,
+  onFocus,
+  focusValue
+}) => {
+  const flatOptions = flattenOptions(options);
+  const [state, dispatch] = useReducer(
+    reducer,
+    { visibleOptionCount, defaultValue, options },
+    createDefaultState
+  );
+  const [lastOptions, setLastOptions] = useState(flatOptions);
+  if (flatOptions !== lastOptions && !isDeepStrictEqual(flatOptions, lastOptions)) {
+    dispatch({
+      type: "reset",
+      state: createDefaultState({ visibleOptionCount, defaultValue, options })
+    });
+    setLastOptions(flatOptions);
+  }
+  const focusNextOption = useCallback(() => {
+    dispatch({
+      type: "focus-next-option"
+    });
+  }, []);
+  const focusPreviousOption = useCallback(() => {
+    dispatch({
+      type: "focus-previous-option"
+    });
+  }, []);
+  const selectFocusedOption = useCallback(() => {
+    dispatch({
+      type: "select-focused-option"
+    });
+  }, []);
+  const visibleOptions = useMemo(() => {
+    return flatOptions.map((option, index) => ({
+      ...option,
+      index
+    })).slice(state.visibleFromIndex, state.visibleToIndex);
+  }, [flatOptions, state.visibleFromIndex, state.visibleToIndex]);
+  useEffect(() => {
+    if (state.value && state.previousValue !== state.value) {
+      onChange?.(state.value);
+    }
+  }, [state.previousValue, state.value]);
+  useEffect(() => {
+    if (state.focusedValue) {
+      onFocus?.(state.focusedValue);
+    }
+  }, [state.focusedValue]);
+  useEffect(() => {
+    if (focusValue) {
+      dispatch({
+        type: "set-focus",
+        value: focusValue
+      });
+    }
+  }, [focusValue]);
+  return {
+    focusedValue: state.focusedValue,
+    visibleFromIndex: state.visibleFromIndex,
+    visibleToIndex: state.visibleToIndex,
+    value: state.value,
+    visibleOptions,
+    focusNextOption,
+    focusPreviousOption,
+    selectFocusedOption
+  };
+};
+export {
+  useSelectState
+};
+//# sourceMappingURL=use-select-state.js.map

package/dist/components/CustomSelect/use-select-state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CustomSelect/use-select-state.ts"],
+  "sourcesContent": ["import { isDeepStrictEqual } from 'node:util'\nimport {\n  useReducer,\n  type Reducer,\n  useCallback,\n  useMemo,\n  useState,\n  useEffect,\n} from 'react'\nimport OptionMap from './option-map'\nimport { Option } from '@inkjs/ui'\nimport type { OptionHeader, OptionSubtree } from './select'\n\ntype State = {\n  /**\n   * Map where key is option's value and value is option's index.\n   */\n  optionMap: OptionMap\n\n  /**\n   * Number of visible options.\n   */\n  visibleOptionCount: number\n\n  /**\n   * Value of the currently focused option.\n   */\n  focusedValue: string | undefined\n\n  /**\n   * Index of the first visible option.\n   */\n  visibleFromIndex: number\n\n  /**\n   * Index of the last visible option.\n   */\n  visibleToIndex: number\n\n  /**\n   * Value of the previously selected option.\n   */\n  previousValue: string | undefined\n\n  /**\n   * Value of the selected option.\n   */\n  value: string | undefined\n}\n\ntype Action =\n  | FocusNextOptionAction\n  | FocusPreviousOptionAction\n  | SelectFocusedOptionAction\n  | SetFocusAction\n  | ResetAction\n\ntype SetFocusAction = {\n  type: 'set-focus'\n  value: string\n}\n\ntype FocusNextOptionAction = {\n  type: 'focus-next-option'\n}\n\ntype FocusPreviousOptionAction = {\n  type: 'focus-previous-option'\n}\n\ntype SelectFocusedOptionAction = {\n  type: 'select-focused-option'\n}\n\ntype ResetAction = {\n  type: 'reset'\n  state: State\n}\n\nconst reducer: Reducer<State, Action> = (state, action) => {\n  switch (action.type) {\n    case 'focus-next-option': {\n      if (!state.focusedValue) {\n        return state\n      }\n\n      const item = state.optionMap.get(state.focusedValue)\n\n      if (!item) {\n        return state\n      }\n\n      let next = item.next\n      while (next && !('value' in next)) {\n        // Skip headers\n        next = next.next\n      }\n\n      if (!next) {\n        return state\n      }\n\n      const needsToScroll = next.index >= state.visibleToIndex\n\n      if (!needsToScroll) {\n        return {\n          ...state,\n          focusedValue: next.value,\n        }\n      }\n\n      const nextVisibleToIndex = Math.min(\n        state.optionMap.size,\n        state.visibleToIndex + 1,\n      )\n\n      const nextVisibleFromIndex = nextVisibleToIndex - state.visibleOptionCount\n\n      return {\n        ...state,\n        focusedValue: next.value,\n        visibleFromIndex: nextVisibleFromIndex,\n        visibleToIndex: nextVisibleToIndex,\n      }\n    }\n\n    case 'focus-previous-option': {\n      if (!state.focusedValue) {\n        return state\n      }\n\n      const item = state.optionMap.get(state.focusedValue)\n\n      if (!item) {\n        return state\n      }\n\n      let previous = item.previous\n      while (previous && !('value' in previous)) {\n        // Skip headers\n        previous = previous.previous\n      }\n\n      if (!previous) {\n        return state\n      }\n\n      const needsToScroll = previous.index <= state.visibleFromIndex\n\n      if (!needsToScroll) {\n        return {\n          ...state,\n          focusedValue: previous.value,\n        }\n      }\n\n      const nextVisibleFromIndex = Math.max(0, state.visibleFromIndex - 1)\n\n      const nextVisibleToIndex = nextVisibleFromIndex + state.visibleOptionCount\n\n      return {\n        ...state,\n        focusedValue: previous.value,\n        visibleFromIndex: nextVisibleFromIndex,\n        visibleToIndex: nextVisibleToIndex,\n      }\n    }\n\n    case 'select-focused-option': {\n      return {\n        ...state,\n        previousValue: state.value,\n        value: state.focusedValue,\n      }\n    }\n\n    case 'reset': {\n      return action.state\n    }\n\n    case 'set-focus': {\n      return {\n        ...state,\n        focusedValue: action.value,\n      }\n    }\n  }\n}\n\nexport type UseSelectStateProps = {\n  /**\n   * Number of items to display.\n   *\n   * @default 5\n   */\n  visibleOptionCount?: number\n\n  /**\n   * Options.\n   */\n  options: (Option | OptionSubtree)[]\n\n  /**\n   * Initially selected option's value.\n   */\n  defaultValue?: string\n\n  /**\n   * Callback for selecting an option.\n   */\n  onChange?: (value: string) => void\n\n  /**\n   * Callback for focusing an option.\n   */\n  onFocus?: (value: string) => void\n\n  /**\n   * Value to focus\n   */\n  focusValue?: string\n}\n\nexport type SelectState = Pick<\n  State,\n  'focusedValue' | 'visibleFromIndex' | 'visibleToIndex' | 'value'\n> & {\n  /**\n   * Visible options.\n   */\n  visibleOptions: Array<(Option | OptionHeader) & { index: number }>\n\n  /**\n   * Focus next option and scroll the list down, if needed.\n   */\n  focusNextOption: () => void\n\n  /**\n   * Focus previous option and scroll the list up, if needed.\n   */\n  focusPreviousOption: () => void\n\n  /**\n   * Select currently focused option.\n   */\n  selectFocusedOption: () => void\n}\n\nconst flattenOptions = (\n  options: (Option | OptionSubtree)[],\n): (Option | OptionHeader)[] =>\n  options.flatMap(option => {\n    if ('options' in option) {\n      const flatSubtree = flattenOptions(option.options)\n      const optionValues = flatSubtree.flatMap(o =>\n        'value' in o ? o.value : [],\n      )\n      const header =\n        option.header !== undefined\n          ? [{ header: option.header, optionValues }]\n          : []\n\n      return [...header, ...flatSubtree]\n    }\n    return option\n  })\n\nconst createDefaultState = ({\n  visibleOptionCount: customVisibleOptionCount,\n  defaultValue,\n  options,\n}: Pick<\n  UseSelectStateProps,\n  'visibleOptionCount' | 'defaultValue' | 'options'\n>) => {\n  const flatOptions = flattenOptions(options)\n\n  const visibleOptionCount =\n    typeof customVisibleOptionCount === 'number'\n      ? Math.min(customVisibleOptionCount, flatOptions.length)\n      : flatOptions.length\n\n  const optionMap = new OptionMap(flatOptions)\n  const firstOption = optionMap.first\n\n  // Use defaultValue for focusedValue if it exists and is valid, otherwise use first option\n  let focusedValue: string | undefined\n  if (defaultValue && optionMap.get(defaultValue)) {\n    focusedValue = defaultValue\n  } else {\n    focusedValue =\n      firstOption && 'value' in firstOption ? firstOption.value : undefined\n  }\n\n  // Calculate visible range based on focused value\n  let visibleFromIndex = 0\n  let visibleToIndex = visibleOptionCount\n\n  if (focusedValue && optionMap.get(focusedValue)) {\n    const focusedIndex = optionMap.get(focusedValue)!.index\n    // Center the focused option in the visible area if possible\n    const halfVisible = Math.floor(visibleOptionCount / 2)\n    visibleFromIndex = Math.max(0, focusedIndex - halfVisible)\n    visibleToIndex = Math.min(\n      flatOptions.length,\n      visibleFromIndex + visibleOptionCount,\n    )\n\n    // Adjust if we can't show enough items at the end\n    if (visibleToIndex - visibleFromIndex < visibleOptionCount) {\n      visibleFromIndex = Math.max(0, visibleToIndex - visibleOptionCount)\n    }\n  }\n\n  return {\n    optionMap,\n    visibleOptionCount,\n    focusedValue,\n    visibleFromIndex,\n    visibleToIndex,\n    previousValue: defaultValue,\n    value: defaultValue,\n  }\n}\n\nexport const useSelectState = ({\n  visibleOptionCount = 5,\n  options,\n  defaultValue,\n  onChange,\n  onFocus,\n  focusValue,\n}: UseSelectStateProps) => {\n  const flatOptions = flattenOptions(options)\n\n  const [state, dispatch] = useReducer(\n    reducer,\n    { visibleOptionCount, defaultValue, options },\n    createDefaultState,\n  )\n\n  const [lastOptions, setLastOptions] = useState(flatOptions)\n\n  if (\n    flatOptions !== lastOptions &&\n    !isDeepStrictEqual(flatOptions, lastOptions)\n  ) {\n    dispatch({\n      type: 'reset',\n      state: createDefaultState({ visibleOptionCount, defaultValue, options }),\n    })\n\n    setLastOptions(flatOptions)\n  }\n\n  const focusNextOption = useCallback(() => {\n    dispatch({\n      type: 'focus-next-option',\n    })\n  }, [])\n\n  const focusPreviousOption = useCallback(() => {\n    dispatch({\n      type: 'focus-previous-option',\n    })\n  }, [])\n\n  const selectFocusedOption = useCallback(() => {\n    dispatch({\n      type: 'select-focused-option',\n    })\n  }, [])\n\n  const visibleOptions = useMemo(() => {\n    return flatOptions\n      .map((option, index) => ({\n        ...option,\n        index,\n      }))\n      .slice(state.visibleFromIndex, state.visibleToIndex)\n  }, [flatOptions, state.visibleFromIndex, state.visibleToIndex])\n\n  useEffect(() => {\n    if (state.value && state.previousValue !== state.value) {\n      onChange?.(state.value)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.previousValue, state.value])\n\n  useEffect(() => {\n    if (state.focusedValue) {\n      onFocus?.(state.focusedValue)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.focusedValue])\n\n  useEffect(() => {\n    if (focusValue) {\n      dispatch({\n        type: 'set-focus',\n        value: focusValue,\n      })\n    }\n  }, [focusValue])\n\n  return {\n    focusedValue: state.focusedValue,\n    visibleFromIndex: state.visibleFromIndex,\n    visibleToIndex: state.visibleToIndex,\n    value: state.value,\n    visibleOptions,\n    focusNextOption,\n    focusPreviousOption,\n    selectFocusedOption,\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/CustomSelect/use-select.js

@@ -0,0 +1,21 @@
+import { useInput } from "ink";
+const useSelect = ({ isDisabled = false, state }) => {
+  useInput(
+    (_input, key) => {
+      if (key.downArrow) {
+        state.focusNextOption();
+      }
+      if (key.upArrow) {
+        state.focusPreviousOption();
+      }
+      if (key.return) {
+        state.selectFocusedOption();
+      }
+    },
+    { isActive: !isDisabled }
+  );
+};
+export {
+  useSelect
+};
+//# sourceMappingURL=use-select.js.map

package/dist/components/CustomSelect/use-select.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/CustomSelect/use-select.ts"],
+  "sourcesContent": ["import { useInput } from 'ink'\nimport { type SelectState } from './use-select-state'\n\nexport type UseSelectProps = {\n  /**\n   * When disabled, user input is ignored.\n   *\n   * @default false\n   */\n  isDisabled?: boolean\n\n  /**\n   * Select state.\n   */\n  state: SelectState\n}\n\nexport const useSelect = ({ isDisabled = false, state }: UseSelectProps) => {\n  useInput(\n    (_input, key) => {\n      if (key.downArrow) {\n        state.focusNextOption()\n      }\n\n      if (key.upArrow) {\n        state.focusPreviousOption()\n      }\n\n      if (key.return) {\n        state.selectFocusedOption()\n      }\n    },\n    { isActive: !isDisabled },\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB;AAiBlB,MAAM,YAAY,CAAC,EAAE,aAAa,OAAO,MAAM,MAAsB;AAC1E;AAAA,IACE,CAAC,QAAQ,QAAQ;AACf,UAAI,IAAI,WAAW;AACjB,cAAM,gBAAgB;AAAA,MACxB;AAEA,UAAI,IAAI,SAAS;AACf,cAAM,oBAAoB;AAAA,MAC5B;AAEA,UAAI,IAAI,QAAQ;AACd,cAAM,oBAAoB;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,EAAE,UAAU,CAAC,WAAW;AAAA,EAC1B;AACF;",
+  "names": []
+}

package/dist/components/FallbackToolUseRejectedMessage.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { getTheme } from "../utils/theme.js";
+import { Text } from "ink";
+import { PRODUCT_NAME } from "../constants/product.js";
+function FallbackToolUseRejectedMessage() {
+  return /* @__PURE__ */ React.createElement(Text, null, "\xA0\xA0\u23BF \xA0", /* @__PURE__ */ React.createElement(Text, { color: getTheme().error }, "No (tell ", PRODUCT_NAME, " what to do differently)"));
+}
+export {
+  FallbackToolUseRejectedMessage
+};
+//# sourceMappingURL=FallbackToolUseRejectedMessage.js.map

package/dist/components/FallbackToolUseRejectedMessage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/FallbackToolUseRejectedMessage.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { getTheme } from '@utils/theme'\nimport { Text } from 'ink'\nimport { PRODUCT_NAME } from '@constants/product'\n\nexport function FallbackToolUseRejectedMessage(): React.ReactNode {\n  return (\n    <Text>\n      &nbsp;&nbsp;\u23BF &nbsp;\n      <Text color={getTheme().error}>\n        No (tell {PRODUCT_NAME} what to do differently)\n      </Text>\n    </Text>\n  )\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAEtB,SAAS,iCAAkD;AAChE,SACE,oCAAC,YAAK,uBAEJ,oCAAC,QAAK,OAAO,SAAS,EAAE,SAAO,aACnB,cAAa,0BACzB,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/FileEditToolUpdatedMessage.js

@@ -0,0 +1,32 @@
+import { Box, Text } from "ink";
+import * as React from "react";
+import { intersperse } from "../utils/array.js";
+import { StructuredDiff } from "./StructuredDiff.js";
+import { getTheme } from "../utils/theme.js";
+import { getCwd } from "../utils/state.js";
+import { relative } from "path";
+import { useTerminalSize } from "../hooks/useTerminalSize.js";
+function FileEditToolUpdatedMessage({
+  filePath,
+  structuredPatch,
+  verbose
+}) {
+  const { columns } = useTerminalSize();
+  const patches = Array.isArray(structuredPatch) ? structuredPatch : [];
+  const numAdditions = patches.reduce(
+    (count, hunk) => count + hunk.lines.filter((_) => _.startsWith("+")).length,
+    0
+  );
+  const numRemovals = patches.reduce(
+    (count, hunk) => count + hunk.lines.filter((_) => _.startsWith("-")).length,
+    0
+  );
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, "  ", "\u23BF Updated", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, verbose ? filePath : relative(getCwd(), filePath)), numAdditions > 0 || numRemovals > 0 ? " with " : "", numAdditions > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, numAdditions), " ", numAdditions > 1 ? "additions" : "addition") : null, numAdditions > 0 && numRemovals > 0 ? " and " : null, numRemovals > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { bold: true }, numRemovals), " ", numRemovals > 1 ? "removals" : "removal") : null), patches.length > 0 && intersperse(
+    patches.map((_) => /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", paddingLeft: 5, key: _.newStart }, /* @__PURE__ */ React.createElement(StructuredDiff, { patch: _, dim: false, width: columns - 12 }))),
+    (i) => /* @__PURE__ */ React.createElement(Box, { paddingLeft: 5, key: `ellipsis-${i}` }, /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "..."))
+  ));
+}
+export {
+  FileEditToolUpdatedMessage
+};
+//# sourceMappingURL=FileEditToolUpdatedMessage.js.map

package/dist/components/FileEditToolUpdatedMessage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/FileEditToolUpdatedMessage.tsx"],
+  "sourcesContent": ["import { Hunk } from 'diff'\nimport { Box, Text } from 'ink'\nimport * as React from 'react'\nimport { intersperse } from '@utils/array'\nimport { StructuredDiff } from './StructuredDiff'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport { relative } from 'path'\nimport { useTerminalSize } from '@hooks/useTerminalSize'\n\ntype Props = {\n  filePath: string\n  structuredPatch?: Hunk[]\n  verbose: boolean\n}\n\nexport function FileEditToolUpdatedMessage({\n  filePath,\n  structuredPatch,\n  verbose,\n}: Props): React.ReactNode {\n  const { columns } = useTerminalSize()\n  const patches = Array.isArray(structuredPatch) ? structuredPatch : []\n  const numAdditions = patches.reduce(\n    (count, hunk) => count + hunk.lines.filter(_ => _.startsWith('+')).length,\n    0,\n  )\n  const numRemovals = patches.reduce(\n    (count, hunk) => count + hunk.lines.filter(_ => _.startsWith('-')).length,\n    0,\n  )\n\n  return (\n    <Box flexDirection=\"column\">\n      <Text>\n        {'  '}\u23BF Updated{' '}\n        <Text bold>{verbose ? filePath : relative(getCwd(), filePath)}</Text>\n        {numAdditions > 0 || numRemovals > 0 ? ' with ' : ''}\n        {numAdditions > 0 ? (\n          <>\n            <Text bold>{numAdditions}</Text>{' '}\n            {numAdditions > 1 ? 'additions' : 'addition'}\n          </>\n        ) : null}\n        {numAdditions > 0 && numRemovals > 0 ? ' and ' : null}\n        {numRemovals > 0 ? (\n          <>\n            <Text bold>{numRemovals}</Text>{' '}\n            {numRemovals > 1 ? 'removals' : 'removal'}\n          </>\n        ) : null}\n      </Text>\n      {patches.length > 0 &&\n        intersperse(\n          patches.map(_ => (\n            <Box flexDirection=\"column\" paddingLeft={5} key={_.newStart}>\n              <StructuredDiff patch={_} dim={false} width={columns - 12} />\n            </Box>\n          )),\n          i => (\n            <Box paddingLeft={5} key={`ellipsis-${i}`}>\n              <Text color={getTheme().secondaryText}>...</Text>\n            </Box>\n          ),\n        )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AACA,SAAS,KAAK,YAAY;AAC1B,YAAY,WAAW;AACvB,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAQzB,SAAS,2BAA2B;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,EAAE,QAAQ,IAAI,gBAAgB;AACpC,QAAM,UAAU,MAAM,QAAQ,eAAe,IAAI,kBAAkB,CAAC;AACpE,QAAM,eAAe,QAAQ;AAAA,IAC3B,CAAC,OAAO,SAAS,QAAQ,KAAK,MAAM,OAAO,OAAK,EAAE,WAAW,GAAG,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AACA,QAAM,cAAc,QAAQ;AAAA,IAC1B,CAAC,OAAO,SAAS,QAAQ,KAAK,MAAM,OAAO,OAAK,EAAE,WAAW,GAAG,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,eAAc,YACjB,oCAAC,YACE,MAAK,kBAAU,KAChB,oCAAC,QAAK,MAAI,QAAE,UAAU,WAAW,SAAS,OAAO,GAAG,QAAQ,CAAE,GAC7D,eAAe,KAAK,cAAc,IAAI,WAAW,IACjD,eAAe,IACd,0DACE,oCAAC,QAAK,MAAI,QAAE,YAAa,GAAQ,KAChC,eAAe,IAAI,cAAc,UACpC,IACE,MACH,eAAe,KAAK,cAAc,IAAI,UAAU,MAChD,cAAc,IACb,0DACE,oCAAC,QAAK,MAAI,QAAE,WAAY,GAAQ,KAC/B,cAAc,IAAI,aAAa,SAClC,IACE,IACN,GACC,QAAQ,SAAS,KAChB;AAAA,IACE,QAAQ,IAAI,OACV,oCAAC,OAAI,eAAc,UAAS,aAAa,GAAG,KAAK,EAAE,YACjD,oCAAC,kBAAe,OAAO,GAAG,KAAK,OAAO,OAAO,UAAU,IAAI,CAC7D,CACD;AAAA,IACD,OACE,oCAAC,OAAI,aAAa,GAAG,KAAK,YAAY,CAAC,MACrC,oCAAC,QAAK,OAAO,SAAS,EAAE,iBAAe,KAAG,CAC5C;AAAA,EAEJ,CACJ;AAEJ;",
+  "names": []
+}

package/dist/components/HeaderBar.js

@@ -0,0 +1,57 @@
+import React from "react";
+import { Box, Text } from "ink";
+import { getTheme } from "../utils/theme.js";
+import { getCwd } from "../utils/state.js";
+import { getModelManager } from "../utils/model.js";
+function HeaderBar({
+  tokenUsage = 0,
+  mcpClients = [],
+  isDefaultModel = true
+}) {
+  const theme = getTheme();
+  const modelManager = getModelManager();
+  const currentModel = modelManager.getModel("main");
+  const cwd = getCwd();
+  const contextPercentage = currentModel ? Math.round(tokenUsage / currentModel.contextLength * 100) : 0;
+  const formatTokens = (tokens) => `${Math.round(tokens / 1e3)}k`;
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      flexDirection: "column",
+      borderColor: theme.brand,
+      borderStyle: "round",
+      paddingX: 1,
+      marginBottom: 1
+    },
+    /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.brand, bold: true }, "minto"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryTextNew }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryTextNew }, cwd)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, currentModel?.modelName || "No model"), currentModel && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, " \xB7 "), /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        color: contextPercentage > 80 ? theme.warning : contextPercentage > 60 ? theme.dimmedText : theme.mutedText
+      },
+      formatTokens(tokenUsage),
+      "/",
+      formatTokens(currentModel.contextLength)
+    )))),
+    mcpClients.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, "MCP: "), mcpClients.map((client, idx) => /* @__PURE__ */ React.createElement(React.Fragment, { key: idx }, /* @__PURE__ */ React.createElement(
+      Text,
+      {
+        color: client.type === "connected" ? theme.success : theme.error
+      },
+      client.name
+    ), idx < mcpClients.length - 1 && /* @__PURE__ */ React.createElement(Text, { color: theme.mutedText }, ", "))))
+  );
+}
+function MinimalHeaderBar({
+  tokenUsage = 0
+}) {
+  const theme = getTheme();
+  const modelManager = getModelManager();
+  const currentModel = modelManager.getModel("main");
+  const cwd = getCwd();
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", justifyContent: "space-between", paddingX: 2 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryTextNew }, /* @__PURE__ */ React.createElement(Text, { color: theme.brand, bold: true }, "minto"), " ", "\xB7 ", cwd), currentModel && /* @__PURE__ */ React.createElement(Text, { color: theme.dimmedText }, currentModel.modelName, " \xB7 ", Math.round(tokenUsage / 1e3), "k/", Math.round(currentModel.contextLength / 1e3), "k"));
+}
+export {
+  HeaderBar,
+  MinimalHeaderBar
+};
+//# sourceMappingURL=HeaderBar.js.map

package/dist/components/HeaderBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/HeaderBar.tsx"],
+  "sourcesContent": ["/**\n * HeaderBar - Claude Code CLI \u98CE\u683C\u7684\u9875\u7709\u7EC4\u4EF6\n *\n * \u8BBE\u8BA1\u539F\u5219\uFF1A\n * 1. **\u56FA\u5B9A\u9876\u90E8** - \u59CB\u7EC8\u53EF\u89C1\uFF0C\u4E0D\u968F\u5185\u5BB9\u6EDA\u52A8\n * 2. **\u4FE1\u606F\u5BC6\u96C6** - \u663E\u793A\u5173\u952E\u4E0A\u4E0B\u6587\uFF08\u5DE5\u4F5C\u76EE\u5F55\u3001\u6A21\u578B\u3001\u4E0A\u4E0B\u6587\u4F7F\u7528\uFF09\n * 3. **\u89C6\u89C9\u7CBE\u7B80** - \u4E0D\u5360\u7528\u8FC7\u591A\u5782\u76F4\u7A7A\u95F4\n * 4. **\u72B6\u6001\u6E05\u6670** - \u4E00\u773C\u4E86\u89E3\u5F53\u524D\u73AF\u5883\n *\n * \u8FD9\u66FF\u4EE3\u4E86\u539F\u6709\u7684 Logo \u7EC4\u4EF6\uFF0C\u66F4\u7B26\u5408 Claude Code CLI \u7684\u8BBE\u8BA1\n */\n\nimport React from 'react'\nimport { Box, Text } from 'ink'\nimport { getTheme } from '@utils/theme'\nimport { getCwd } from '@utils/state'\nimport { getModelManager } from '@utils/model'\nimport type { WrappedClient } from '@services/mcpClient'\n\ninterface Props {\n  /** \u5F53\u524D Token \u4F7F\u7528\u91CF */\n  tokenUsage?: number\n\n  /** MCP \u5BA2\u6237\u7AEF (\u53EF\u9009) */\n  mcpClients?: WrappedClient[]\n\n  /** \u662F\u5426\u662F\u9ED8\u8BA4\u6A21\u578B */\n  isDefaultModel?: boolean\n}\n\n/**\n * HeaderBar - \u8F7B\u91CF\u7EA7\u9875\u7709\u72B6\u6001\u680F\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u250C\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n * \u2502 minto \u00B7 /path/to/project \u00B7 claude-sonnet-4 \u00B7 50k/200k\u2502\n * \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n * ```\n */\nexport function HeaderBar({\n  tokenUsage = 0,\n  mcpClients = [],\n  isDefaultModel = true,\n}: Props): React.ReactNode {\n  const theme = getTheme()\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  // \u8BA1\u7B97\u4E0A\u4E0B\u6587\u4F7F\u7528\u767E\u5206\u6BD4\n  const contextPercentage = currentModel\n    ? Math.round((tokenUsage / currentModel.contextLength) * 100)\n    : 0\n\n  // \u683C\u5F0F\u5316 Token \u6570\u91CF (k \u4E3A\u5355\u4F4D)\n  const formatTokens = (tokens: number) => `${Math.round(tokens / 1000)}k`\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderColor={theme.brand}\n      borderStyle=\"round\"\n      paddingX={1}\n      marginBottom={1}\n    >\n      {/* \u4E3B\u4FE1\u606F\u884C */}\n      <Box flexDirection=\"row\" justifyContent=\"space-between\">\n        {/* \u5DE6\u4FA7\uFF1A\u4EA7\u54C1\u540D\u79F0 + \u5DE5\u4F5C\u76EE\u5F55 */}\n        <Box flexDirection=\"row\">\n          <Text color={theme.brand} bold>\n            minto\n          </Text>\n          <Text color={theme.secondaryTextNew}> \u00B7 </Text>\n          <Text color={theme.secondaryTextNew}>{cwd}</Text>\n        </Box>\n\n        {/* \u53F3\u4FA7\uFF1A\u6A21\u578B\u4FE1\u606F + \u4E0A\u4E0B\u6587\u4F7F\u7528 */}\n        <Box flexDirection=\"row\">\n          <Text color={theme.dimmedText}>\n            {currentModel?.modelName || 'No model'}\n          </Text>\n          {currentModel && (\n            <>\n              <Text color={theme.mutedText}> \u00B7 </Text>\n              <Text\n                color={\n                  contextPercentage > 80\n                    ? theme.warning\n                    : contextPercentage > 60\n                      ? theme.dimmedText\n                      : theme.mutedText\n                }\n              >\n                {formatTokens(tokenUsage)}/\n                {formatTokens(currentModel.contextLength)}\n              </Text>\n            </>\n          )}\n        </Box>\n      </Box>\n\n      {/* MCP \u670D\u52A1\u5668\u72B6\u6001 (\u5982\u679C\u6709) */}\n      {mcpClients.length > 0 && (\n        <Box flexDirection=\"row\" marginTop={0}>\n          <Text color={theme.mutedText}>MCP: </Text>\n          {mcpClients.map((client, idx) => (\n            <React.Fragment key={idx}>\n              <Text\n                color={\n                  client.type === 'connected' ? theme.success : theme.error\n                }\n              >\n                {client.name}\n              </Text>\n              {idx < mcpClients.length - 1 && (\n                <Text color={theme.mutedText}>, </Text>\n              )}\n            </React.Fragment>\n          ))}\n        </Box>\n      )}\n    </Box>\n  )\n}\n\n/**\n * \u6781\u7B80\u7248\u9875\u7709 (\u53EA\u663E\u793A\u57FA\u672C\u4FE1\u606F)\n */\nexport function MinimalHeaderBar({\n  tokenUsage = 0,\n}: {\n  tokenUsage?: number\n}): React.ReactNode {\n  const theme = getTheme()\n  const modelManager = getModelManager()\n  const currentModel = modelManager.getModel('main')\n  const cwd = getCwd()\n\n  return (\n    <Box flexDirection=\"row\" justifyContent=\"space-between\" paddingX={2}>\n      {/* \u5DE5\u4F5C\u76EE\u5F55 */}\n      <Text color={theme.secondaryTextNew}>\n        <Text color={theme.brand} bold>\n          minto\n        </Text>{' '}\n        \u00B7 {cwd}\n      </Text>\n\n      {/* \u6A21\u578B + Token */}\n      {currentModel && (\n        <Text color={theme.dimmedText}>\n          {currentModel.modelName} \u00B7 {Math.round(tokenUsage / 1000)}k/\n          {Math.round(currentModel.contextLength / 1000)}k\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],
+  "mappings": "AAYA,OAAO,WAAW;AAClB,SAAS,KAAK,YAAY;AAC1B,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAwBzB,SAAS,UAAU;AAAA,EACxB,aAAa;AAAA,EACb,aAAa,CAAC;AAAA,EACd,iBAAiB;AACnB,GAA2B;AACzB,QAAM,QAAQ,SAAS;AACvB,QAAM,eAAe,gBAAgB;AACrC,QAAM,eAAe,aAAa,SAAS,MAAM;AACjD,QAAM,MAAM,OAAO;AAGnB,QAAM,oBAAoB,eACtB,KAAK,MAAO,aAAa,aAAa,gBAAiB,GAAG,IAC1D;AAGJ,QAAM,eAAe,CAAC,WAAmB,GAAG,KAAK,MAAM,SAAS,GAAI,CAAC;AAErE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAc;AAAA,MACd,aAAa,MAAM;AAAA,MACnB,aAAY;AAAA,MACZ,UAAU;AAAA,MACV,cAAc;AAAA;AAAA,IAGd,oCAAC,OAAI,eAAc,OAAM,gBAAe,mBAEtC,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,OAAO,MAAI,QAAC,OAE/B,GACA,oCAAC,QAAK,OAAO,MAAM,oBAAkB,QAAG,GACxC,oCAAC,QAAK,OAAO,MAAM,oBAAmB,GAAI,CAC5C,GAGA,oCAAC,OAAI,eAAc,SACjB,oCAAC,QAAK,OAAO,MAAM,cAChB,cAAc,aAAa,UAC9B,GACC,gBACC,0DACE,oCAAC,QAAK,OAAO,MAAM,aAAW,QAAG,GACjC;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAoB,KAChB,MAAM,UACN,oBAAoB,KAClB,MAAM,aACN,MAAM;AAAA;AAAA,MAGb,aAAa,UAAU;AAAA,MAAE;AAAA,MACzB,aAAa,aAAa,aAAa;AAAA,IAC1C,CACF,CAEJ,CACF;AAAA,IAGC,WAAW,SAAS,KACnB,oCAAC,OAAI,eAAc,OAAM,WAAW,KAClC,oCAAC,QAAK,OAAO,MAAM,aAAW,OAAK,GAClC,WAAW,IAAI,CAAC,QAAQ,QACvB,oCAAC,MAAM,UAAN,EAAe,KAAK,OACnB;AAAA,MAAC;AAAA;AAAA,QACC,OACE,OAAO,SAAS,cAAc,MAAM,UAAU,MAAM;AAAA;AAAA,MAGrD,OAAO;AAAA,IACV,GACC,MAAM,WAAW,SAAS,KACzB,oCAAC,QAAK,OAAO,MAAM,aAAW,IAAE,CAEpC,CACD,CACH;AAAA,EAEJ;AAEJ;AAKO,SAAS,iBAAiB;AAAA,EAC/B,aAAa;AACf,GAEoB;AAClB,QAAM,QAAQ,SAAS;AACvB,QAAM,eAAe,gBAAgB;AACrC,QAAM,eAAe,aAAa,SAAS,MAAM;AACjD,QAAM,MAAM,OAAO;AAEnB,SACE,oCAAC,OAAI,eAAc,OAAM,gBAAe,iBAAgB,UAAU,KAEhE,oCAAC,QAAK,OAAO,MAAM,oBACjB,oCAAC,QAAK,OAAO,MAAM,OAAO,MAAI,QAAC,OAE/B,GAAQ,KAAI,SACT,GACL,GAGC,gBACC,oCAAC,QAAK,OAAO,MAAM,cAChB,aAAa,WAAU,UAAI,KAAK,MAAM,aAAa,GAAI,GAAE,MACzD,KAAK,MAAM,aAAa,gBAAgB,GAAI,GAAE,GACjD,CAEJ;AAEJ;",
+  "names": []
+}

package/dist/components/Help.js

@@ -0,0 +1,46 @@
+import { PRODUCT_COMMAND, PRODUCT_NAME } from "../constants/product.js";
+import {
+  hasCustomCommands
+} from "../services/customCommands.js";
+import * as React from "react";
+import { Box, Text, useInput } from "ink";
+import { getTheme } from "../utils/theme.js";
+import { PressEnterToContinue } from "./PressEnterToContinue.js";
+import { MACRO } from "../constants/macros.js";
+function Help({
+  commands,
+  onClose
+}) {
+  const theme = getTheme();
+  const moreHelp = `Learn more at: ${MACRO.README_URL}`;
+  const filteredCommands = commands.filter((cmd) => !cmd.isHidden);
+  const builtInCommands = filteredCommands.filter(
+    (cmd) => !cmd.name.startsWith("project:") && !cmd.name.startsWith("user:") && !cmd.name.startsWith("plugin:") && !cmd.name.startsWith("mcp:")
+  ).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
+  const customCommands = filteredCommands.filter(
+    (cmd) => cmd.name.startsWith("project:") || cmd.name.startsWith("user:")
+  ).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
+  const pluginCommands = filteredCommands.filter(
+    (cmd) => cmd.name.startsWith("plugin:")
+  ).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
+  const mcpCommands = filteredCommands.filter(
+    (cmd) => cmd.name.startsWith("mcp:")
+  ).sort((a, b) => a.userFacingName().localeCompare(b.userFacingName()));
+  const [count, setCount] = React.useState(0);
+  React.useEffect(() => {
+    const timer = setTimeout(() => {
+      if (count < 3) {
+        setCount(count + 1);
+      }
+    }, 250);
+    return () => clearTimeout(timer);
+  }, [count]);
+  useInput((_, key) => {
+    if (key.return) onClose();
+  });
+  return /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", padding: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, `${PRODUCT_NAME} v${MACRO.VERSION}`), /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, null, PRODUCT_NAME, " is a beta research preview. Always review", " ", PRODUCT_NAME, "'s responses, especially when running code.", " ", PRODUCT_NAME, " has read access to files in the current directory and can run commands and edit files with your permission.")), count >= 1 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "column", marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Usage Modes:"), /* @__PURE__ */ React.createElement(Text, null, "\u2022 REPL: ", /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_COMMAND), " (interactive session)"), /* @__PURE__ */ React.createElement(Text, null, "\u2022 Non-interactive:", " ", /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_COMMAND, ' -p "question"')), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, null, "Run ", /* @__PURE__ */ React.createElement(Text, { bold: true }, PRODUCT_COMMAND, " -h"), " for all command line options"))), count >= 2 && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Common Tasks:"), /* @__PURE__ */ React.createElement(Text, null, "\u2022 Ask questions about your codebase", " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> How does foo.py work?")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 Edit files", " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> Update bar.ts to...")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 Fix errors", " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> cargo build")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 Run commands", " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> /help")), /* @__PURE__ */ React.createElement(Text, null, "\u2022 Run bash commands", " ", /* @__PURE__ */ React.createElement(Text, { color: getTheme().secondaryText }, "> !ls"))), count >= 3 && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Built-in Commands:"), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, builtInCommands.map((cmd, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, `/${cmd.name}`), /* @__PURE__ */ React.createElement(Text, null, " - ", cmd.description)))), customCommands.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Custom Commands:")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, customCommands.map((cmd, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, `/${cmd.name}`), /* @__PURE__ */ React.createElement(Text, null, " - ", cmd.description), cmd.aliases && cmd.aliases.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", "(aliases: ", cmd.aliases.join(", "), ")"), cmd.scope && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " [", cmd.scope, "]"))))), pluginCommands.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "Plugin Commands:")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, pluginCommands.map((cmd, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, `/${cmd.name}`), /* @__PURE__ */ React.createElement(Text, null, " - ", cmd.description), cmd.aliases && cmd.aliases.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", "(aliases: ", cmd.aliases.join(", "), ")"))))), mcpCommands.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true }, "MCP Commands:")), /* @__PURE__ */ React.createElement(Box, { flexDirection: "column" }, mcpCommands.map((cmd, i) => /* @__PURE__ */ React.createElement(Box, { key: i, marginLeft: 1 }, /* @__PURE__ */ React.createElement(Text, { bold: true, color: theme.minto }, `/${cmd.name}`), /* @__PURE__ */ React.createElement(Text, null, " - ", cmd.description), cmd.aliases && cmd.aliases.length > 0 && /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, " ", "(aliases: ", cmd.aliases.join(", "), ")"))))), (hasCustomCommands() || customCommands.length > 0 || pluginCommands.length > 0 || mcpCommands.length > 0) && /* @__PURE__ */ React.createElement(Box, { marginTop: 1, flexDirection: "column" }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Commands are loaded in priority order:"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "1. Built-in commands (highest priority, alphabetically sorted)"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "2. Custom commands (user/project, alphabetically sorted)"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "3. Plugin commands (alphabetically sorted)"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "4. MCP commands (alphabetically sorted)"), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Use /refresh-commands to reload after changes")))), /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, moreHelp)), /* @__PURE__ */ React.createElement(Box, { marginTop: 2 }, /* @__PURE__ */ React.createElement(PressEnterToContinue, null)));
+}
+export {
+  Help
+};
+//# sourceMappingURL=Help.js.map