ccmanager 0.1.10 → 0.1.12

package/dist/components/Configuration.js

@@ -66,6 +66,6 @@ const Configuration = ({ onComplete }) => {
             React.createElement(Text, { bold: true, color: "green" }, "Configuration")),
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { dimColor: true }, "Select a configuration option:")),
-        React.createElement(SelectInput, { items: menuItems, onSelect: handleSelect, isFocused: true })));
+        React.createElement(SelectInput, { items: menuItems, onSelect: handleSelect, isFocused: true, limit: 10 })));
 };
 export default Configuration;

package/dist/components/ConfigureHooks.js

@@ -126,7 +126,7 @@ const ConfigureHooks = ({ onComplete }) => {
             React.createElement(Text, { bold: true, color: "green" }, "Configure Status Change Hooks")),
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { dimColor: true }, "Set commands to run when Claude Code session status changes:")),
-        React.createElement(SelectInput, { items: getMenuItems(), onSelect: handleMenuSelect, isFocused: true }),
+        React.createElement(SelectInput, { items: getMenuItems(), onSelect: handleMenuSelect, isFocused: true, limit: 10 }),
         React.createElement(Box, { marginTop: 1 },
             React.createElement(Text, { dimColor: true }, "Press Esc to go back"))));
 };

package/dist/components/ConfigureShortcuts.js

@@ -132,7 +132,7 @@ const ConfigureShortcuts = ({ onComplete, }) => {
                 error))),
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { dimColor: true }, "Select a shortcut to change:")),
-        React.createElement(SelectInput, { items: shortcutItems, onSelect: handleSelect, isFocused: true }),
+        React.createElement(SelectInput, { items: shortcutItems, onSelect: handleSelect, isFocused: true, limit: 10 }),
         React.createElement(Box, { marginTop: 1 },
             React.createElement(Text, { dimColor: true }, "Press Esc to exit without saving"))));
 };

package/dist/components/DeleteWorktree.js

@@ -8,6 +8,7 @@ const DeleteWorktree = ({ onComplete, onCancel, }) => {
     const [selectedIndices, setSelectedIndices] = useState(new Set());
     const [focusedIndex, setFocusedIndex] = useState(0);
     const [confirmMode, setConfirmMode] = useState(false);
+    const VIEWPORT_SIZE = 10; // Maximum number of items to display at once
     useEffect(() => {
         const worktreeService = new WorktreeService();
         const allWorktrees = worktreeService.getWorktrees();
@@ -73,13 +74,28 @@ const DeleteWorktree = ({ onComplete, onCancel, }) => {
             React.createElement(Text, { bold: true, color: "red" }, "\u26A0\uFE0F Delete Confirmation"),
             React.createElement(Box, { marginTop: 1, marginBottom: 1, flexDirection: "column" },
                 React.createElement(Text, null, "You are about to delete the following worktrees:"),
-                selectedWorktrees.map(wt => (React.createElement(Text, { key: wt.path, color: "red" },
-                    "\u2022 ",
+                selectedWorktrees.length <= 10 ? (selectedWorktrees.map(wt => (React.createElement(Text, { key: wt.path, color: "red" },
+                    "\u2022",
+                    ' ',
                     wt.branch ? wt.branch.replace('refs/heads/', '') : 'detached',
                     ' ',
                     "(",
                     wt.path,
-                    ")")))),
+                    ")")))) : (React.createElement(React.Fragment, null,
+                    selectedWorktrees.slice(0, 8).map(wt => (React.createElement(Text, { key: wt.path, color: "red" },
+                        "\u2022",
+                        ' ',
+                        wt.branch
+                            ? wt.branch.replace('refs/heads/', '')
+                            : 'detached',
+                        ' ',
+                        "(",
+                        wt.path,
+                        ")"))),
+                    React.createElement(Text, { color: "red", dimColor: true },
+                        "... and ",
+                        selectedWorktrees.length - 8,
+                        " more worktrees")))),
             React.createElement(Text, { bold: true }, "This will also delete their branches. Are you sure?")));
         return (React.createElement(Confirmation, { message: confirmMessage, onConfirm: handleConfirm, onCancel: handleCancel }));
     }
@@ -88,21 +104,37 @@ const DeleteWorktree = ({ onComplete, onCancel, }) => {
             React.createElement(Text, { bold: true, color: "red" }, "Delete Worktrees")),
         React.createElement(Box, { marginBottom: 1 },
             React.createElement(Text, { dimColor: true }, "Select worktrees to delete (Space to select, Enter to confirm):")),
-        worktrees.map((worktree, index) => {
-            const isSelected = selectedIndices.has(index);
-            const isFocused = index === focusedIndex;
-            const branchName = worktree.branch
-                ? worktree.branch.replace('refs/heads/', '')
-                : 'detached';
-            return (React.createElement(Box, { key: worktree.path },
-                React.createElement(Text, { color: isFocused ? 'green' : undefined, inverse: isFocused, dimColor: !isFocused && !isSelected },
-                    isSelected ? '[✓]' : '[ ]',
-                    " ",
-                    branchName,
-                    " (",
-                    worktree.path,
-                    ")")));
-        }),
+        (() => {
+            // Calculate viewport window
+            const viewportStart = Math.max(0, Math.min(focusedIndex - Math.floor(VIEWPORT_SIZE / 2), worktrees.length - VIEWPORT_SIZE));
+            const viewportEnd = Math.min(viewportStart + VIEWPORT_SIZE, worktrees.length);
+            const visibleWorktrees = worktrees.slice(viewportStart, viewportEnd);
+            return (React.createElement(React.Fragment, null,
+                viewportStart > 0 && (React.createElement(Text, { dimColor: true },
+                    "\u2191 ",
+                    viewportStart,
+                    " more...")),
+                visibleWorktrees.map((worktree, relativeIndex) => {
+                    const actualIndex = viewportStart + relativeIndex;
+                    const isSelected = selectedIndices.has(actualIndex);
+                    const isFocused = actualIndex === focusedIndex;
+                    const branchName = worktree.branch
+                        ? worktree.branch.replace('refs/heads/', '')
+                        : 'detached';
+                    return (React.createElement(Box, { key: worktree.path },
+                        React.createElement(Text, { color: isFocused ? 'green' : undefined, inverse: isFocused, dimColor: !isFocused && !isSelected },
+                            isSelected ? '[✓]' : '[ ]',
+                            " ",
+                            branchName,
+                            " (",
+                            worktree.path,
+                            ")")));
+                }),
+                viewportEnd < worktrees.length && (React.createElement(Text, { dimColor: true },
+                    "\u2193 ",
+                    worktrees.length - viewportEnd,
+                    " more..."))));
+        })(),
         React.createElement(Box, { marginTop: 1, flexDirection: "column" },
             React.createElement(Text, { dimColor: true },
                 "Controls: \u2191\u2193 Navigate, Space Select, Enter Confirm,",

package/dist/components/MergeWorktree.js

@@ -55,7 +55,7 @@ const MergeWorktree = ({ onComplete, onCancel, }) => {
                 React.createElement(Text, { bold: true, color: "green" }, "Merge Worktree")),
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, null, "Select the source branch to merge:")),
-            React.createElement(SelectInput, { items: branchItems, onSelect: handleSelectSource, isFocused: true }),
+            React.createElement(SelectInput, { items: branchItems, onSelect: handleSelectSource, isFocused: true, limit: 10 }),
             React.createElement(Box, { marginTop: 1 },
                 React.createElement(Text, { dimColor: true },
                     "Press ",
@@ -72,7 +72,7 @@ const MergeWorktree = ({ onComplete, onCancel, }) => {
                     React.createElement(Text, { color: "yellow" }, sourceBranch))),
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, null, "Select the target branch to merge into:")),
-            React.createElement(SelectInput, { items: branchItems, onSelect: handleSelectTarget, isFocused: true }),
+            React.createElement(SelectInput, { items: branchItems, onSelect: handleSelectTarget, isFocused: true, limit: 10 }),
             React.createElement(Box, { marginTop: 1 },
                 React.createElement(Text, { dimColor: true },
                     "Press ",

package/dist/components/NewWorktree.js

@@ -79,7 +79,7 @@ const NewWorktree = ({ onComplete, onCancel }) => {
                     ":")),
             React.createElement(Box, null,
                 React.createElement(Text, { color: "cyan" }, '> '),
-                React.createElement(TextInput, { value: branch, onChange: setBranch, onSubmit: handleBranchSubmit, placeholder: "e.g., feature/new-feature" })))) : (React.createElement(Box, { flexDirection: "column" },
+                React.createElement(TextInput, { value: branch, onChange: setBranch, onSubmit: handleBranchSubmit, placeholder: "e.g., feature/new-feature" })))) : step === 'branch' ? (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, null, "Enter branch name (directory will be auto-generated):")),
             React.createElement(Box, null,
@@ -89,14 +89,14 @@ const NewWorktree = ({ onComplete, onCancel }) => {
                 React.createElement(Text, { dimColor: true },
                     "Worktree will be created at:",
                     ' ',
-                    React.createElement(Text, { color: "green" }, generatedPath)))))),
+                    React.createElement(Text, { color: "green" }, generatedPath)))))) : null,
         step === 'base-branch' && (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, null,
                     "Select base branch for ",
                     React.createElement(Text, { color: "cyan" }, branch),
                     ":")),
-            React.createElement(SelectInput, { items: branchItems, onSelect: handleBaseBranchSelect, initialIndex: 0 }))),
+            React.createElement(SelectInput, { items: branchItems, onSelect: handleBaseBranchSelect, initialIndex: 0, limit: 10 }))),
         React.createElement(Box, { marginTop: 1 },
             React.createElement(Text, { dimColor: true },
                 "Press ",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ccmanager",
-	"version": "0.1.10",
+	"version": "0.1.12",
 	"description": "TUI application for managing multiple Claude Code sessions across Git worktrees",
 	"license": "MIT",
 	"author": "Kodai Kabasawa",