ccmanager 1.4.1 → 1.4.2

package/dist/components/ConfigureCommand.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
+import TextInputWrapper from './TextInputWrapper.js';
 import SelectInput from 'ink-select-input';
 import { configurationManager } from '../services/configurationManager.js';
 import { shortcutManager } from '../services/shortcutManager.js';
@@ -294,7 +294,7 @@ const ConfigureCommand = ({ onComplete }) => {
             errorMessage && (React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, { color: "red" }, errorMessage))),
             React.createElement(Box, null,
-                React.createElement(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleFieldUpdate, placeholder: editField === 'args' || editField === 'fallbackArgs'
+                React.createElement(TextInputWrapper, { value: inputValue, onChange: setInputValue, onSubmit: handleFieldUpdate, placeholder: editField === 'args' || editField === 'fallbackArgs'
                         ? 'e.g., --resume or leave empty'
                         : '' })),
             React.createElement(Box, { marginTop: 1 },
@@ -339,7 +339,7 @@ const ConfigureCommand = ({ onComplete }) => {
             errorMessage && (React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, { color: "red" }, errorMessage))),
             React.createElement(Box, null,
-                React.createElement(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleAddPresetInput, placeholder: addStep === 'args' || addStep === 'fallbackArgs'
+                React.createElement(TextInputWrapper, { value: inputValue, onChange: setInputValue, onSubmit: handleAddPresetInput, placeholder: addStep === 'args' || addStep === 'fallbackArgs'
                         ? 'e.g., --resume or leave empty'
                         : addStep === 'name'
                             ? 'e.g., Development'

package/dist/components/ConfigureHooks.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
+import TextInputWrapper from './TextInputWrapper.js';
 import SelectInput from 'ink-select-input';
 import { configurationManager } from '../services/configurationManager.js';
 const STATUS_LABELS = {
@@ -108,7 +108,7 @@ const ConfigureHooks = ({ onComplete }) => {
                     STATUS_LABELS[selectedStatus],
                     ":")),
             React.createElement(Box, { marginBottom: 1 },
-                React.createElement(TextInput, { value: currentCommand, onChange: setCurrentCommand, onSubmit: handleCommandSubmit, placeholder: "Enter command (e.g., notify-send 'Claude is idle')" })),
+                React.createElement(TextInputWrapper, { value: currentCommand, onChange: setCurrentCommand, onSubmit: handleCommandSubmit, placeholder: "Enter command (e.g., notify-send 'Claude is idle')" })),
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, null,
                     "Enabled: ",

package/dist/components/ConfigureWorktree.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
 import SelectInput from 'ink-select-input';
-import TextInput from 'ink-text-input';
+import TextInputWrapper from './TextInputWrapper.js';
 import { configurationManager } from '../services/configurationManager.js';
 import { shortcutManager } from '../services/shortcutManager.js';
 const ConfigureWorktree = ({ onComplete }) => {
@@ -84,7 +84,7 @@ const ConfigureWorktree = ({ onComplete }) => {
                     " - full branch name")),
             React.createElement(Box, null,
                 React.createElement(Text, { color: "cyan" }, '> '),
-                React.createElement(TextInput, { value: tempPattern, onChange: setTempPattern, onSubmit: handlePatternSubmit, placeholder: "../{branch}" })),
+                React.createElement(TextInputWrapper, { value: tempPattern, onChange: setTempPattern, onSubmit: handlePatternSubmit, placeholder: "../{branch}" })),
             React.createElement(Box, { marginTop: 1 },
                 React.createElement(Text, { dimColor: true }, "Press Enter to save or Escape to cancel"))));
     }

package/dist/components/NewWorktree.js

@@ -1,6 +1,6 @@
 import React, { useState, useMemo } from 'react';
 import { Box, Text, useInput } from 'ink';
-import TextInput from 'ink-text-input';
+import TextInputWrapper from './TextInputWrapper.js';
 import SelectInput from 'ink-select-input';
 import { shortcutManager } from '../services/shortcutManager.js';
 import { configurationManager } from '../services/configurationManager.js';
@@ -84,7 +84,7 @@ const NewWorktree = ({ onComplete, onCancel }) => {
                 React.createElement(Text, null, "Enter worktree path (relative to repository root):")),
             React.createElement(Box, null,
                 React.createElement(Text, { color: "cyan" }, '> '),
-                React.createElement(TextInput, { value: path, onChange: setPath, onSubmit: handlePathSubmit, placeholder: "e.g., ../myproject-feature" })))) : step === 'branch' && !isAutoDirectory ? (React.createElement(Box, { flexDirection: "column" },
+                React.createElement(TextInputWrapper, { value: path, onChange: setPath, onSubmit: handlePathSubmit, placeholder: "e.g., ../myproject-feature" })))) : step === 'branch' && !isAutoDirectory ? (React.createElement(Box, { flexDirection: "column" },
             React.createElement(Box, { marginBottom: 1 },
                 React.createElement(Text, null,
                     "Enter branch name for worktree at ",
@@ -92,12 +92,12 @@ 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" })))) : step === 'branch' ? (React.createElement(Box, { flexDirection: "column" },
+                React.createElement(TextInputWrapper, { 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,
                 React.createElement(Text, { color: "cyan" }, '> '),
-                React.createElement(TextInput, { value: branch, onChange: setBranch, onSubmit: handleBranchSubmit, placeholder: "e.g., feature/new-feature" })),
+                React.createElement(TextInputWrapper, { value: branch, onChange: setBranch, onSubmit: handleBranchSubmit, placeholder: "e.g., feature/new-feature" })),
             generatedPath && (React.createElement(Box, { marginTop: 1 },
                 React.createElement(Text, { dimColor: true },
                     "Worktree will be created at:",

package/dist/components/TextInputWrapper.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface TextInputWrapperProps {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    placeholder?: string;
+    focus?: boolean;
+    mask?: string;
+    showCursor?: boolean;
+    highlightPastedText?: boolean;
+}
+declare const TextInputWrapper: React.FC<TextInputWrapperProps>;
+export default TextInputWrapper;

package/dist/components/TextInputWrapper.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import TextInput from 'ink-text-input';
+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);
+    };
+    return React.createElement(TextInput, { value: value, onChange: handleChange, ...props });
+};
+export default TextInputWrapper;

package/dist/utils/worktreeUtils.js

@@ -1,11 +1,10 @@
 import path from 'path';
+import stripAnsi from 'strip-ansi';
 import { getStatusDisplay } from '../constants/statusIcons.js';
 import { formatGitFileChanges, formatGitAheadBehind, formatParentBranch, } from './gitStatus.js';
 // Constants
 const MAX_BRANCH_NAME_LENGTH = 40; // Maximum characters for branch name display
 const MIN_COLUMN_PADDING = 2; // Minimum spaces between columns
-// Strip ANSI escape codes for length calculation
-const stripAnsi = (str) => str.replace(/\x1b\[[0-9;]*m/g, '');
 // Utility function to truncate strings with ellipsis
 export function truncateString(str, maxLength) {
     if (str.length <= maxLength)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ccmanager",
-	"version": "1.4.1",
+	"version": "1.4.2",
 	"description": "TUI application for managing multiple Claude Code sessions across Git worktrees",
 	"license": "MIT",
 	"author": "Kodai Kabasawa",
@@ -45,7 +45,8 @@
 		"ink-text-input": "^5.0.1",
 		"meow": "^11.0.0",
 		"node-pty": "^1.0.0",
-		"react": "^18.2.0"
+		"react": "^18.2.0",
+		"strip-ansi": "^7.1.0"
 	},
 	"devDependencies": {
 		"@eslint/js": "^9.28.0",