ccmanager 3.5.0 → 3.5.2

package/dist/components/ProjectList.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink-testing-library';
 import { describe, it, expect, vi, beforeEach } from 'vitest';
 // Mock bunTerminal to avoid native module loading issues
@@ -81,22 +81,22 @@ describe('ProjectList', () => {
         vi.mocked(projectManager.instance.discoverProjectsEffect).mockReturnValue(Effect.succeed(mockProjects));
     });
     it('should render project list with correct title', () => {
-        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         expect(lastFrame()).toContain('CCManager - Multi-Project Mode');
         expect(lastFrame()).toContain('Select a project:');
     });
     it('should display loading state initially', () => {
         // Create an Effect that never completes to keep loading state
         vi.mocked(projectManager.instance.discoverProjectsEffect).mockReturnValue(Effect.async(() => { }));
-        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         expect(lastFrame()).toContain('Loading projects...');
     });
     it('should display projects after loading', async () => {
-        const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait a bit for async operations
         await new Promise(resolve => setTimeout(resolve, 100));
         // Force rerender
-        rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait for SelectInput to render with our mock
         await vi.waitFor(() => {
             const frame = lastFrame();
@@ -108,16 +108,16 @@ describe('ProjectList', () => {
         expect(frame).toContain('2 ❯ project3');
     });
     it('should display error when provided', () => {
-        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: "Failed to load projects", onDismissError: mockOnDismissError }));
+        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: "Failed to load projects", onDismissError: mockOnDismissError }));
         expect(lastFrame()).toContain('Error: Failed to load projects');
         expect(lastFrame()).toContain('Press any key to dismiss');
     });
     it('should handle project selection via menu', async () => {
-        const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait a bit for async operations
         await new Promise(resolve => setTimeout(resolve, 100));
         // Force rerender
-        rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait for component to update after async loading
         await vi.waitFor(() => {
             const frame = lastFrame();
@@ -132,11 +132,11 @@ describe('ProjectList', () => {
         expect(frame).toContain('Exit');
     });
     it('should display number shortcuts for first 10 projects', async () => {
-        const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait a bit for async operations
         await new Promise(resolve => setTimeout(resolve, 100));
         // Force rerender
-        rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait for projects to load
         await vi.waitFor(() => {
             const frame = lastFrame();
@@ -149,11 +149,11 @@ describe('ProjectList', () => {
         expect(frame).toContain('2 ❯ project3');
     });
     it('should display exit option in menu', async () => {
-        const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait a bit for async operations
         await new Promise(resolve => setTimeout(resolve, 100));
         // Force rerender
-        rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait for projects to load
         await vi.waitFor(() => {
             const frame = lastFrame();
@@ -165,7 +165,7 @@ describe('ProjectList', () => {
         expect(frame).toContain('Exit');
     });
     it('should display refresh option in menu', async () => {
-        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait for projects to load
         await vi.waitFor(() => {
             return lastFrame()?.includes('project1') ?? false;
@@ -177,11 +177,11 @@ describe('ProjectList', () => {
     });
     it('should show empty state when no projects found', async () => {
         vi.mocked(projectManager.instance.discoverProjectsEffect).mockReturnValue(Effect.succeed([]));
-        const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait for loading to finish
         await new Promise(resolve => setTimeout(resolve, 100));
         // Force rerender
-        rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+        rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
         // Wait for projects to load
         await vi.waitFor(() => {
             const frame = lastFrame();
@@ -190,7 +190,7 @@ describe('ProjectList', () => {
         expect(lastFrame()).toContain('No git repositories found in /projects');
     });
     it('should display error message when error prop is provided', () => {
-        const { lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: "Test error", onDismissError: mockOnDismissError }));
+        const { lastFrame } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: "Test error", onDismissError: mockOnDismissError }));
         expect(lastFrame()).toContain('Error: Test error');
         expect(lastFrame()).toContain('Press any key to dismiss');
     });
@@ -204,7 +204,7 @@ describe('ProjectList', () => {
             // Need to set up stdin.setRawMode for the test
             const originalSetRawMode = process.stdin.setRawMode;
             process.stdin.setRawMode = vi.fn();
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for projects to load
             await vi.waitFor(() => {
                 return lastFrame()?.includes('project1') ?? false;
@@ -233,7 +233,7 @@ describe('ProjectList', () => {
             // Wait a bit for state update
             await new Promise(resolve => setTimeout(resolve, 50));
             // Force rerender to see updated state
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Should show search input
             expect(lastFrame()).toContain('Search:');
             // Restore original
@@ -245,7 +245,7 @@ describe('ProjectList', () => {
             mockUseInput.mockImplementation(handler => {
                 inputHandler = handler;
             });
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for projects to load
             await vi.waitFor(() => {
                 return lastFrame()?.includes('project1') ?? false;
@@ -270,7 +270,7 @@ describe('ProjectList', () => {
                 end: false,
             });
             // Force rerender with search active and query
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Simulate typing "project2" in search
             // This would be handled by the TextInput component
             // We'll test the filtering logic separately
@@ -284,7 +284,7 @@ describe('ProjectList', () => {
             // Need to set up stdin.setRawMode for the test
             const originalSetRawMode = process.stdin.setRawMode;
             process.stdin.setRawMode = vi.fn();
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for projects to load
             await vi.waitFor(() => {
                 return lastFrame()?.includes('project1') ?? false;
@@ -311,7 +311,7 @@ describe('ProjectList', () => {
             // Wait a bit for state update
             await new Promise(resolve => setTimeout(resolve, 50));
             // Force rerender
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Should be in search mode
             expect(lastFrame()).toContain('Search:');
             // Press ESC
@@ -336,7 +336,7 @@ describe('ProjectList', () => {
             // Wait a bit for state update
             await new Promise(resolve => setTimeout(resolve, 50));
             // Force rerender
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Should exit search mode
             expect(lastFrame()).not.toContain('Search:');
             // Restore original
@@ -351,7 +351,7 @@ describe('ProjectList', () => {
             // Need to set up stdin.setRawMode for the test
             const originalSetRawMode = process.stdin.setRawMode;
             process.stdin.setRawMode = vi.fn();
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: "Test error", onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: "Test error", onDismissError: mockOnDismissError }));
             // Press "/" key
             inputHandler('/', {
                 escape: false,
@@ -374,7 +374,7 @@ describe('ProjectList', () => {
             // Wait a bit for state update
             await new Promise(resolve => setTimeout(resolve, 50));
             // Force rerender
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: "Test error", onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: "Test error", onDismissError: mockOnDismissError }));
             // Should not show search input, should dismiss error instead
             expect(lastFrame()).not.toContain('Search:');
             expect(mockOnDismissError).toHaveBeenCalled();
@@ -390,7 +390,7 @@ describe('ProjectList', () => {
             // Need to set up stdin.setRawMode for the test
             const originalSetRawMode = process.stdin.setRawMode;
             process.stdin.setRawMode = vi.fn();
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for projects to load
             await vi.waitFor(() => {
                 return lastFrame()?.includes('project1') ?? false;
@@ -417,7 +417,7 @@ describe('ProjectList', () => {
             // Wait a bit for state update
             await new Promise(resolve => setTimeout(resolve, 50));
             // Force rerender
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Should be in search mode
             expect(lastFrame()).toContain('Search:');
             // Press Enter
@@ -442,7 +442,7 @@ describe('ProjectList', () => {
             // Wait a bit for state update
             await new Promise(resolve => setTimeout(resolve, 50));
             // Force rerender
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Should exit search mode
             expect(lastFrame()).not.toContain('Search:');
             // Should not have called onSelectProject
@@ -459,7 +459,7 @@ describe('ProjectList', () => {
             // Need to set up stdin.setRawMode for the test
             const originalSetRawMode = process.stdin.setRawMode;
             process.stdin.setRawMode = vi.fn();
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for projects to load
             await vi.waitFor(() => {
                 return lastFrame()?.includes('project1') ?? false;
@@ -525,7 +525,7 @@ describe('ProjectList', () => {
             });
             await new Promise(resolve => setTimeout(resolve, 50));
             // Force rerender
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Should display all projects (filter cleared)
             expect(lastFrame()).toContain('project1');
             expect(lastFrame()).toContain('project2');
@@ -544,11 +544,11 @@ describe('ProjectList', () => {
                 cause: 'Directory not accessible',
             });
             vi.mocked(projectManager.instance.discoverProjectsEffect).mockReturnValue(Effect.fail(fileSystemError));
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for loading to finish
             await new Promise(resolve => setTimeout(resolve, 100));
             // Force rerender
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for projects to attempt loading
             await vi.waitFor(() => {
                 const frame = lastFrame();
@@ -569,10 +569,10 @@ describe('ProjectList', () => {
             vi.mocked(projectManager.instance.discoverProjectsEffect).mockReturnValue(
             // @ts-expect-error - Test uses wrong error type (should be FileSystemError)
             Effect.fail(gitError));
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for projects to attempt loading
             await vi.waitFor(() => {
-                rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+                rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
                 return !lastFrame()?.includes('Loading projects...');
             });
             // Should display error message
@@ -586,7 +586,7 @@ describe('ProjectList', () => {
                 }, 500);
                 return Effect.sync(() => clearTimeout(timeout));
             }));
-            const { unmount, lastFrame } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { unmount, lastFrame } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait a bit to ensure promise is pending
             await new Promise(resolve => setTimeout(resolve, 100));
             // Component should still be loading
@@ -600,11 +600,11 @@ describe('ProjectList', () => {
         });
         it('should successfully load projects using Effect execution', async () => {
             vi.mocked(projectManager.instance.discoverProjectsEffect).mockReturnValue(Effect.succeed(mockProjects));
-            const { lastFrame, rerender } = render(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            const { lastFrame, rerender } = render(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for loading to finish
             await new Promise(resolve => setTimeout(resolve, 100));
             // Force rerender
-            rerender(React.createElement(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
+            rerender(_jsx(ProjectList, { projectsDir: "/projects", onSelectProject: mockOnSelectProject, error: null, onDismissError: mockOnDismissError }));
             // Wait for projects to load
             await vi.waitFor(() => {
                 const frame = lastFrame();

package/dist/components/RemoteBranchSelector.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text, useInput } from 'ink';
 import SelectInput from 'ink-select-input';
 import { shortcutManager } from '../services/shortcutManager.js';
@@ -23,25 +23,6 @@ const RemoteBranchSelector = ({ branchName, matches, onSelect, onCancel, }) => {
             onCancel();
         }
     });
-    return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { bold: true, color: "yellow" }, "\u26A0\uFE0F Ambiguous Branch Reference")),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, null,
-                "Branch ",
-                React.createElement(Text, { color: "cyan" },
-                    "'",
-                    branchName,
-                    "'"),
-                " exists in multiple remotes.")),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { dimColor: true }, "Please select which remote branch you want to use as the base:")),
-        React.createElement(SelectInput, { items: selectItems, onSelect: handleSelectItem, initialIndex: 0 }),
-        React.createElement(Box, { marginTop: 1 },
-            React.createElement(Text, { dimColor: true },
-                "Press \u2191\u2193 to navigate, Enter to select,",
-                ' ',
-                shortcutManager.getShortcutDisplay('cancel'),
-                " to cancel"))));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "yellow", children: "\u26A0\uFE0F Ambiguous Branch Reference" }) }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { children: ["Branch ", _jsxs(Text, { color: "cyan", children: ["'", branchName, "'"] }), " exists in multiple remotes."] }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Please select which remote branch you want to use as the base:" }) }), _jsx(SelectInput, { items: selectItems, onSelect: handleSelectItem, initialIndex: 0 }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press \u2191\u2193 to navigate, Enter to select,", ' ', shortcutManager.getShortcutDisplay('cancel'), " to cancel"] }) })] }));
 };
 export default RemoteBranchSelector;

package/dist/components/RemoteBranchSelector.test.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink-testing-library';
 import RemoteBranchSelector from './RemoteBranchSelector.js';
 import { vi, describe, it, expect, beforeEach, afterEach } from 'vitest';
@@ -59,7 +59,7 @@ describe('RemoteBranchSelector Component', () => {
         vi.clearAllMocks();
     });
     it('should render warning title and branch name', () => {
-        const { lastFrame } = render(React.createElement(RemoteBranchSelector, { branchName: mockBranchName, matches: mockMatches, onSelect: onSelect, onCancel: onCancel }));
+        const { lastFrame } = render(_jsx(RemoteBranchSelector, { branchName: mockBranchName, matches: mockMatches, onSelect: onSelect, onCancel: onCancel }));
         const output = lastFrame();
         expect(output).toContain('⚠️ Ambiguous Branch Reference');
         // The component renders the branch name and checks for the message
@@ -67,18 +67,18 @@ describe('RemoteBranchSelector Component', () => {
         expect(output).toContain('exists in multiple remotes.');
     });
     it('should render all remote branch options', () => {
-        const { lastFrame } = render(React.createElement(RemoteBranchSelector, { branchName: mockBranchName, matches: mockMatches, onSelect: onSelect, onCancel: onCancel }));
+        const { lastFrame } = render(_jsx(RemoteBranchSelector, { branchName: mockBranchName, matches: mockMatches, onSelect: onSelect, onCancel: onCancel }));
         const output = lastFrame();
         expect(output).toContain('origin/feature/awesome-feature (from origin)');
         expect(output).toContain('upstream/feature/awesome-feature (from upstream)');
     });
     it('should render cancel option', () => {
-        const { lastFrame } = render(React.createElement(RemoteBranchSelector, { branchName: mockBranchName, matches: mockMatches, onSelect: onSelect, onCancel: onCancel }));
+        const { lastFrame } = render(_jsx(RemoteBranchSelector, { branchName: mockBranchName, matches: mockMatches, onSelect: onSelect, onCancel: onCancel }));
         const output = lastFrame();
         expect(output).toContain('← Cancel');
     });
     it('should display help text with shortcut information', () => {
-        const { lastFrame } = render(React.createElement(RemoteBranchSelector, { branchName: mockBranchName, matches: mockMatches, onSelect: onSelect, onCancel: onCancel }));
+        const { lastFrame } = render(_jsx(RemoteBranchSelector, { branchName: mockBranchName, matches: mockMatches, onSelect: onSelect, onCancel: onCancel }));
         const output = lastFrame();
         expect(output).toContain('Press ↑↓ to navigate, Enter to select, ESC to cancel');
     });
@@ -90,7 +90,7 @@ describe('RemoteBranchSelector Component', () => {
                 fullRef: 'origin/feature/single-feature',
             },
         ];
-        const { lastFrame } = render(React.createElement(RemoteBranchSelector, { branchName: "feature/single-feature", matches: singleMatch, onSelect: onSelect, onCancel: onCancel }));
+        const { lastFrame } = render(_jsx(RemoteBranchSelector, { branchName: "feature/single-feature", matches: singleMatch, onSelect: onSelect, onCancel: onCancel }));
         const output = lastFrame();
         expect(output).toContain('origin/feature/single-feature (from origin)');
         expect(output).not.toContain('upstream');
@@ -108,7 +108,7 @@ describe('RemoteBranchSelector Component', () => {
                 fullRef: 'fork/feature/sub/complex-branch-name',
             },
         ];
-        const { lastFrame } = render(React.createElement(RemoteBranchSelector, { branchName: "feature/sub/complex-branch-name", matches: complexMatches, onSelect: onSelect, onCancel: onCancel }));
+        const { lastFrame } = render(_jsx(RemoteBranchSelector, { branchName: "feature/sub/complex-branch-name", matches: complexMatches, onSelect: onSelect, onCancel: onCancel }));
         const output = lastFrame();
         expect(output).toContain('origin/feature/sub/complex-branch-name (from origin)');
         expect(output).toContain('fork/feature/sub/complex-branch-name (from fork)');
@@ -129,7 +129,7 @@ describe('RemoteBranchSelector Component', () => {
                 fullRef: 'company/test-branch',
             },
         ];
-        const { lastFrame } = render(React.createElement(RemoteBranchSelector, { branchName: "test-branch", matches: manyMatches, onSelect: onSelect, onCancel: onCancel }));
+        const { lastFrame } = render(_jsx(RemoteBranchSelector, { branchName: "test-branch", matches: manyMatches, onSelect: onSelect, onCancel: onCancel }));
         const output = lastFrame();
         // Verify all remotes are shown
         expect(output).toContain('origin/test-branch (from origin)');

package/dist/components/TextInputWrapper.d.ts

@@ -9,5 +9,10 @@ interface TextInputWrapperProps {
     showCursor?: boolean;
     highlightPastedText?: boolean;
 }
+/**
+ * Custom text input component that handles rapid input correctly.
+ * This is a replacement for ink-text-input that uses refs for immediate
+ * state updates, which is necessary for text expansion tools like Espanso.
+ */
 declare const TextInputWrapper: React.FC<TextInputWrapperProps>;
 export default TextInputWrapper;

package/dist/components/TextInputWrapper.js

@@ -1,15 +1,142 @@
-import React from 'react';
-import TextInput from 'ink-text-input';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { Text, useInput } from 'ink';
 import stripAnsi from 'strip-ansi';
-const TextInputWrapper = ({ value, onChange, ...props }) => {
-    const handleChange = (newValue) => {
-        // First strip all ANSI escape sequences
-        let cleanedValue = stripAnsi(newValue);
-        // Then specifically remove bracketed paste mode markers that might remain
-        // These sometimes appear as literal text after ANSI stripping
-        cleanedValue = cleanedValue.replace(/\[200~/g, '').replace(/\[201~/g, '');
-        onChange(cleanedValue);
+/**
+ * Custom text input component that handles rapid input correctly.
+ * This is a replacement for ink-text-input that uses refs for immediate
+ * state updates, which is necessary for text expansion tools like Espanso.
+ */
+const TextInputWrapper = ({ value, onChange, onSubmit, placeholder = '', focus = true, mask, showCursor = true, }) => {
+    // Use ref to track the actual current value for immediate updates
+    // This is critical for handling rapid input from tools like Espanso
+    const valueRef = useRef(value);
+    const cursorRef = useRef(value.length);
+    // State for triggering re-renders
+    const [, forceUpdate] = useState({});
+    // Sync refs when value prop changes from parent
+    useEffect(() => {
+        valueRef.current = value;
+        // Adjust cursor if it's beyond the new value length
+        if (cursorRef.current > value.length) {
+            cursorRef.current = value.length;
+        }
+    }, [value]);
+    const cleanValue = (val) => {
+        let cleaned = stripAnsi(val);
+        cleaned = cleaned.replace(/\[200~/g, '').replace(/\[201~/g, '');
+        return cleaned;
     };
-    return React.createElement(TextInput, { value: value, onChange: handleChange, ...props });
+    // Process backspace characters that might be embedded in input string
+    // This handles cases where text expansion tools send backspaces as characters
+    const processBackspaces = (input, currentValue, cursor) => {
+        let newValue = currentValue;
+        let newCursor = cursor;
+        let remaining = '';
+        for (let i = 0; i < input.length; i++) {
+            const char = input[i];
+            const charCode = char?.charCodeAt(0);
+            // Check for backspace characters (ASCII 8 or 127)
+            if (charCode === 8 || charCode === 127) {
+                if (newCursor > 0) {
+                    newValue =
+                        newValue.slice(0, newCursor - 1) + newValue.slice(newCursor);
+                    newCursor--;
+                }
+            }
+            else {
+                // Regular character - add to remaining
+                remaining += char;
+            }
+        }
+        return { value: newValue, cursor: newCursor, remainingInput: remaining };
+    };
+    useInput((input, key) => {
+        // Ignore certain keys
+        if (key.upArrow ||
+            key.downArrow ||
+            (key.ctrl && input === 'c') ||
+            key.tab ||
+            (key.shift && key.tab)) {
+            return;
+        }
+        // Handle Enter/Return
+        if (key.return) {
+            if (onSubmit) {
+                onSubmit(valueRef.current);
+            }
+            return;
+        }
+        let currentValue = valueRef.current;
+        let cursor = cursorRef.current;
+        if (key.leftArrow) {
+            if (showCursor && cursor > 0) {
+                cursorRef.current = cursor - 1;
+                forceUpdate({});
+            }
+            return;
+        }
+        if (key.rightArrow) {
+            if (showCursor && cursor < currentValue.length) {
+                cursorRef.current = cursor + 1;
+                forceUpdate({});
+            }
+            return;
+        }
+        if (key.backspace || key.delete) {
+            if (cursor > 0) {
+                const nextValue = currentValue.slice(0, cursor - 1) + currentValue.slice(cursor);
+                valueRef.current = nextValue;
+                cursorRef.current = cursor - 1;
+                onChange(nextValue);
+                forceUpdate({});
+            }
+            return;
+        }
+        // Process input that might contain embedded backspace characters
+        // (some text expansion tools send backspaces as part of the input string)
+        const { value: processedValue, cursor: processedCursor, remainingInput, } = processBackspaces(input, currentValue, cursor);
+        currentValue = processedValue;
+        cursor = processedCursor;
+        // Add remaining characters (non-backspace)
+        if (remainingInput) {
+            const cleanedInput = cleanValue(remainingInput);
+            if (cleanedInput) {
+                currentValue =
+                    currentValue.slice(0, cursor) +
+                        cleanedInput +
+                        currentValue.slice(cursor);
+                cursor = cursor + cleanedInput.length;
+            }
+        }
+        // Update refs immediately (synchronously)
+        valueRef.current = currentValue;
+        cursorRef.current = cursor;
+        // Notify parent of value change
+        onChange(currentValue);
+        // Force re-render to update display
+        forceUpdate({});
+    }, { isActive: focus });
+    // Render the text with cursor
+    const displayValue = mask
+        ? mask.repeat(valueRef.current.length)
+        : valueRef.current;
+    const cursor = cursorRef.current;
+    if (!showCursor || !focus) {
+        return (_jsx(Text, { children: displayValue.length > 0 ? (displayValue) : placeholder ? (_jsx(Text, { dimColor: true, children: placeholder })) : null }));
+    }
+    // Show cursor
+    if (displayValue.length === 0) {
+        // Show placeholder with cursor on first char
+        if (placeholder) {
+            return (_jsxs(Text, { children: [_jsx(Text, { inverse: true, children: placeholder[0] || ' ' }), _jsx(Text, { dimColor: true, children: placeholder.slice(1) })] }));
+        }
+        return _jsx(Text, { inverse: true, children: " " });
+    }
+    // Render value with cursor
+    const beforeCursor = displayValue.slice(0, cursor);
+    const atCursor = displayValue[cursor] || ' ';
+    const afterCursor = displayValue.slice(cursor + 1);
+    return (_jsxs(Text, { children: [beforeCursor, _jsx(Text, { inverse: true, children: atCursor }), afterCursor] }));
 };
 export default TextInputWrapper;

package/dist/constants/statusIcons.d.ts

@@ -13,6 +13,7 @@ export declare const STATUS_LABELS: {
 export declare const STATUS_TAGS: {
     readonly BACKGROUND_TASK: "\u001B[2m[BG]\u001B[0m";
 };
+export declare const getBackgroundTaskTag: (count: number) => string;
 export declare const MENU_ICONS: {
     readonly NEW_WORKTREE: "⊕";
     readonly MERGE_WORKTREE: "⇄";
@@ -20,4 +21,4 @@ export declare const MENU_ICONS: {
     readonly CONFIGURE_SHORTCUTS: "⌨";
     readonly EXIT: "⏻";
 };
-export declare const getStatusDisplay: (status: SessionState, hasBackgroundTask?: boolean) => string;
+export declare const getStatusDisplay: (status: SessionState, backgroundTaskCount?: number) => string;

package/dist/constants/statusIcons.js

@@ -12,6 +12,16 @@ export const STATUS_LABELS = {
 export const STATUS_TAGS = {
     BACKGROUND_TASK: '\x1b[2m[BG]\x1b[0m',
 };
+export const getBackgroundTaskTag = (count) => {
+    if (count <= 0) {
+        return '';
+    }
+    if (count === 1) {
+        return STATUS_TAGS.BACKGROUND_TASK;
+    }
+    // count >= 2: show [BG:N]
+    return `\x1b[2m[BG:${count}]\x1b[0m`;
+};
 export const MENU_ICONS = {
     NEW_WORKTREE: '⊕',
     MERGE_WORKTREE: '⇄',
@@ -31,9 +41,8 @@ const getBaseStatusDisplay = (status) => {
             return `${STATUS_ICONS.IDLE} ${STATUS_LABELS.IDLE}`;
     }
 };
-export const getStatusDisplay = (status, hasBackgroundTask = false) => {
+export const getStatusDisplay = (status, backgroundTaskCount = 0) => {
     const display = getBaseStatusDisplay(status);
-    return hasBackgroundTask
-        ? `${display} ${STATUS_TAGS.BACKGROUND_TASK}`
-        : display;
+    const bgTag = getBackgroundTaskTag(backgroundTaskCount);
+    return bgTag ? `${display} ${bgTag}` : display;
 };