copit 1.1.0 → 1.2.0

package/dist/index.js

@@ -34567,7 +34567,7 @@ var require_stack_utils = __commonJS((exports, module) => {
 });
 
 // src/index.tsx
-var import_react29 = __toESM(require_react(), 1);
+var import_react28 = __toESM(require_react(), 1);
 
 // node_modules/ink/build/render.js
 import { Stream } from "node:stream";
@@ -40744,414 +40744,73 @@ function useSetAtom(atom2, options) {
 }
 
 // src/App.tsx
-var import_react28 = __toESM(require_react(), 1);
+var import_react27 = __toESM(require_react(), 1);
 
 // src/features/store/atoms.ts
 var viewAtom = atom("templates");
 
 // src/features/template/TemplateList.tsx
-var import_react25 = __toESM(require_react(), 1);
-
-// node_modules/ink-select-input/build/Indicator.js
-var import_react23 = __toESM(require_react(), 1);
-
-// node_modules/is-unicode-supported/index.js
-import process13 from "node:process";
-function isUnicodeSupported() {
-  const { env: env3 } = process13;
-  const { TERM, TERM_PROGRAM } = env3;
-  if (process13.platform !== "win32") {
-    return TERM !== "linux";
-  }
-  return Boolean(env3.WT_SESSION) || Boolean(env3.TERMINUS_SUBLIME) || env3.ConEmuTask === "{cmd::Cmder}" || TERM_PROGRAM === "Terminus-Sublime" || TERM_PROGRAM === "vscode" || TERM === "xterm-256color" || TERM === "alacritty" || TERM === "rxvt-unicode" || TERM === "rxvt-unicode-256color" || env3.TERMINAL_EMULATOR === "JetBrains-JediTerm";
-}
-
-// node_modules/figures/index.js
-var common = {
-  circleQuestionMark: "(?)",
-  questionMarkPrefix: "(?)",
-  square: "█",
-  squareDarkShade: "▓",
-  squareMediumShade: "▒",
-  squareLightShade: "░",
-  squareTop: "▀",
-  squareBottom: "▄",
-  squareLeft: "▌",
-  squareRight: "▐",
-  squareCenter: "■",
-  bullet: "●",
-  dot: "․",
-  ellipsis: "…",
-  pointerSmall: "›",
-  triangleUp: "▲",
-  triangleUpSmall: "▴",
-  triangleDown: "▼",
-  triangleDownSmall: "▾",
-  triangleLeftSmall: "◂",
-  triangleRightSmall: "▸",
-  home: "⌂",
-  heart: "♥",
-  musicNote: "♪",
-  musicNoteBeamed: "♫",
-  arrowUp: "↑",
-  arrowDown: "↓",
-  arrowLeft: "←",
-  arrowRight: "→",
-  arrowLeftRight: "↔",
-  arrowUpDown: "↕",
-  almostEqual: "≈",
-  notEqual: "≠",
-  lessOrEqual: "≤",
-  greaterOrEqual: "≥",
-  identical: "≡",
-  infinity: "∞",
-  subscriptZero: "₀",
-  subscriptOne: "₁",
-  subscriptTwo: "₂",
-  subscriptThree: "₃",
-  subscriptFour: "₄",
-  subscriptFive: "₅",
-  subscriptSix: "₆",
-  subscriptSeven: "₇",
-  subscriptEight: "₈",
-  subscriptNine: "₉",
-  oneHalf: "½",
-  oneThird: "⅓",
-  oneQuarter: "¼",
-  oneFifth: "⅕",
-  oneSixth: "⅙",
-  oneEighth: "⅛",
-  twoThirds: "⅔",
-  twoFifths: "⅖",
-  threeQuarters: "¾",
-  threeFifths: "⅗",
-  threeEighths: "⅜",
-  fourFifths: "⅘",
-  fiveSixths: "⅚",
-  fiveEighths: "⅝",
-  sevenEighths: "⅞",
-  line: "─",
-  lineBold: "━",
-  lineDouble: "═",
-  lineDashed0: "┄",
-  lineDashed1: "┅",
-  lineDashed2: "┈",
-  lineDashed3: "┉",
-  lineDashed4: "╌",
-  lineDashed5: "╍",
-  lineDashed6: "╴",
-  lineDashed7: "╶",
-  lineDashed8: "╸",
-  lineDashed9: "╺",
-  lineDashed10: "╼",
-  lineDashed11: "╾",
-  lineDashed12: "−",
-  lineDashed13: "–",
-  lineDashed14: "‐",
-  lineDashed15: "⁃",
-  lineVertical: "│",
-  lineVerticalBold: "┃",
-  lineVerticalDouble: "║",
-  lineVerticalDashed0: "┆",
-  lineVerticalDashed1: "┇",
-  lineVerticalDashed2: "┊",
-  lineVerticalDashed3: "┋",
-  lineVerticalDashed4: "╎",
-  lineVerticalDashed5: "╏",
-  lineVerticalDashed6: "╵",
-  lineVerticalDashed7: "╷",
-  lineVerticalDashed8: "╹",
-  lineVerticalDashed9: "╻",
-  lineVerticalDashed10: "╽",
-  lineVerticalDashed11: "╿",
-  lineDownLeft: "┐",
-  lineDownLeftArc: "╮",
-  lineDownBoldLeftBold: "┓",
-  lineDownBoldLeft: "┒",
-  lineDownLeftBold: "┑",
-  lineDownDoubleLeftDouble: "╗",
-  lineDownDoubleLeft: "╖",
-  lineDownLeftDouble: "╕",
-  lineDownRight: "┌",
-  lineDownRightArc: "╭",
-  lineDownBoldRightBold: "┏",
-  lineDownBoldRight: "┎",
-  lineDownRightBold: "┍",
-  lineDownDoubleRightDouble: "╔",
-  lineDownDoubleRight: "╓",
-  lineDownRightDouble: "╒",
-  lineUpLeft: "┘",
-  lineUpLeftArc: "╯",
-  lineUpBoldLeftBold: "┛",
-  lineUpBoldLeft: "┚",
-  lineUpLeftBold: "┙",
-  lineUpDoubleLeftDouble: "╝",
-  lineUpDoubleLeft: "╜",
-  lineUpLeftDouble: "╛",
-  lineUpRight: "└",
-  lineUpRightArc: "╰",
-  lineUpBoldRightBold: "┗",
-  lineUpBoldRight: "┖",
-  lineUpRightBold: "┕",
-  lineUpDoubleRightDouble: "╚",
-  lineUpDoubleRight: "╙",
-  lineUpRightDouble: "╘",
-  lineUpDownLeft: "┤",
-  lineUpBoldDownBoldLeftBold: "┫",
-  lineUpBoldDownBoldLeft: "┨",
-  lineUpDownLeftBold: "┥",
-  lineUpBoldDownLeftBold: "┩",
-  lineUpDownBoldLeftBold: "┪",
-  lineUpDownBoldLeft: "┧",
-  lineUpBoldDownLeft: "┦",
-  lineUpDoubleDownDoubleLeftDouble: "╣",
-  lineUpDoubleDownDoubleLeft: "╢",
-  lineUpDownLeftDouble: "╡",
-  lineUpDownRight: "├",
-  lineUpBoldDownBoldRightBold: "┣",
-  lineUpBoldDownBoldRight: "┠",
-  lineUpDownRightBold: "┝",
-  lineUpBoldDownRightBold: "┡",
-  lineUpDownBoldRightBold: "┢",
-  lineUpDownBoldRight: "┟",
-  lineUpBoldDownRight: "┞",
-  lineUpDoubleDownDoubleRightDouble: "╠",
-  lineUpDoubleDownDoubleRight: "╟",
-  lineUpDownRightDouble: "╞",
-  lineDownLeftRight: "┬",
-  lineDownBoldLeftBoldRightBold: "┳",
-  lineDownLeftBoldRightBold: "┯",
-  lineDownBoldLeftRight: "┰",
-  lineDownBoldLeftBoldRight: "┱",
-  lineDownBoldLeftRightBold: "┲",
-  lineDownLeftRightBold: "┮",
-  lineDownLeftBoldRight: "┭",
-  lineDownDoubleLeftDoubleRightDouble: "╦",
-  lineDownDoubleLeftRight: "╥",
-  lineDownLeftDoubleRightDouble: "╤",
-  lineUpLeftRight: "┴",
-  lineUpBoldLeftBoldRightBold: "┻",
-  lineUpLeftBoldRightBold: "┷",
-  lineUpBoldLeftRight: "┸",
-  lineUpBoldLeftBoldRight: "┹",
-  lineUpBoldLeftRightBold: "┺",
-  lineUpLeftRightBold: "┶",
-  lineUpLeftBoldRight: "┵",
-  lineUpDoubleLeftDoubleRightDouble: "╩",
-  lineUpDoubleLeftRight: "╨",
-  lineUpLeftDoubleRightDouble: "╧",
-  lineUpDownLeftRight: "┼",
-  lineUpBoldDownBoldLeftBoldRightBold: "╋",
-  lineUpDownBoldLeftBoldRightBold: "╈",
-  lineUpBoldDownLeftBoldRightBold: "╇",
-  lineUpBoldDownBoldLeftRightBold: "╊",
-  lineUpBoldDownBoldLeftBoldRight: "╉",
-  lineUpBoldDownLeftRight: "╀",
-  lineUpDownBoldLeftRight: "╁",
-  lineUpDownLeftBoldRight: "┽",
-  lineUpDownLeftRightBold: "┾",
-  lineUpBoldDownBoldLeftRight: "╂",
-  lineUpDownLeftBoldRightBold: "┿",
-  lineUpBoldDownLeftBoldRight: "╃",
-  lineUpBoldDownLeftRightBold: "╄",
-  lineUpDownBoldLeftBoldRight: "╅",
-  lineUpDownBoldLeftRightBold: "╆",
-  lineUpDoubleDownDoubleLeftDoubleRightDouble: "╬",
-  lineUpDoubleDownDoubleLeftRight: "╫",
-  lineUpDownLeftDoubleRightDouble: "╪",
-  lineCross: "╳",
-  lineBackslash: "╲",
-  lineSlash: "╱"
-};
-var specialMainSymbols = {
-  tick: "✔",
-  info: "ℹ",
-  warning: "⚠",
-  cross: "✘",
-  squareSmall: "◻",
-  squareSmallFilled: "◼",
-  circle: "◯",
-  circleFilled: "◉",
-  circleDotted: "◌",
-  circleDouble: "◎",
-  circleCircle: "ⓞ",
-  circleCross: "ⓧ",
-  circlePipe: "Ⓘ",
-  radioOn: "◉",
-  radioOff: "◯",
-  checkboxOn: "☒",
-  checkboxOff: "☐",
-  checkboxCircleOn: "ⓧ",
-  checkboxCircleOff: "Ⓘ",
-  pointer: "❯",
-  triangleUpOutline: "△",
-  triangleLeft: "◀",
-  triangleRight: "▶",
-  lozenge: "◆",
-  lozengeOutline: "◇",
-  hamburger: "☰",
-  smiley: "㋡",
-  mustache: "෴",
-  star: "★",
-  play: "▶",
-  nodejs: "⬢",
-  oneSeventh: "⅐",
-  oneNinth: "⅑",
-  oneTenth: "⅒"
-};
-var specialFallbackSymbols = {
-  tick: "√",
-  info: "i",
-  warning: "‼",
-  cross: "×",
-  squareSmall: "□",
-  squareSmallFilled: "■",
-  circle: "( )",
-  circleFilled: "(*)",
-  circleDotted: "( )",
-  circleDouble: "( )",
-  circleCircle: "(○)",
-  circleCross: "(×)",
-  circlePipe: "(│)",
-  radioOn: "(*)",
-  radioOff: "( )",
-  checkboxOn: "[×]",
-  checkboxOff: "[ ]",
-  checkboxCircleOn: "(×)",
-  checkboxCircleOff: "( )",
-  pointer: ">",
-  triangleUpOutline: "∆",
-  triangleLeft: "◄",
-  triangleRight: "►",
-  lozenge: "♦",
-  lozengeOutline: "◊",
-  hamburger: "≡",
-  smiley: "☺",
-  mustache: "┌─┐",
-  star: "✶",
-  play: "►",
-  nodejs: "♦",
-  oneSeventh: "1/7",
-  oneNinth: "1/9",
-  oneTenth: "1/10"
-};
-var mainSymbols = { ...common, ...specialMainSymbols };
-var fallbackSymbols = { ...common, ...specialFallbackSymbols };
-var shouldUseMain = isUnicodeSupported();
-var figures = shouldUseMain ? mainSymbols : fallbackSymbols;
-var figures_default = figures;
-var replacements = Object.entries(specialMainSymbols);
-
-// node_modules/ink-select-input/build/Indicator.js
-function Indicator({ isSelected = false }) {
-  return import_react23.default.createElement(Box_default, { marginRight: 1 }, isSelected ? import_react23.default.createElement(Text, { color: "blue" }, figures_default.pointer) : import_react23.default.createElement(Text, null, " "));
-}
-var Indicator_default = Indicator;
-// node_modules/ink-select-input/build/Item.js
-var React12 = __toESM(require_react(), 1);
-function Item({ isSelected = false, label }) {
-  return React12.createElement(Text, { color: isSelected ? "blue" : undefined }, label);
-}
-var Item_default = Item;
-// node_modules/ink-select-input/build/SelectInput.js
 var import_react24 = __toESM(require_react(), 1);
-import { isDeepStrictEqual } from "node:util";
 
-// node_modules/to-rotated/index.js
-function toRotated(array, steps) {
-  if (!Array.isArray(array)) {
-    throw new TypeError(`Expected an array, got \`${typeof array}\`.`);
-  }
-  if (!Number.isSafeInteger(steps)) {
-    throw new TypeError(`The \`steps\` parameter must be an integer, got ${steps}.`);
-  }
-  const { length } = array;
-  if (length === 0) {
-    return [...array];
-  }
-  const normalizedSteps = (steps % length + length) % length;
-  if (normalizedSteps === 0) {
-    return [...array];
-  }
-  return [
-    ...array.slice(-normalizedSteps),
-    ...array.slice(0, -normalizedSteps)
-  ];
-}
-
-// node_modules/ink-select-input/build/SelectInput.js
-function SelectInput({ items = [], isFocused = true, initialIndex = 0, indicatorComponent = Indicator_default, itemComponent = Item_default, limit: customLimit, onSelect, onHighlight }) {
-  const hasLimit = typeof customLimit === "number" && items.length > customLimit;
-  const limit = hasLimit ? Math.min(customLimit, items.length) : items.length;
-  const lastIndex = limit - 1;
-  const [rotateIndex, setRotateIndex] = import_react24.useState(initialIndex > lastIndex ? lastIndex - initialIndex : 0);
-  const [selectedIndex, setSelectedIndex] = import_react24.useState(initialIndex ? initialIndex > lastIndex ? lastIndex : initialIndex : 0);
-  const previousItems = import_react24.useRef(items);
-  import_react24.useEffect(() => {
-    if (!isDeepStrictEqual(previousItems.current.map((item) => item.value), items.map((item) => item.value))) {
-      setRotateIndex(0);
-      setSelectedIndex(0);
-    }
-    previousItems.current = items;
-  }, [items]);
-  use_input_default(import_react24.useCallback((input, key) => {
-    if (input === "k" || key.upArrow) {
-      const lastIndex2 = (hasLimit ? limit : items.length) - 1;
-      const atFirstIndex = selectedIndex === 0;
-      const nextIndex = hasLimit ? selectedIndex : lastIndex2;
-      const nextRotateIndex = atFirstIndex ? rotateIndex + 1 : rotateIndex;
-      const nextSelectedIndex = atFirstIndex ? nextIndex : selectedIndex - 1;
-      setRotateIndex(nextRotateIndex);
-      setSelectedIndex(nextSelectedIndex);
-      const slicedItems2 = hasLimit ? toRotated(items, nextRotateIndex).slice(0, limit) : items;
-      if (typeof onHighlight === "function") {
-        onHighlight(slicedItems2[nextSelectedIndex]);
-      }
-    }
-    if (input === "j" || key.downArrow) {
-      const atLastIndex = selectedIndex === (hasLimit ? limit : items.length) - 1;
-      const nextIndex = hasLimit ? selectedIndex : 0;
-      const nextRotateIndex = atLastIndex ? rotateIndex - 1 : rotateIndex;
-      const nextSelectedIndex = atLastIndex ? nextIndex : selectedIndex + 1;
-      setRotateIndex(nextRotateIndex);
-      setSelectedIndex(nextSelectedIndex);
-      const slicedItems2 = hasLimit ? toRotated(items, nextRotateIndex).slice(0, limit) : items;
-      if (typeof onHighlight === "function") {
-        onHighlight(slicedItems2[nextSelectedIndex]);
-      }
-    }
-    if (/^[1-9]$/.test(input)) {
-      const targetIndex = Number.parseInt(input, 10) - 1;
-      const visibleItems = hasLimit ? toRotated(items, rotateIndex).slice(0, limit) : items;
-      if (targetIndex >= 0 && targetIndex < visibleItems.length) {
-        const selectedItem = visibleItems[targetIndex];
-        if (selectedItem) {
-          onSelect?.(selectedItem);
-        }
-      }
+// src/features/template/SelectList.tsx
+var import_react23 = __toESM(require_react(), 1);
+var SelectList = ({
+  items,
+  onSelect,
+  onHighlight,
+  limit = 10
+}) => {
+  const [selectedIndex, setSelectedIndex] = import_react23.useState(0);
+  const [windowStart, setWindowStart] = import_react23.useState(0);
+  const windowSize = Math.min(limit, items.length);
+  import_react23.useEffect(() => {
+    setSelectedIndex(0);
+    setWindowStart(0);
+  }, [items.length]);
+  import_react23.useEffect(() => {
+    if (selectedIndex < windowStart) {
+      setWindowStart(selectedIndex);
+    }
+    if (selectedIndex >= windowStart + windowSize) {
+      setWindowStart(selectedIndex - windowSize + 1);
+    }
+  }, [selectedIndex, windowStart, windowSize]);
+  import_react23.useEffect(() => {
+    if (onHighlight && items[selectedIndex]) {
+      onHighlight(items[selectedIndex]);
+    }
+  }, [selectedIndex, items, onHighlight]);
+  use_input_default((_input, key) => {
+    if (key.upArrow) {
+      setSelectedIndex((prev) => Math.max(0, prev - 1));
+    }
+    if (key.downArrow) {
+      setSelectedIndex((prev) => Math.min(items.length - 1, prev + 1));
     }
     if (key.return) {
-      const slicedItems2 = hasLimit ? toRotated(items, rotateIndex).slice(0, limit) : items;
-      if (typeof onSelect === "function") {
-        onSelect(slicedItems2[selectedIndex]);
+      if (items[selectedIndex]) {
+        onSelect(items[selectedIndex]);
       }
     }
-  }, [
-    hasLimit,
-    limit,
-    rotateIndex,
-    selectedIndex,
-    items,
-    onSelect,
-    onHighlight
-  ]), { isActive: isFocused });
-  const slicedItems = hasLimit ? toRotated(items, rotateIndex).slice(0, limit) : items;
-  return import_react24.default.createElement(Box_default, { flexDirection: "column" }, slicedItems.map((item, index) => {
-    const isSelected = index === selectedIndex;
-    return import_react24.default.createElement(Box_default, { key: item.key ?? item.value }, import_react24.default.createElement(indicatorComponent, { isSelected }), import_react24.default.createElement(itemComponent, { ...item, isSelected }));
+  });
+  if (items.length === 0) {
+    return null;
+  }
+  const windowEnd = windowStart + windowSize;
+  const visibleItems = items.slice(windowStart, windowEnd);
+  return /* @__PURE__ */ import_react23.default.createElement(Box_default, {
+    flexDirection: "column"
+  }, visibleItems.map((item, index) => {
+    const actualIndex = windowStart + index;
+    const isSelected = actualIndex === selectedIndex;
+    return /* @__PURE__ */ import_react23.default.createElement(Box_default, {
+      key: item.value
+    }, isSelected ? /* @__PURE__ */ import_react23.default.createElement(Text, {
+      color: "cyan"
+    }, "❯ ", item.label) : /* @__PURE__ */ import_react23.default.createElement(Text, null, "  ", item.label));
   }));
-}
-var SelectInput_default = SelectInput;
+};
+
 // src/features/template/storage.ts
 import { promises as fs2 } from "fs";
 import path from "path";
@@ -41236,12 +40895,12 @@ var getDestPath = (destDir, relativePath) => {
 // src/features/template/TemplateList.tsx
 var TemplateList = () => {
   const setView = useSetAtom(viewAtom);
-  const [templates, setTemplates] = import_react25.useState([]);
-  const [isLoading, setIsLoading] = import_react25.useState(true);
-  const [confirmState, setConfirmState] = import_react25.useState({
+  const [templates, setTemplates] = import_react24.useState([]);
+  const [isLoading, setIsLoading] = import_react24.useState(true);
+  const [confirmState, setConfirmState] = import_react24.useState({
     type: "idle"
   });
-  const [highlightedId, setHighlightedId] = import_react25.useState(null);
+  const [highlightedId, setHighlightedId] = import_react24.useState(null);
   use_input_default((input, key) => {
     if (confirmState.type === "confirmingOverwrite") {
       if (input === "y" || input === "Y") {
@@ -41269,7 +40928,7 @@ var TemplateList = () => {
       }
     }
   });
-  import_react25.useEffect(() => {
+  import_react24.useEffect(() => {
     const load = async () => {
       setIsLoading(true);
       const data = await loadTemplates();
@@ -41321,33 +40980,33 @@ var TemplateList = () => {
     setHighlightedId(item.value);
   };
   if (isLoading) {
-    return /* @__PURE__ */ import_react25.default.createElement(Text, null, "Loading templates...");
+    return /* @__PURE__ */ import_react24.default.createElement(Text, null, "Loading templates...");
   }
   if (confirmState.type === "confirmingOverwrite") {
-    return /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react24.default.createElement(Box_default, {
       flexDirection: "column"
-    }, /* @__PURE__ */ import_react25.default.createElement(Text, {
+    }, /* @__PURE__ */ import_react24.default.createElement(Text, {
       bold: true,
       color: "yellow"
-    }, "⚠️ File already exists"), /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+    }, "⚠️ File already exists"), /* @__PURE__ */ import_react24.default.createElement(Box_default, {
       marginTop: 1
-    }, /* @__PURE__ */ import_react25.default.createElement(Text, null, "Overwrite ", confirmState.destPath, "?")), /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+    }, /* @__PURE__ */ import_react24.default.createElement(Text, null, "Overwrite ", confirmState.destPath, "?")), /* @__PURE__ */ import_react24.default.createElement(Box_default, {
       marginTop: 1
-    }, /* @__PURE__ */ import_react25.default.createElement(Text, {
+    }, /* @__PURE__ */ import_react24.default.createElement(Text, {
       dimColor: true
     }, "[y] Yes [n] No")));
   }
   if (confirmState.type === "confirmingDelete") {
-    return /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+    return /* @__PURE__ */ import_react24.default.createElement(Box_default, {
       flexDirection: "column"
-    }, /* @__PURE__ */ import_react25.default.createElement(Text, {
+    }, /* @__PURE__ */ import_react24.default.createElement(Text, {
       bold: true,
       color: "red"
-    }, "\uD83D\uDDD1️ Delete template"), /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+    }, "\uD83D\uDDD1️ Delete template"), /* @__PURE__ */ import_react24.default.createElement(Box_default, {
       marginTop: 1
-    }, /* @__PURE__ */ import_react25.default.createElement(Text, null, 'Delete "', confirmState.template.name, '" (', confirmState.template.relativePath, ")?")), /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+    }, /* @__PURE__ */ import_react24.default.createElement(Text, null, 'Delete "', confirmState.template.name, '" (', confirmState.template.relativePath, ")?")), /* @__PURE__ */ import_react24.default.createElement(Box_default, {
       marginTop: 1
-    }, /* @__PURE__ */ import_react25.default.createElement(Text, {
+    }, /* @__PURE__ */ import_react24.default.createElement(Text, {
       dimColor: true
     }, "[y] Yes [n] No")));
   }
@@ -41355,37 +41014,37 @@ var TemplateList = () => {
     label: `\uD83D\uDCC4 ${t.name} (${t.relativePath})`,
     value: t.id
   }));
-  return /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react24.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react24.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react25.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react24.default.createElement(Text, {
     bold: true,
     color: "cyan"
-  }, "\uD83D\uDCCB Templates")), items.length > 0 ? /* @__PURE__ */ import_react25.default.createElement(SelectInput_default, {
+  }, "\uD83D\uDCCB Templates")), items.length > 0 ? /* @__PURE__ */ import_react24.default.createElement(SelectList, {
     items,
     onSelect: handleSelect,
     onHighlight: handleHighlight
-  }) : /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+  }) : /* @__PURE__ */ import_react24.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react25.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react24.default.createElement(Text, {
     dimColor: true
-  }, "No templates registered"), /* @__PURE__ */ import_react25.default.createElement(Text, {
+  }, "No templates registered"), /* @__PURE__ */ import_react24.default.createElement(Text, {
     dimColor: true
-  }, "Press [Tab] to register a template!")), confirmState.type === "done" && /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+  }, "Press [Tab] to register a template!")), confirmState.type === "done" && /* @__PURE__ */ import_react24.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react25.default.createElement(Text, null, confirmState.message)), confirmState.type === "copying" && /* @__PURE__ */ import_react25.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react24.default.createElement(Text, null, confirmState.message)), confirmState.type === "copying" && /* @__PURE__ */ import_react24.default.createElement(Box_default, {
     marginTop: 1
-  }, /* @__PURE__ */ import_react25.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react24.default.createElement(Text, {
     color: "yellow"
   }, "Copying...")));
 };
 
 // src/features/template/RegisterScreen.tsx
-var import_react27 = __toESM(require_react(), 1);
+var import_react26 = __toESM(require_react(), 1);
 
 // node_modules/ink-text-input/build/index.js
-var import_react26 = __toESM(require_react(), 1);
+var import_react25 = __toESM(require_react(), 1);
 
 // node_modules/ink-text-input/node_modules/chalk/source/vendor/ansi-styles/index.js
 var ANSI_BACKGROUND_OFFSET3 = 10;
@@ -41565,16 +41224,16 @@ var ansiStyles3 = assembleStyles3();
 var ansi_styles_default3 = ansiStyles3;
 
 // node_modules/ink-text-input/node_modules/chalk/source/vendor/supports-color/index.js
-import process14 from "node:process";
+import process13 from "node:process";
 import os3 from "node:os";
 import tty2 from "node:tty";
-function hasFlag2(flag, argv = globalThis.Deno ? globalThis.Deno.args : process14.argv) {
+function hasFlag2(flag, argv = globalThis.Deno ? globalThis.Deno.args : process13.argv) {
   const prefix = flag.startsWith("-") ? "" : flag.length === 1 ? "-" : "--";
   const position = argv.indexOf(prefix + flag);
   const terminatorPosition = argv.indexOf("--");
   return position !== -1 && (terminatorPosition === -1 || position < terminatorPosition);
 }
-var { env: env3 } = process14;
+var { env: env3 } = process13;
 var flagForceColor2;
 if (hasFlag2("no-color") || hasFlag2("no-colors") || hasFlag2("color=false") || hasFlag2("color=never")) {
   flagForceColor2 = 0;
@@ -41630,7 +41289,7 @@ function _supportsColor2(haveStream, { streamIsTTY, sniffFlags = true } = {}) {
   if (env3.TERM === "dumb") {
     return min;
   }
-  if (process14.platform === "win32") {
+  if (process13.platform === "win32") {
     const osRelease = os3.release().split(".");
     if (Number(osRelease[0]) >= 10 && Number(osRelease[2]) >= 10586) {
       return Number(osRelease[2]) >= 14931 ? 3 : 2;
@@ -41872,12 +41531,12 @@ var source_default2 = chalk2;
 
 // node_modules/ink-text-input/build/index.js
 function TextInput({ value: originalValue, placeholder = "", focus = true, mask, highlightPastedText = false, showCursor = true, onChange, onSubmit }) {
-  const [state, setState] = import_react26.useState({
+  const [state, setState] = import_react25.useState({
     cursorOffset: (originalValue || "").length,
     cursorWidth: 0
   });
   const { cursorOffset, cursorWidth } = state;
-  import_react26.useEffect(() => {
+  import_react25.useEffect(() => {
     setState((previousState) => {
       if (!focus || !showCursor) {
         return previousState;
@@ -41955,7 +41614,7 @@ function TextInput({ value: originalValue, placeholder = "", focus = true, mask,
       onChange(nextValue);
     }
   }, { isActive: focus });
-  return import_react26.default.createElement(Text, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
+  return import_react25.default.createElement(Text, null, placeholder ? value.length > 0 ? renderedValue : renderedPlaceholder : renderedValue);
 }
 var build_default = TextInput;
 
@@ -41988,14 +41647,14 @@ var loadLocalFiles = async (dir) => {
 // src/features/template/RegisterScreen.tsx
 var RegisterScreen = () => {
   const setView = useSetAtom(viewAtom);
-  const [files, setFiles] = import_react27.useState([]);
-  const [currentDir, setCurrentDir] = import_react27.useState(process.cwd());
-  const [projectRoot] = import_react27.useState(process.cwd());
-  const [isLoading, setIsLoading] = import_react27.useState(true);
-  const [registerState, setRegisterState] = import_react27.useState({
+  const [files, setFiles] = import_react26.useState([]);
+  const [currentDir, setCurrentDir] = import_react26.useState(process.cwd());
+  const [projectRoot] = import_react26.useState(process.cwd());
+  const [isLoading, setIsLoading] = import_react26.useState(true);
+  const [registerState, setRegisterState] = import_react26.useState({
     type: "browsing"
   });
-  const [templateName, setTemplateName] = import_react27.useState("");
+  const [templateName, setTemplateName] = import_react26.useState("");
   use_input_default((_input, key) => {
     if (key.escape && registerState.type === "naming") {
       setRegisterState({ type: "browsing" });
@@ -42006,7 +41665,7 @@ var RegisterScreen = () => {
       setView("templates");
     }
   });
-  import_react27.useEffect(() => {
+  import_react26.useEffect(() => {
     const load = async () => {
       setIsLoading(true);
       try {
@@ -42043,7 +41702,7 @@ var RegisterScreen = () => {
         message: `✅ Registered: ${templateName}`
       });
       setTimeout(() => {
-        setView("templates");
+        setRegisterState({ type: "browsing" });
       }, 1000);
     } catch (error) {
       const message = error instanceof Error ? error.message : "Unknown error";
@@ -42054,24 +41713,24 @@ var RegisterScreen = () => {
     }
   };
   if (isLoading) {
-    return /* @__PURE__ */ import_react27.default.createElement(Text, null, "Loading files...");
+    return /* @__PURE__ */ import_react26.default.createElement(Text, null, "Loading files...");
   }
   switch (registerState.type) {
     case "naming":
-      return /* @__PURE__ */ import_react27.default.createElement(NamingForm, {
+      return /* @__PURE__ */ import_react26.default.createElement(NamingForm, {
         relativePath: registerState.relativePath,
         templateName,
         onChangeName: setTemplateName,
         onSubmit: handleRegister
       });
     case "registering":
-      return /* @__PURE__ */ import_react27.default.createElement(RegisteringStatus, null);
+      return /* @__PURE__ */ import_react26.default.createElement(RegisteringStatus, null);
     case "done":
-      return /* @__PURE__ */ import_react27.default.createElement(DoneStatus, {
+      return /* @__PURE__ */ import_react26.default.createElement(DoneStatus, {
         message: registerState.message
       });
     case "browsing":
-      return /* @__PURE__ */ import_react27.default.createElement(FileBrowser, {
+      return /* @__PURE__ */ import_react26.default.createElement(FileBrowser, {
         files,
         currentDir,
         projectRoot,
@@ -42089,31 +41748,26 @@ var FileBrowser = ({
     label: f.isDirectory ? `\uD83D\uDCC1 ${f.name}` : `\uD83D\uDCC4 ${f.name}`,
     value: f.path
   }));
-  const displayItems = items.slice(0, 15);
-  const hasMore = items.length > 15;
-  return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     marginBottom: 1,
     flexDirection: "row",
     justifyContent: "space-between"
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react26.default.createElement(Text, {
     bold: true,
     color: "cyan"
-  }, "\uD83D\uDCCC Register Template"), /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, "\uD83D\uDCCC Register Template"), /* @__PURE__ */ import_react26.default.createElement(Text, {
     dimColor: true
-  }, "Root: ", projectRoot)), /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, "Root: ", projectRoot)), /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react26.default.createElement(Text, {
     dimColor: true
-  }, "Current: ", currentDir)), /* @__PURE__ */ import_react27.default.createElement(SelectInput_default, {
-    items: displayItems,
-    onSelect
-  }), hasMore && /* @__PURE__ */ import_react27.default.createElement(Box_default, {
-    marginTop: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
-    dimColor: true
-  }, "... and ", items.length - 15, " more files")));
+  }, "Current: ", currentDir)), /* @__PURE__ */ import_react26.default.createElement(SelectList, {
+    items,
+    onSelect,
+    limit: 15
+  }));
 };
 var NamingForm = ({
   relativePath,
@@ -42121,38 +41775,38 @@ var NamingForm = ({
   onChangeName,
   onSubmit
 }) => {
-  return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react26.default.createElement(Text, {
     bold: true,
     color: "cyan"
-  }, "\uD83D\uDCCC Register Template")), /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, "\uD83D\uDCCC Register Template")), /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, null, "File: "), /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react26.default.createElement(Text, null, "File: "), /* @__PURE__ */ import_react26.default.createElement(Text, {
     color: "green"
-  }, relativePath)), /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  }, relativePath)), /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     marginBottom: 1
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, null, "Template name: "), /* @__PURE__ */ import_react27.default.createElement(build_default, {
+  }, /* @__PURE__ */ import_react26.default.createElement(Text, null, "Template name: "), /* @__PURE__ */ import_react26.default.createElement(build_default, {
     value: templateName,
     onChange: onChangeName,
     onSubmit
-  })), /* @__PURE__ */ import_react27.default.createElement(Text, {
+  })), /* @__PURE__ */ import_react26.default.createElement(Text, {
     dimColor: true
   }, "[Enter] Register [Esc] Cancel"));
 };
 var RegisteringStatus = () => {
-  return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react26.default.createElement(Text, {
     color: "yellow"
   }, "Registering..."));
 };
 var DoneStatus = ({ message }) => {
-  return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react26.default.createElement(Box_default, {
     flexDirection: "column"
-  }, /* @__PURE__ */ import_react27.default.createElement(Text, null, message));
+  }, /* @__PURE__ */ import_react26.default.createElement(Text, null, message));
 };
 
 // src/App.tsx
@@ -42163,30 +41817,30 @@ var App2 = () => {
       process.exit(0);
     }
   });
-  return /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     flexDirection: "column",
     padding: 1
-  }, /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }, /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     marginBottom: 1,
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center"
-  }, /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
     bold: true,
     color: "cyan"
-  }, "copit - Template Manager"), /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }, "copit - Template Manager"), /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     flexDirection: "row"
-  }, /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, /* @__PURE__ */ import_react27.default.createElement(Text, {
     color: view === "templates" ? "cyan" : "gray"
-  }, "\uD83D\uDCCB Templates"), /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, "\uD83D\uDCCB Templates"), /* @__PURE__ */ import_react27.default.createElement(Text, {
     dimColor: true
-  }, " | "), /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, " | "), /* @__PURE__ */ import_react27.default.createElement(Text, {
     color: view === "register" ? "cyan" : "gray"
-  }, "\uD83D\uDCCC Register"))), /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  }, "\uD83D\uDCCC Register"))), /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     borderStyle: "single",
     flexDirection: "column",
     padding: 1
-  }, view === "templates" && /* @__PURE__ */ import_react28.default.createElement(TemplateList, null), view === "register" && /* @__PURE__ */ import_react28.default.createElement(RegisterScreen, null)), /* @__PURE__ */ import_react28.default.createElement(HelpBar, {
+  }, view === "templates" && /* @__PURE__ */ import_react27.default.createElement(TemplateList, null), view === "register" && /* @__PURE__ */ import_react27.default.createElement(RegisterScreen, null)), /* @__PURE__ */ import_react27.default.createElement(HelpBar, {
     items: [
       { key: "↑/↓", label: "navigate" },
       { key: "Enter", label: view === "register" ? "select" : "copy" },
@@ -42198,21 +41852,21 @@ var App2 = () => {
 };
 var HelpBar = ({ items }) => {
   const visibleItems = items.filter((item) => item.show !== false);
-  return /* @__PURE__ */ import_react28.default.createElement(Box_default, {
+  return /* @__PURE__ */ import_react27.default.createElement(Box_default, {
     marginTop: 1
-  }, visibleItems.map((item, index) => /* @__PURE__ */ import_react28.default.createElement(import_react28.default.Fragment, {
+  }, visibleItems.map((item, index) => /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, {
     key: item.key
-  }, index > 0 && /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, index > 0 && /* @__PURE__ */ import_react27.default.createElement(Text, {
     dimColor: true
-  }, " • "), /* @__PURE__ */ import_react28.default.createElement(Text, null, /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, " • "), /* @__PURE__ */ import_react27.default.createElement(Text, null, /* @__PURE__ */ import_react27.default.createElement(Text, {
     color: "cyan"
-  }, item.key), /* @__PURE__ */ import_react28.default.createElement(Text, {
+  }, item.key), /* @__PURE__ */ import_react27.default.createElement(Text, {
     dimColor: true
   }, " ", item.label)))));
 };
 
 // src/index.tsx
-var app = render_default(/* @__PURE__ */ import_react29.default.createElement(Provider, null, /* @__PURE__ */ import_react29.default.createElement(App2, null)));
+var app = render_default(/* @__PURE__ */ import_react28.default.createElement(Provider, null, /* @__PURE__ */ import_react28.default.createElement(App2, null)));
 process.on("SIGINT", () => {
   app.unmount();
   process.exit(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "copit",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "TUI tool for managing local file templates - register and copy config files to new projects",
   "module": "src/index.tsx",
   "type": "module",
@@ -37,7 +37,6 @@
   },
   "dependencies": {
     "ink": "^5.0.1",
-    "ink-select-input": "^6.2.0",
     "ink-text-input": "^6.0.0",
     "jotai": "^2.12.5",
     "react": "^18.3.1"