@within-7/minto 0.4.2 → 0.4.3

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

@@ -1,37 +0,0 @@
-import figures from "figures";
-import { Box, Text } from "ink";
-import React from "react";
-import { getTheme } from "../../utils/theme.js";
-function SelectOption({
-  isFocused,
-  isSelected,
-  smallPointer,
-  children,
-  ...props
-}) {
-  const appTheme = getTheme();
-  const styles = {
-    option: ({ isFocused: isFocused2 }) => ({
-      paddingLeft: 2,
-      paddingRight: 1
-    }),
-    focusIndicator: () => ({
-      color: appTheme.minto
-    }),
-    label: ({
-      isFocused: isFocused2,
-      isSelected: isSelected2
-    }) => ({
-      color: isSelected2 ? appTheme.success : isFocused2 ? appTheme.minto : appTheme.text,
-      bold: isSelected2
-    }),
-    selectedIndicator: () => ({
-      color: appTheme.success
-    })
-  };
-  return /* @__PURE__ */ React.createElement(Box, { ...styles.option({ isFocused }) }, isFocused && /* @__PURE__ */ React.createElement(Text, { ...styles.focusIndicator() }, smallPointer ? figures.triangleDownSmall : figures.pointer), /* @__PURE__ */ React.createElement(Text, { ...styles.label({ isFocused, isSelected }) }, children), isSelected && /* @__PURE__ */ React.createElement(Text, { ...styles.selectedIndicator() }, figures.tick));
-}
-export {
-  SelectOption
-};
-//# sourceMappingURL=select-option.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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: ({\n      isFocused,\n      isSelected,\n    }: {\n      isFocused: boolean\n      isSelected: boolean\n    }) => ({\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;AAAA,MACN,WAAAA;AAAA,MACA,YAAAC;AAAA,IACF,OAGO;AAAA,MACL,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

@@ -1,64 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

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

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

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

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

@@ -1,220 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,21 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,11 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,32 +0,0 @@
-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), verbose && 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

@@ -1,7 +0,0 @@
-{
-  "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      {/* Only show full diff in verbose mode - otherwise just the summary line above is enough */}\n      {verbose &&\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,GAEC,WACC,QAAQ,SAAS,KACjB;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

@@ -1,63 +0,0 @@
-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";
-import { BRAND_GRADIENT, SEMANTIC_COLORS } from "../constants/colors.js";
-import { t } from "../i18n/index.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?.contextLength && currentModel.contextLength > 0 ? Math.round(tokenUsage / currentModel.contextLength * 100) : 0;
-  const formatTokens = (tokens) => `${Math.round(tokens / 1e3)}k`;
-  const getDisplayModelName = (modelName) => {
-    if (!modelName) return t("ui.model.fallbackName");
-    const simplified = modelName.replace(/^(claude-|gpt-|glm-)/, "").replace(/-\d+.*$/, "").replace(/-latest$/, "");
-    return simplified.charAt(0).toUpperCase() + simplified.slice(1);
-  };
-  return /* @__PURE__ */ React.createElement(
-    Box,
-    {
-      flexDirection: "column",
-      borderColor: BRAND_GRADIENT.START,
-      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: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START, bold: true }, "Min"), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.END, bold: true }, "to"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, cwd)), /* @__PURE__ */ React.createElement(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, getDisplayModelName(currentModel?.modelName)), currentModel && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, " \xB7 "), /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        color: contextPercentage > 80 ? SEMANTIC_COLORS.error : contextPercentage > 60 ? SEMANTIC_COLORS.running : SEMANTIC_COLORS.muted
-      },
-      formatTokens(tokenUsage),
-      "/",
-      formatTokens(currentModel.contextLength)
-    )))),
-    mcpClients.length > 0 && /* @__PURE__ */ React.createElement(Box, { flexDirection: "row", marginTop: 0 }, /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, "MCP: "), mcpClients.map((client, idx) => /* @__PURE__ */ React.createElement(React.Fragment, { key: idx }, /* @__PURE__ */ React.createElement(
-      Text,
-      {
-        color: client.type === "connected" ? SEMANTIC_COLORS.success : SEMANTIC_COLORS.error
-      },
-      client.name
-    ), idx < mcpClients.length - 1 && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.muted }, ", "))))
-  );
-}
-function MinimalHeaderBar({
-  tokenUsage = 0
-}) {
-  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(Box, { flexDirection: "row" }, /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START }, "\u25C6"), /* @__PURE__ */ React.createElement(Text, null, " "), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.START, bold: true }, "Min"), /* @__PURE__ */ React.createElement(Text, { color: BRAND_GRADIENT.END, bold: true }, "to"), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, " \xB7 "), /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.secondary }, cwd)), currentModel && /* @__PURE__ */ React.createElement(Text, { color: SEMANTIC_COLORS.dim }, Math.round(tokenUsage / 1e3), "k/", Math.round(currentModel.contextLength / 1e3), "k"));
-}
-export {
-  HeaderBar,
-  MinimalHeaderBar
-};
-//# sourceMappingURL=HeaderBar.js.map

package/dist/components/HeaderBar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/HeaderBar.tsx"],
-  "sourcesContent": ["/**\n * HeaderBar - Minto \u54C1\u724C\u9875\u7709\u7EC4\u4EF6\n *\n * \u8BBE\u8BA1\u539F\u5219\uFF1A\n * 1. **\u54C1\u724C\u8BC6\u522B** - \u7D2B\u84DD\u2192\u73CA\u745A\u6E10\u53D8\uFF0C\u4F20\u9012\u4E13\u4E1A\u4E0E\u70ED\u60C5\n * 2. **\u4FE1\u606F\u6E05\u6670** - \u663E\u793A\u5173\u952E\u4FE1\u606F\uFF08\u9879\u76EE\u4F4D\u7F6E\u3001AI \u6A21\u578B\u3001\u4F7F\u7528\u91CF\uFF09\n * 3. **\u5546\u52A1\u53CB\u597D** - \u6E29\u6696\u3001\u4E13\u4E1A\u3001\u6613\u4E8E\u7406\u89E3\n * 4. **\u89C6\u89C9\u7CBE\u7B80** - \u4E0D\u5360\u7528\u8FC7\u591A\u5782\u76F4\u7A7A\u95F4\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 { BRAND_GRADIENT, SEMANTIC_COLORS } from '@constants/colors'\nimport type { WrappedClient } from '@services/mcpClient'\nimport { t } from '@i18n'\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 - \u54C1\u724C\u9875\u7709\u72B6\u6001\u680F\n *\n * \u5E03\u5C40\uFF1A\n * ```\n * \u256D\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\u256E\n * \u2502 \u25C6 Minto \u00B7 /path/to/project        AI Model \u00B7 50k/200k\u2502\n * \u2570\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\u256F\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 =\n    currentModel?.contextLength && currentModel.contextLength > 0\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  // Get simplified model display name (more friendly for non-technical users)\n  const getDisplayModelName = (modelName: string | undefined) => {\n    if (!modelName) return t('ui.model.fallbackName')\n    // Extract model short name, remove version numbers and technical details\n    const simplified = modelName\n      .replace(/^(claude-|gpt-|glm-)/, '')\n      .replace(/-\\d+.*$/, '')\n      .replace(/-latest$/, '')\n    return simplified.charAt(0).toUpperCase() + simplified.slice(1)\n  }\n\n  return (\n    <Box\n      flexDirection=\"column\"\n      borderColor={BRAND_GRADIENT.START}\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\u54C1\u724C\u6807\u8BC6 + \u9879\u76EE\u4F4D\u7F6E */}\n        <Box flexDirection=\"row\">\n          <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n          <Text> </Text>\n          <Text color={BRAND_GRADIENT.START} bold>\n            Min\n          </Text>\n          <Text color={BRAND_GRADIENT.END} bold>\n            to\n          </Text>\n          <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>\n          <Text color={SEMANTIC_COLORS.secondary}>{cwd}</Text>\n        </Box>\n\n        {/* \u53F3\u4FA7\uFF1AAI \u6A21\u578B + \u4F7F\u7528\u91CF */}\n        <Box flexDirection=\"row\">\n          <Text color={SEMANTIC_COLORS.dim}>\n            {getDisplayModelName(currentModel?.modelName)}\n          </Text>\n          {currentModel && (\n            <>\n              <Text color={SEMANTIC_COLORS.muted}> \u00B7 </Text>\n              <Text\n                color={\n                  contextPercentage > 80\n                    ? SEMANTIC_COLORS.error\n                    : contextPercentage > 60\n                      ? SEMANTIC_COLORS.running\n                      : SEMANTIC_COLORS.muted\n                }\n              >\n                {formatTokens(tokenUsage)}/\n                {formatTokens(currentModel.contextLength)}\n              </Text>\n            </>\n          )}\n        </Box>\n      </Box>\n\n      {/* \u6269\u5C55\u670D\u52A1\u72B6\u6001 (\u5982\u679C\u6709) */}\n      {mcpClients.length > 0 && (\n        <Box flexDirection=\"row\" marginTop={0}>\n          <Text color={SEMANTIC_COLORS.muted}>MCP: </Text>\n          {mcpClients.map((client, idx) => (\n            <React.Fragment key={idx}>\n              <Text\n                color={\n                  client.type === 'connected'\n                    ? SEMANTIC_COLORS.success\n                    : SEMANTIC_COLORS.error\n                }\n              >\n                {client.name}\n              </Text>\n              {idx < mcpClients.length - 1 && (\n                <Text color={SEMANTIC_COLORS.muted}>, </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 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      {/* \u54C1\u724C + \u9879\u76EE\u4F4D\u7F6E */}\n      <Box flexDirection=\"row\">\n        <Text color={BRAND_GRADIENT.START}>\u25C6</Text>\n        <Text> </Text>\n        <Text color={BRAND_GRADIENT.START} bold>\n          Min\n        </Text>\n        <Text color={BRAND_GRADIENT.END} bold>\n          to\n        </Text>\n        <Text color={SEMANTIC_COLORS.dim}> \u00B7 </Text>\n        <Text color={SEMANTIC_COLORS.secondary}>{cwd}</Text>\n      </Box>\n\n      {/* AI \u6A21\u578B + \u4F7F\u7528\u91CF */}\n      {currentModel && (\n        <Text color={SEMANTIC_COLORS.dim}>\n          {Math.round(tokenUsage / 1000)}k/\n          {Math.round(currentModel.contextLength / 1000)}k\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],
-  "mappings": "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",
-  "names": []
-}