ccmanager 2.0.0 → 2.1.0

package/dist/components/Menu.js

@@ -24,6 +24,7 @@ const Menu = ({ sessionManager, worktreeService, onSelectWorktree, onSelectRecen
     const [sessions, setSessions] = useState([]);
     const [items, setItems] = useState([]);
     const [recentProjects, setRecentProjects] = useState([]);
+    const limit = 10;
     // Use the search mode hook
     const { isSearchMode, searchQuery, selectedIndex, setSearchQuery } = useSearchMode(items.length, {
         isDisabled: !!error,
@@ -374,9 +375,9 @@ const Menu = ({ sessionManager, worktreeService, onSelectWorktree, onSelectRecen
         isSearchMode && items.length === 0 ? (React.createElement(Box, null,
             React.createElement(Text, { color: "yellow" }, "No worktrees match your search"))) : isSearchMode ? (
         // In search mode, show the items as a list without SelectInput
-        React.createElement(Box, { flexDirection: "column" }, items.map((item, index) => (React.createElement(Text, { key: item.value, color: index === selectedIndex ? 'green' : undefined },
+        React.createElement(Box, { flexDirection: "column" }, items.slice(0, limit).map((item, index) => (React.createElement(Text, { key: item.value, color: index === selectedIndex ? 'green' : undefined },
             index === selectedIndex ? '❯ ' : '  ',
-            item.label))))) : (React.createElement(SelectInput, { items: items, onSelect: item => handleSelect(item), isFocused: !error, initialIndex: selectedIndex })),
+            item.label))))) : (React.createElement(SelectInput, { items: items, onSelect: item => handleSelect(item), isFocused: !error, initialIndex: selectedIndex, limit: limit })),
         error && (React.createElement(Box, { marginTop: 1, paddingX: 1, borderStyle: "round", borderColor: "red" },
             React.createElement(Box, { flexDirection: "column" },
                 React.createElement(Text, { color: "red", bold: true },

package/dist/components/NewWorktree.js

@@ -6,9 +6,11 @@ import { shortcutManager } from '../services/shortcutManager.js';
 import { configurationManager } from '../services/configurationManager.js';
 import { generateWorktreeDirectory } from '../utils/worktreeUtils.js';
 import { WorktreeService } from '../services/worktreeService.js';
+import { useSearchMode } from '../hooks/useSearchMode.js';
 const NewWorktree = ({ onComplete, onCancel }) => {
     const worktreeConfig = configurationManager.getWorktreeConfig();
     const isAutoDirectory = worktreeConfig.autoDirectory;
+    const limit = 10;
     // Adjust initial step based on auto directory mode
     const [step, setStep] = useState(isAutoDirectory ? 'branch' : 'path');
     const [path, setPath] = useState('');
@@ -27,16 +29,32 @@ const NewWorktree = ({ onComplete, onCancel }) => {
         };
     }, []); // Empty deps array - only initialize once
     // Create branch items with default branch first (memoized)
-    const branchItems = useMemo(() => [
+    const allBranchItems = useMemo(() => [
         { label: `${defaultBranch} (default)`, value: defaultBranch },
         ...branches
             .filter(br => br !== defaultBranch)
             .map(br => ({ label: br, value: br })),
     ], [branches, defaultBranch]);
+    // Use search mode for base branch selection
+    const { isSearchMode, searchQuery, selectedIndex, setSearchQuery } = useSearchMode(allBranchItems.length, {
+        isDisabled: step !== 'base-branch',
+    });
+    // Filter branch items based on search query
+    const branchItems = useMemo(() => {
+        if (!searchQuery)
+            return allBranchItems;
+        return allBranchItems.filter(item => item.value.toLowerCase().includes(searchQuery.toLowerCase()));
+    }, [allBranchItems, searchQuery]);
     useInput((input, key) => {
         if (shortcutManager.matchesShortcut('cancel', input, key)) {
             onCancel();
         }
+        // Handle arrow key navigation in search mode for base branch selection
+        if (step === 'base-branch' && isSearchMode) {
+            // Don't handle any keys here - let useSearchMode handle them
+            // The hook will handle arrow keys for navigation and Enter to exit search mode
+            return;
+        }
     });
     const handlePathSubmit = (value) => {
         if (value.trim()) {
@@ -109,7 +127,17 @@ const NewWorktree = ({ onComplete, onCancel }) => {
                     "Select base branch for ",
                     React.createElement(Text, { color: "cyan" }, branch),
                     ":")),
-            React.createElement(SelectInput, { items: branchItems, onSelect: handleBaseBranchSelect, initialIndex: 0, limit: 10 }))),
+            isSearchMode && (React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null, "Search: "),
+                React.createElement(TextInputWrapper, { value: searchQuery, onChange: setSearchQuery, focus: true, placeholder: "Type to filter branches..." }))),
+            isSearchMode && branchItems.length === 0 ? (React.createElement(Box, null,
+                React.createElement(Text, { color: "yellow" }, "No branches match your search"))) : isSearchMode ? (
+            // In search mode, show the items as a list without SelectInput
+            React.createElement(Box, { flexDirection: "column" }, branchItems.slice(0, limit).map((item, index) => (React.createElement(Text, { key: item.value, color: index === selectedIndex ? 'green' : undefined },
+                index === selectedIndex ? '❯ ' : '  ',
+                item.label))))) : (React.createElement(SelectInput, { items: branchItems, onSelect: handleBaseBranchSelect, initialIndex: selectedIndex, limit: limit, isFocused: !isSearchMode })),
+            !isSearchMode && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { dimColor: true }, "Press / to search"))))),
         step === 'copy-settings' && (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, null,

package/package.json

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