@shareai-lab/kode 1.1.12 → 1.1.13

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, options, onChange]);
+  useEffect(() => {
+    if (state.focusedValue) {
+      onFocus?.(state.focusedValue);
+    }
+  }, [state.focusedValue, onFocus]);
+  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  }, [state.previousValue, state.value, options, onChange])\n\n  useEffect(() => {\n    if (state.focusedValue) {\n      onFocus?.(state.focusedValue)\n    }\n  }, [state.focusedValue, onFocus])\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,31 @@
+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 numAdditions = structuredPatch.reduce(
+    (count, hunk) => count + hunk.lines.filter((_) => _.startsWith("+")).length,
+    0
+  );
+  const numRemovals = structuredPatch.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), intersperse(
+    structuredPatch.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 numAdditions = structuredPatch.reduce(\n    (count, hunk) => count + hunk.lines.filter(_ => _.startsWith('+')).length,\n    0,\n  )\n  const numRemovals = structuredPatch.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      {intersperse(\n        structuredPatch.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,eAAe,gBAAgB;AAAA,IACnC,CAAC,OAAO,SAAS,QAAQ,KAAK,MAAM,OAAO,OAAK,EAAE,WAAW,GAAG,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AACA,QAAM,cAAc,gBAAgB;AAAA,IAClC,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;AAAA,IACC,gBAAgB,IAAI,OAClB,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,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/Help.js

@@ -0,0 +1,41 @@
+import { PRODUCT_COMMAND, PRODUCT_NAME } from "../constants/product.js";
+import {
+  getCustomCommandDirectories,
+  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:")
+  );
+  const customCommands = filteredCommands.filter(
+    (cmd) => cmd.name.startsWith("project:") || cmd.name.startsWith("user:")
+  );
+  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.kode }, `${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.kode }, `/${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, "]"))))), hasCustomCommands() || customCommands.length > 0 ? /* @__PURE__ */ React.createElement(Box, { marginTop: 1 }, /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Custom commands loaded from:"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 ", getCustomCommandDirectories().userClaude, " (user: prefix)"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 ", getCustomCommandDirectories().projectClaude, " (project: prefix)"), /* @__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 }, "Create custom commands by adding .md files to:"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 ", getCustomCommandDirectories().userClaude, " (user: prefix)"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "\u2022 ", getCustomCommandDirectories().projectClaude, " (project: prefix)"), /* @__PURE__ */ React.createElement(Text, { color: theme.secondaryText }, "Use /refresh-commands to reload after creation"))), /* @__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

package/dist/components/Help.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/Help.tsx"],
+  "sourcesContent": ["import { Command } from '../commands'\nimport { PRODUCT_COMMAND, PRODUCT_NAME } from '../constants/product'\nimport {\n  getCustomCommandDirectories,\n  hasCustomCommands,\n  type CustomCommandWithScope,\n} from '../services/customCommands'\nimport * as React from 'react'\nimport { Box, Text, useInput } from 'ink'\nimport { getTheme } from '../utils/theme'\nimport { PressEnterToContinue } from './PressEnterToContinue'\nimport { MACRO } from '../constants/macros'\n\n/**\n * Help Component - Interactive help system with progressive disclosure\n *\n * This component provides a comprehensive help interface that progressively\n * reveals information to avoid overwhelming users. It categorizes commands\n * into built-in and custom types, providing clear guidance on usage.\n *\n * The progressive disclosure pattern (count-based) ensures users can absorb\n * information at their own pace while maintaining a responsive interface.\n */\nexport function Help({\n  commands,\n  onClose,\n}: {\n  commands: Command[]\n  onClose: () => void\n}): React.ReactNode {\n  const theme = getTheme()\n  const moreHelp = `Learn more at: ${MACRO.README_URL}`\n\n  // Filter out hidden commands from the help display\n  const filteredCommands = commands.filter(cmd => !cmd.isHidden)\n\n  // Separate built-in commands from custom commands\n  // Built-in commands are those that don't follow the custom command patterns\n  const builtInCommands = filteredCommands.filter(\n    cmd => !cmd.name.startsWith('project:') && !cmd.name.startsWith('user:'),\n  )\n\n  // Custom commands are those with project: or user: prefixes\n  const customCommands = filteredCommands.filter(\n    cmd => cmd.name.startsWith('project:') || cmd.name.startsWith('user:'),\n  ) as CustomCommandWithScope[]\n\n  // Progressive disclosure state for managing information flow\n  const [count, setCount] = React.useState(0)\n\n  // Timer-based progressive disclosure to prevent information overload\n  React.useEffect(() => {\n    const timer = setTimeout(() => {\n      if (count < 3) {\n        setCount(count + 1)\n      }\n    }, 250)\n\n    return () => clearTimeout(timer)\n  }, [count])\n\n  // Handle Enter key to close help\n  useInput((_, key) => {\n    if (key.return) onClose()\n  })\n\n  return (\n    <Box flexDirection=\"column\" padding={1}>\n      <Text bold color={theme.kode}>\n        {`${PRODUCT_NAME} v${MACRO.VERSION}`}\n      </Text>\n\n      <Box marginTop={1} flexDirection=\"column\">\n        <Text>\n          {PRODUCT_NAME} is a beta research preview. Always review{' '}\n          {PRODUCT_NAME}&apos;s responses, especially when running code.{' '}\n          {PRODUCT_NAME} has read access to files in the current directory and\n          can run commands and edit files with your permission.\n        </Text>\n      </Box>\n\n      {count >= 1 && (\n        <Box flexDirection=\"column\" marginTop={1}>\n          <Text bold>Usage Modes:</Text>\n          <Text>\n            \u2022 REPL: <Text bold>{PRODUCT_COMMAND}</Text> (interactive session)\n          </Text>\n          <Text>\n            \u2022 Non-interactive:{' '}\n            <Text bold>{PRODUCT_COMMAND} -p &quot;question&quot;</Text>\n          </Text>\n          <Box marginTop={1}>\n            <Text>\n              Run <Text bold>{PRODUCT_COMMAND} -h</Text> for all command line\n              options\n            </Text>\n          </Box>\n        </Box>\n      )}\n\n      {count >= 2 && (\n        <Box marginTop={1} flexDirection=\"column\">\n          <Text bold>Common Tasks:</Text>\n          <Text>\n            \u2022 Ask questions about your codebase{' '}\n            <Text color={getTheme().secondaryText}>\n              &gt; How does foo.py work?\n            </Text>\n          </Text>\n          <Text>\n            \u2022 Edit files{' '}\n            <Text color={getTheme().secondaryText}>\n              &gt; Update bar.ts to...\n            </Text>\n          </Text>\n          <Text>\n            \u2022 Fix errors{' '}\n            <Text color={getTheme().secondaryText}>&gt; cargo build</Text>\n          </Text>\n          <Text>\n            \u2022 Run commands{' '}\n            <Text color={getTheme().secondaryText}>&gt; /help</Text>\n          </Text>\n          <Text>\n            \u2022 Run bash commands{' '}\n            <Text color={getTheme().secondaryText}>&gt; !ls</Text>\n          </Text>\n        </Box>\n      )}\n\n      {count >= 3 && (\n        <Box marginTop={1} flexDirection=\"column\">\n          <Text bold>Built-in Commands:</Text>\n\n          <Box flexDirection=\"column\">\n            {builtInCommands.map((cmd, i) => (\n              <Box key={i} marginLeft={1}>\n                <Text bold>{`/${cmd.name}`}</Text>\n                <Text> - {cmd.description}</Text>\n              </Box>\n            ))}\n          </Box>\n\n          {customCommands.length > 0 && (\n            <>\n              <Box marginTop={1}>\n                <Text bold>Custom Commands:</Text>\n              </Box>\n\n              <Box flexDirection=\"column\">\n                {customCommands.map((cmd, i) => (\n                  <Box key={i} marginLeft={1}>\n                    <Text bold color={theme.kode}>{`/${cmd.name}`}</Text>\n                    <Text> - {cmd.description}</Text>\n                    {cmd.aliases && cmd.aliases.length > 0 && (\n                      <Text color={theme.secondaryText}>\n                        {' '}\n                        (aliases: {cmd.aliases.join(', ')})\n                      </Text>\n                    )}\n                    {/* Show scope indicator for debugging */}\n                    {cmd.scope && (\n                      <Text color={theme.secondaryText}> [{cmd.scope}]</Text>\n                    )}\n                  </Box>\n                ))}\n              </Box>\n            </>\n          )}\n\n          {/* Show custom command directory information */}\n          {hasCustomCommands() || customCommands.length > 0 ? (\n            <Box marginTop={1}>\n              <Text color={theme.secondaryText}>\n                Custom commands loaded from:\n              </Text>\n              <Text color={theme.secondaryText}>\n                \u2022 {getCustomCommandDirectories().userClaude} (user: prefix)\n              </Text>\n              <Text color={theme.secondaryText}>\n                \u2022 {getCustomCommandDirectories().projectClaude} (project: prefix)\n              </Text>\n              <Text color={theme.secondaryText}>\n                Use /refresh-commands to reload after changes\n              </Text>\n            </Box>\n          ) : (\n            <Box marginTop={1}>\n              <Text color={theme.secondaryText}>\n                Create custom commands by adding .md files to:\n              </Text>\n              <Text color={theme.secondaryText}>\n                \u2022 {getCustomCommandDirectories().userClaude} (user: prefix)\n              </Text>\n              <Text color={theme.secondaryText}>\n                \u2022 {getCustomCommandDirectories().projectClaude} (project: prefix)\n              </Text>\n              <Text color={theme.secondaryText}>\n                Use /refresh-commands to reload after creation\n              </Text>\n            </Box>\n          )}\n        </Box>\n      )}\n\n      <Box marginTop={1}>\n        <Text color={theme.secondaryText}>{moreHelp}</Text>\n      </Box>\n\n      <Box marginTop={2}>\n        <PressEnterToContinue />\n      </Box>\n    </Box>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/HighlightedCode.js

@@ -0,0 +1,30 @@
+import { highlight, supportsLanguage } from "cli-highlight";
+import { Text } from "ink";
+import React, { useMemo } from "react";
+import { logError } from "../utils/log.js";
+function HighlightedCode({ code, language }) {
+  const highlightedCode = useMemo(() => {
+    try {
+      if (supportsLanguage(language)) {
+        return highlight(code, { language });
+      } else {
+        logError(
+          `Language not supported while highlighting code, falling back to markdown: ${language}`
+        );
+        return highlight(code, { language: "markdown" });
+      }
+    } catch (e) {
+      if (e instanceof Error && e.message.includes("Unknown language")) {
+        logError(
+          `Language not supported while highlighting code, falling back to markdown: ${e}`
+        );
+        return highlight(code, { language: "markdown" });
+      }
+    }
+  }, [code, language]);
+  return /* @__PURE__ */ React.createElement(Text, null, highlightedCode);
+}
+export {
+  HighlightedCode
+};
+//# sourceMappingURL=HighlightedCode.js.map

package/dist/components/HighlightedCode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/HighlightedCode.tsx"],
+  "sourcesContent": ["import { highlight, supportsLanguage } from 'cli-highlight'\nimport { Text } from 'ink'\nimport React, { useMemo } from 'react'\nimport { logError } from '../utils/log'\n\ntype Props = {\n  code: string\n  language: string\n}\n\nexport function HighlightedCode({ code, language }: Props): React.ReactElement {\n  const highlightedCode = useMemo(() => {\n    try {\n      if (supportsLanguage(language)) {\n        return highlight(code, { language })\n      } else {\n        logError(\n          `Language not supported while highlighting code, falling back to markdown: ${language}`,\n        )\n        return highlight(code, { language: 'markdown' })\n      }\n    } catch (e) {\n      if (e instanceof Error && e.message.includes('Unknown language')) {\n        logError(\n          `Language not supported while highlighting code, falling back to markdown: ${e}`,\n        )\n        return highlight(code, { language: 'markdown' })\n      }\n    }\n  }, [code, language])\n\n  return <Text>{highlightedCode}</Text>\n}\n"],
+  "mappings": "AAAA,SAAS,WAAW,wBAAwB;AAC5C,SAAS,YAAY;AACrB,OAAO,SAAS,eAAe;AAC/B,SAAS,gBAAgB;AAOlB,SAAS,gBAAgB,EAAE,MAAM,SAAS,GAA8B;AAC7E,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI;AACF,UAAI,iBAAiB,QAAQ,GAAG;AAC9B,eAAO,UAAU,MAAM,EAAE,SAAS,CAAC;AAAA,MACrC,OAAO;AACL;AAAA,UACE,6EAA6E,QAAQ;AAAA,QACvF;AACA,eAAO,UAAU,MAAM,EAAE,UAAU,WAAW,CAAC;AAAA,MACjD;AAAA,IACF,SAAS,GAAG;AACV,UAAI,aAAa,SAAS,EAAE,QAAQ,SAAS,kBAAkB,GAAG;AAChE;AAAA,UACE,6EAA6E,CAAC;AAAA,QAChF;AACA,eAAO,UAAU,MAAM,EAAE,UAAU,WAAW,CAAC;AAAA,MACjD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AAEnB,SAAO,oCAAC,YAAM,eAAgB;AAChC;",
+  "names": []
+}