ccmanager 3.5.1 → 3.5.2

package/dist/cli.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink';
 import meow from 'meow';
 import App from './components/App.js';
@@ -67,8 +67,9 @@ const devcontainerConfig = cli.flags.devcUpCommand && cli.flags.devcExecCommand
 const appProps = {
     ...(devcontainerConfig ? { devcontainerConfig } : {}),
     multiProject: cli.flags.multiProject,
+    version,
 };
-const app = render(React.createElement(App, { ...appProps }));
+const app = render(_jsx(App, { ...appProps }));
 // Clean up sessions on exit
 process.on('SIGINT', () => {
     globalSessionOrchestrator.destroyAllSessions();

package/dist/components/App.d.ts

@@ -3,6 +3,7 @@ import { DevcontainerConfig } from '../types/index.js';
 interface AppProps {
     devcontainerConfig?: DevcontainerConfig;
     multiProject?: boolean;
+    version: string;
 }
 declare const App: React.FC<AppProps>;
 export default App;

package/dist/components/App.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect, useCallback } from 'react';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
 import { useApp, Box, Text } from 'ink';
 import { Effect } from 'effect';
 import Menu from './Menu.js';
@@ -18,7 +19,7 @@ import { configReader } from '../services/config/configReader.js';
 import { ENV_VARS } from '../constants/env.js';
 import { MULTI_PROJECT_ERRORS } from '../constants/error.js';
 import { projectManager } from '../services/projectManager.js';
-const App = ({ devcontainerConfig, multiProject }) => {
+const App = ({ devcontainerConfig, multiProject, version, }) => {
     const { exit } = useApp();
     const [view, setView] = useState(multiProject ? 'project-list' : 'menu');
     const [sessionManager, setSessionManager] = useState(() => globalSessionOrchestrator.getManagerForProject());
@@ -383,68 +384,47 @@ const App = ({ devcontainerConfig, multiProject }) => {
     if (view === 'project-list' && multiProject) {
         const projectsDir = process.env[ENV_VARS.MULTI_PROJECT_ROOT];
         if (!projectsDir) {
-            return (React.createElement(Box, null,
-                React.createElement(Text, { color: "red" },
-                    "Error: ",
-                    MULTI_PROJECT_ERRORS.NO_PROJECTS_DIR)));
+            return (_jsx(Box, { children: _jsxs(Text, { color: "red", children: ["Error: ", MULTI_PROJECT_ERRORS.NO_PROJECTS_DIR] }) }));
         }
-        return (React.createElement(ProjectList, { projectsDir: projectsDir, onSelectProject: handleSelectProject, error: error, onDismissError: () => setError(null) }));
+        return (_jsx(ProjectList, { projectsDir: projectsDir, onSelectProject: handleSelectProject, error: error, onDismissError: () => setError(null) }));
     }
     if (view === 'menu') {
-        return (React.createElement(Menu, { key: menuKey, sessionManager: sessionManager, worktreeService: worktreeService, onSelectWorktree: handleSelectWorktree, onSelectRecentProject: handleSelectProject, error: error, onDismissError: () => setError(null), projectName: selectedProject?.name, multiProject: multiProject }));
+        return (_jsx(Menu, { sessionManager: sessionManager, worktreeService: worktreeService, onSelectWorktree: handleSelectWorktree, onSelectRecentProject: handleSelectProject, error: error, onDismissError: () => setError(null), projectName: selectedProject?.name, multiProject: multiProject, version: version }, menuKey));
     }
     if (view === 'session' && activeSession) {
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Session, { key: activeSession.id, session: activeSession, sessionManager: sessionManager, onReturnToMenu: handleReturnToMenu })));
+        return (_jsx(Box, { flexDirection: "column", children: _jsx(Session, { session: activeSession, sessionManager: sessionManager, onReturnToMenu: handleReturnToMenu }, activeSession.id) }));
     }
     if (view === 'new-worktree') {
-        return (React.createElement(Box, { flexDirection: "column" },
-            error && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "red" },
-                    "Error: ",
-                    error))),
-            React.createElement(NewWorktree, { projectPath: selectedProject?.path || process.cwd(), onComplete: handleCreateWorktree, onCancel: handleCancelNewWorktree })));
+        return (_jsxs(Box, { flexDirection: "column", children: [error && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), _jsx(NewWorktree, { projectPath: selectedProject?.path || process.cwd(), onComplete: handleCreateWorktree, onCancel: handleCancelNewWorktree })] }));
     }
     if (view === 'creating-worktree') {
         // Compose message based on loading context
         const message = loadingContext.copySessionData
             ? 'Creating worktree and copying session data...'
             : 'Creating worktree...';
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(LoadingSpinner, { message: message, color: "cyan" })));
+        return (_jsx(Box, { flexDirection: "column", children: _jsx(LoadingSpinner, { message: message, color: "cyan" }) }));
     }
     if (view === 'delete-worktree') {
-        return (React.createElement(Box, { flexDirection: "column" },
-            error && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "red" },
-                    "Error: ",
-                    error))),
-            React.createElement(DeleteWorktree, { projectPath: selectedProject?.path, onComplete: handleDeleteWorktrees, onCancel: handleCancelDeleteWorktree })));
+        return (_jsxs(Box, { flexDirection: "column", children: [error && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), _jsx(DeleteWorktree, { projectPath: selectedProject?.path, onComplete: handleDeleteWorktrees, onCancel: handleCancelDeleteWorktree })] }));
     }
     if (view === 'deleting-worktree') {
         // Compose message based on loading context
         const message = loadingContext.deleteBranch
             ? 'Deleting worktrees and branches...'
             : 'Deleting worktrees...';
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(LoadingSpinner, { message: message, color: "cyan" })));
+        return (_jsx(Box, { flexDirection: "column", children: _jsx(LoadingSpinner, { message: message, color: "cyan" }) }));
     }
     if (view === 'merge-worktree') {
-        return (React.createElement(Box, { flexDirection: "column" },
-            error && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "red" },
-                    "Error: ",
-                    error))),
-            React.createElement(MergeWorktree, { onComplete: handleReturnToMenu, onCancel: handleReturnToMenu })));
+        return (_jsxs(Box, { flexDirection: "column", children: [error && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) })), _jsx(MergeWorktree, { onComplete: handleReturnToMenu, onCancel: handleReturnToMenu })] }));
     }
     if (view === 'configuration') {
-        return (React.createElement(Configuration, { scope: configScope, onComplete: handleReturnToMenu }));
+        return (_jsx(Configuration, { scope: configScope, onComplete: handleReturnToMenu }));
     }
     if (view === 'preset-selector') {
-        return (React.createElement(PresetSelector, { onSelect: handlePresetSelected, onCancel: handlePresetSelectorCancel }));
+        return (_jsx(PresetSelector, { onSelect: handlePresetSelected, onCancel: handlePresetSelectorCancel }));
     }
     if (view === 'remote-branch-selector' && pendingWorktreeCreation) {
-        return (React.createElement(RemoteBranchSelector, { branchName: pendingWorktreeCreation.ambiguousError.branchName, matches: pendingWorktreeCreation.ambiguousError.matches, onSelect: handleRemoteBranchSelected, onCancel: handleRemoteBranchSelectorCancel }));
+        return (_jsx(RemoteBranchSelector, { branchName: pendingWorktreeCreation.ambiguousError.branchName, matches: pendingWorktreeCreation.ambiguousError.matches, onSelect: handleRemoteBranchSelected, onCancel: handleRemoteBranchSelectorCancel }));
     }
     if (view === 'creating-session') {
         // Compose message based on devcontainerConfig presence
@@ -455,8 +435,7 @@ const App = ({ devcontainerConfig, multiProject }) => {
         // Use yellow color for devcontainer operations (longer duration),
         // cyan for standard session creation
         const color = devcontainerConfig ? 'yellow' : 'cyan';
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(LoadingSpinner, { message: message, color: color })));
+        return (_jsx(Box, { flexDirection: "column", children: _jsx(LoadingSpinner, { message: message, color: color }) }));
     }
     if (view === 'creating-session-preset') {
         // Always display preset-specific message
@@ -466,8 +445,7 @@ const App = ({ devcontainerConfig, multiProject }) => {
             : 'Creating session with preset...';
         // Use yellow color for devcontainer, cyan for standard
         const color = devcontainerConfig ? 'yellow' : 'cyan';
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(LoadingSpinner, { message: message, color: color })));
+        return (_jsx(Box, { flexDirection: "column", children: _jsx(LoadingSpinner, { message: message, color: color }) }));
     }
     if (view === 'clearing') {
         // Render nothing during the clearing phase to ensure clean transition

package/dist/components/App.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 { beforeAll, beforeEach, afterEach, describe, expect, it, vi, } from 'vitest';
 import { Effect } from 'effect';
@@ -14,44 +14,12 @@ const mockSession = {
     id: 'session-1',
 };
 class MockSessionManager {
-    constructor() {
-        Object.defineProperty(this, "on", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: vi.fn((_, __) => this)
-        });
-        Object.defineProperty(this, "off", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: vi.fn((_, __) => this)
-        });
-        Object.defineProperty(this, "getSession", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: vi.fn((_) => null)
-        });
-        Object.defineProperty(this, "getAllSessions", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: vi.fn(() => [])
-        });
-        Object.defineProperty(this, "createSessionWithPresetEffect", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: vi.fn((_, __) => Effect.succeed(mockSession))
-        });
-        Object.defineProperty(this, "createSessionWithDevcontainerEffect", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: vi.fn((_, __) => Effect.succeed(mockSession))
-        });
-    }
+    on = vi.fn((_, __) => this);
+    off = vi.fn((_, __) => this);
+    getSession = vi.fn((_) => null);
+    getAllSessions = vi.fn(() => []);
+    createSessionWithPresetEffect = vi.fn((_, __) => Effect.succeed(mockSession));
+    createSessionWithDevcontainerEffect = vi.fn((_, __) => Effect.succeed(mockSession));
 }
 const sessionManagers = [];
 const getManagerForProjectMock = vi.fn((_) => {
@@ -161,7 +129,7 @@ afterEach(() => {
 });
 describe('App component view state', () => {
     it('renders the menu view by default', async () => {
-        const { lastFrame, unmount } = render(React.createElement(App, null));
+        const { lastFrame, unmount } = render(_jsx(App, { version: "test" }));
         await flush(40);
         expect(lastFrame()).toContain('Menu View');
         unmount();
@@ -169,7 +137,7 @@ describe('App component view state', () => {
     it('renders the project list view first in multi-project mode', async () => {
         const original = process.env[ENV_VARS.MULTI_PROJECT_ROOT];
         process.env[ENV_VARS.MULTI_PROJECT_ROOT] = '/tmp/projects';
-        const { lastFrame, unmount } = render(React.createElement(App, { multiProject: true }));
+        const { lastFrame, unmount } = render(_jsx(App, { multiProject: true, version: "test" }));
         await flush();
         expect(lastFrame()).toContain('Project List View');
         unmount();
@@ -187,7 +155,7 @@ describe('App component loading state machine', () => {
             }),
             catch: (error) => error,
         }));
-        const { lastFrame, unmount } = render(React.createElement(App, null));
+        const { lastFrame, unmount } = render(_jsx(App, { version: "test" }));
         await waitForCondition(() => Boolean(menuProps));
         const menu = menuProps;
         const selectPromise = Promise.resolve(menu.onSelectWorktree({
@@ -216,7 +184,7 @@ describe('App component loading state machine', () => {
             }),
             catch: (error) => error,
         }));
-        const { lastFrame, unmount } = render(React.createElement(App, null));
+        const { lastFrame, unmount } = render(_jsx(App, { version: "test" }));
         await waitForCondition(() => Boolean(menuProps));
         const menu = menuProps;
         const selectPromise = Promise.resolve(menu.onSelectWorktree({
@@ -239,7 +207,7 @@ describe('App component loading state machine', () => {
     });
     it('shows devcontainer spinner while creating a session with config', async () => {
         let resolveSession;
-        const { lastFrame, unmount } = render(React.createElement(App, { devcontainerConfig: {
+        const { lastFrame, unmount } = render(_jsx(App, { version: "test", devcontainerConfig: {
                 upCommand: 'podman up',
                 execCommand: 'podman exec',
             } }));

package/dist/components/Configuration.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
 import SelectInput from 'ink-select-input';
 import ConfigureShortcuts from './ConfigureShortcuts.js';
@@ -102,30 +103,24 @@ const ConfigurationContent = ({ scope, onComplete }) => {
         }
     });
     if (view === 'shortcuts') {
-        return React.createElement(ConfigureShortcuts, { onComplete: handleSubMenuComplete });
+        return _jsx(ConfigureShortcuts, { onComplete: handleSubMenuComplete });
     }
     if (view === 'statusHooks') {
-        return React.createElement(ConfigureStatusHooks, { onComplete: handleSubMenuComplete });
+        return _jsx(ConfigureStatusHooks, { onComplete: handleSubMenuComplete });
     }
     if (view === 'worktreeHooks') {
-        return React.createElement(ConfigureWorktreeHooks, { onComplete: handleSubMenuComplete });
+        return _jsx(ConfigureWorktreeHooks, { onComplete: handleSubMenuComplete });
     }
     if (view === 'worktree') {
-        return React.createElement(ConfigureWorktree, { onComplete: handleSubMenuComplete });
+        return _jsx(ConfigureWorktree, { onComplete: handleSubMenuComplete });
     }
     if (view === 'presets') {
-        return React.createElement(ConfigureCommand, { onComplete: handleSubMenuComplete });
+        return _jsx(ConfigureCommand, { onComplete: handleSubMenuComplete });
     }
     if (view === 'other') {
-        return React.createElement(ConfigureOther, { onComplete: handleSubMenuComplete });
+        return _jsx(ConfigureOther, { onComplete: handleSubMenuComplete });
     }
-    return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { bold: true, color: "green" }, title)),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { dimColor: true }, "Select a configuration option:")),
-        React.createElement(SelectInput, { items: menuItems, onSelect: handleSelect, isFocused: true, limit: 10 })));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "green", children: title }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Select a configuration option:" }) }), _jsx(SelectInput, { items: menuItems, onSelect: handleSelect, isFocused: true, limit: 10 })] }));
 };
-const Configuration = ({ scope, onComplete }) => (React.createElement(ConfigEditorProvider, { scope: scope },
-    React.createElement(ConfigurationContent, { scope: scope, onComplete: onComplete })));
+const Configuration = ({ scope, onComplete }) => (_jsx(ConfigEditorProvider, { scope: scope, children: _jsx(ConfigurationContent, { scope: scope, onComplete: onComplete }) }));
 export default Configuration;

package/dist/components/ConfigureCommand.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
 import TextInputWrapper from './TextInputWrapper.js';
 import SelectInput from 'ink-select-input';
@@ -324,18 +325,7 @@ const ConfigureCommand = ({ onComplete }) => {
         const strategyItems = ALL_STRATEGY_ITEMS;
         const currentStrategy = preset.detectionStrategy || 'claude';
         const initialIndex = strategyItems.findIndex(item => item.value === currentStrategy);
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: "green" }, "Select Detection Strategy")),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, null, "Choose the state detection strategy for this preset:")),
-            React.createElement(SelectInput, { items: strategyItems, onSelect: handleStrategySelect, initialIndex: initialIndex }),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { dimColor: true },
-                    "Press Enter to select,",
-                    ' ',
-                    shortcutManager.getShortcutDisplay('cancel'),
-                    " to cancel"))));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "green", children: "Select Detection Strategy" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Choose the state detection strategy for this preset:" }) }), _jsx(SelectInput, { items: strategyItems, onSelect: handleStrategySelect, initialIndex: initialIndex }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press Enter to select,", ' ', shortcutManager.getShortcutDisplay('cancel'), " to cancel"] }) })] }));
     }
     // Render input field
     if (editField) {
@@ -345,42 +335,15 @@ const ConfigureCommand = ({ onComplete }) => {
             args: 'Enter command arguments (space-separated):',
             fallbackArgs: 'Enter fallback arguments (space-separated):',
         };
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: "green" }, "Edit Preset")),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, null, titles[editField])),
-            errorMessage && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "red" }, errorMessage))),
-            React.createElement(Box, null,
-                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 },
-                React.createElement(Text, { dimColor: true },
-                    "Press Enter to save, ",
-                    shortcutManager.getShortcutDisplay('cancel'),
-                    ' ',
-                    "to cancel"))));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "green", children: "Edit Preset" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: titles[editField] }) }), errorMessage && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "red", children: errorMessage }) })), _jsx(Box, { children: _jsx(TextInputWrapper, { value: inputValue, onChange: setInputValue, onSubmit: handleFieldUpdate, placeholder: editField === 'args' || editField === 'fallbackArgs'
+                            ? 'e.g., --resume or leave empty'
+                            : '' }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press Enter to save, ", shortcutManager.getShortcutDisplay('cancel'), ' ', "to cancel"] }) })] }));
     }
     // Render add preset form
     if (viewMode === 'add') {
         if (isSelectingStrategyInAdd) {
             const strategyItems = ALL_STRATEGY_ITEMS;
-            return (React.createElement(Box, { flexDirection: "column" },
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Text, { bold: true, color: "green" }, "Add New Preset - Detection Strategy")),
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Text, null, "Choose the state detection strategy for this preset:")),
-                React.createElement(Box, { marginBottom: 1 },
-                    React.createElement(Text, { dimColor: true }, "The command will be auto-set based on the strategy (can be changed later)")),
-                React.createElement(SelectInput, { items: strategyItems, onSelect: handleAddStrategySelect, initialIndex: 0 }),
-                React.createElement(Box, { marginTop: 1 },
-                    React.createElement(Text, { dimColor: true },
-                        "Press Enter to select,",
-                        ' ',
-                        shortcutManager.getShortcutDisplay('cancel'),
-                        " to cancel"))));
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "green", children: "Add New Preset - Detection Strategy" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Choose the state detection strategy for this preset:" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "The command will be auto-set based on the strategy (can be changed later)" }) }), _jsx(SelectInput, { items: strategyItems, onSelect: handleAddStrategySelect, initialIndex: 0 }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press Enter to select,", ' ', shortcutManager.getShortcutDisplay('cancel'), " to cancel"] }) })] }));
         }
         const titles = {
             detectionStrategy: 'Select detection strategy:',
@@ -389,27 +352,11 @@ const ConfigureCommand = ({ onComplete }) => {
             fallbackArgs: 'Enter fallback arguments (space-separated):',
             name: 'Enter preset name (freely customizable):',
         };
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: "green" }, "Add New Preset")),
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, null, titles[addStep])),
-            addStep === 'command' && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { dimColor: true }, "Auto-filled from your strategy selection. You can change this if needed."))),
-            errorMessage && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "red" }, errorMessage))),
-            React.createElement(Box, null,
-                React.createElement(TextInputWrapper, { value: inputValue, onChange: setInputValue, onSubmit: handleAddPresetInput, placeholder: addStep === 'name'
-                        ? 'e.g., Development'
-                        : addStep === 'args' || addStep === 'fallbackArgs'
-                            ? 'e.g., --resume or leave empty'
-                            : '' })),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { dimColor: true },
-                    "Press Enter to continue,",
-                    ' ',
-                    shortcutManager.getShortcutDisplay('cancel'),
-                    " to cancel"))));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "green", children: "Add New Preset" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: titles[addStep] }) }), addStep === 'command' && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Auto-filled from your strategy selection. You can change this if needed." }) })), errorMessage && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "red", children: errorMessage }) })), _jsx(Box, { children: _jsx(TextInputWrapper, { value: inputValue, onChange: setInputValue, onSubmit: handleAddPresetInput, placeholder: addStep === 'name'
+                            ? 'e.g., Development'
+                            : addStep === 'args' || addStep === 'fallbackArgs'
+                                ? 'e.g., --resume or leave empty'
+                                : '' }) }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press Enter to continue,", ' ', shortcutManager.getShortcutDisplay('cancel'), " to cancel"] }) })] }));
     }
     // Render delete confirmation
     if (viewMode === 'delete-confirm') {
@@ -423,13 +370,10 @@ const ConfigureCommand = ({ onComplete }) => {
                 setSelectedIndex(6); // Return to delete option in edit menu
             }
         };
-        const title = (React.createElement(Text, { bold: true, color: "red" }, "Confirm Delete"));
-        const message = React.createElement(Text, null,
-            "Delete preset \"",
-            preset?.name,
-            "\"?");
-        const hint = (React.createElement(Text, { dimColor: true }, "Press \u2191\u2193/j/k to navigate, Enter to confirm"));
-        return (React.createElement(Confirmation, { title: title, message: message, options: [
+        const title = (_jsx(Text, { bold: true, color: "red", children: "Confirm Delete" }));
+        const message = _jsxs(Text, { children: ["Delete preset \"", preset?.name, "\"?"] });
+        const hint = (_jsx(Text, { dimColor: true, children: "Press \u2191\u2193/j/k to navigate, Enter to confirm" }));
+        return (_jsx(Confirmation, { title: title, message: message, options: [
                 { label: 'Yes, delete', value: 'yes', color: 'red' },
                 { label: 'Cancel', value: 'cancel', color: 'cyan' },
             ], onSelect: handleConfirmSelect, initialIndex: 1, indicatorColor: "red", hint: hint }));
@@ -484,20 +428,7 @@ const ConfigureCommand = ({ onComplete }) => {
                 return false;
             return true;
         });
-        return (React.createElement(Box, { flexDirection: "column" },
-            React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { bold: true, color: "green" },
-                    "Edit Preset: ",
-                    preset.name)),
-            isDefault && (React.createElement(Box, { marginBottom: 1 },
-                React.createElement(Text, { color: "yellow" }, "\u2B50 This is the default preset"))),
-            React.createElement(SelectInput, { items: selectableItems, onSelect: handleEditMenuSelect }),
-            React.createElement(Box, { marginTop: 1 },
-                React.createElement(Text, { dimColor: true },
-                    "Press \u2191\u2193 to navigate, Enter to edit/select,",
-                    ' ',
-                    shortcutManager.getShortcutDisplay('cancel'),
-                    " to go back"))));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: "green", children: ["Edit Preset: ", preset.name] }) }), isDefault && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "yellow", children: "\u2B50 This is the default preset" }) })), _jsx(SelectInput, { items: selectableItems, onSelect: handleEditMenuSelect }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press \u2191\u2193 to navigate, Enter to edit/select,", ' ', shortcutManager.getShortcutDisplay('cancel'), " to go back"] }) })] }));
     }
     // Render preset list (default view)
     const selectItems = [
@@ -562,25 +493,6 @@ const ConfigureCommand = ({ onComplete }) => {
         }
     };
     const scopeLabel = scope === 'project' ? 'Project' : 'Global';
-    return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { bold: true, color: "green" },
-                "Command Presets (",
-                scopeLabel,
-                ")")),
-        isInheriting && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { backgroundColor: "cyan", color: "black" },
-                ' ',
-                "\uD83D\uDCCB Inheriting from global configuration",
-                ' '))),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { dimColor: true }, "Configure command presets for running code sessions")),
-        React.createElement(SelectInput, { items: selectItems, onSelect: handleSelectItem, initialIndex: selectedIndex }),
-        React.createElement(Box, { marginTop: 1 },
-            React.createElement(Text, { dimColor: true },
-                "Press \u2191\u2193 to navigate, Enter to select,",
-                ' ',
-                shortcutManager.getShortcutDisplay('cancel'),
-                " to exit"))));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: "green", children: ["Command Presets (", scopeLabel, ")"] }) }), isInheriting && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { backgroundColor: "cyan", color: "black", children: [' ', "\uD83D\uDCCB Inheriting from global configuration", ' '] }) })), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Configure command presets for running code sessions" }) }), _jsx(SelectInput, { items: selectItems, onSelect: handleSelectItem, initialIndex: selectedIndex }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press \u2191\u2193 to navigate, Enter to select,", ' ', shortcutManager.getShortcutDisplay('cancel'), " to exit"] }) })] }));
 };
 export default ConfigureCommand;

package/dist/components/ConfigureCustomCommand.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { Box, Text, useInput } from 'ink';
 import TextInputWrapper from './TextInputWrapper.js';
@@ -23,22 +24,6 @@ const ConfigureCustomCommand = ({ value, onChange, onSubmit, onCancel, }) => {
             onChange('');
         }
     });
-    return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { bold: true, color: "green" }, "Custom Auto-Approval Command")),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, null,
-                "Enter the command that returns ",
-                '{needsPermission:boolean}',
-                " JSON:")),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(TextInputWrapper, { value: value, onChange: handleChange, onSubmit: () => onSubmit(value), placeholder: `e.g. jq -n '{"needsPermission":true}'`, focus: true })),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { dimColor: true }, "Env provided: $DEFAULT_PROMPT, $TERMINAL_OUTPUT")),
-        React.createElement(Box, null,
-            React.createElement(Text, { dimColor: true },
-                "Press Enter to save, ",
-                shortcutManager.getShortcutDisplay('cancel'),
-                " to go back, Ctrl+K to clear input"))));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "green", children: "Custom Auto-Approval Command" }) }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { children: ["Enter the command that returns ", '{needsPermission:boolean}', " JSON:"] }) }), _jsx(Box, { marginBottom: 1, children: _jsx(TextInputWrapper, { value: value, onChange: handleChange, onSubmit: () => onSubmit(value), placeholder: `e.g. jq -n '{"needsPermission":true}'`, focus: true }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Env provided: $DEFAULT_PROMPT, $TERMINAL_OUTPUT" }) }), _jsx(Box, { children: _jsxs(Text, { dimColor: true, children: ["Press Enter to save, ", shortcutManager.getShortcutDisplay('cancel'), " to go back, Ctrl+K to clear input"] }) })] }));
 };
 export default ConfigureCustomCommand;

package/dist/components/ConfigureOther.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
 import SelectInput from 'ink-select-input';
 import { useConfigEditor } from '../contexts/ConfigEditorContext.js';
@@ -85,7 +86,7 @@ const ConfigureOther = ({ onComplete }) => {
         }
     };
     if (view === 'customCommand') {
-        return (React.createElement(ConfigureCustomCommand, { value: customCommandDraft, onChange: setCustomCommandDraft, onCancel: () => {
+        return (_jsx(ConfigureCustomCommand, { value: customCommandDraft, onChange: setCustomCommandDraft, onCancel: () => {
                 setCustomCommandDraft(customCommand);
                 setView('main');
             }, onSubmit: value => {
@@ -94,7 +95,7 @@ const ConfigureOther = ({ onComplete }) => {
             } }));
     }
     if (view === 'timeout') {
-        return (React.createElement(ConfigureTimeout, { value: timeoutDraft, onChange: setTimeoutDraft, onCancel: () => {
+        return (_jsx(ConfigureTimeout, { value: timeoutDraft, onChange: setTimeoutDraft, onCancel: () => {
                 setTimeoutDraft(timeout);
                 setView('main');
             }, onSubmit: value => {
@@ -103,25 +104,6 @@ const ConfigureOther = ({ onComplete }) => {
             } }));
     }
     const scopeLabel = scope === 'project' ? 'Project' : 'Global';
-    return (React.createElement(Box, { flexDirection: "column" },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { bold: true, color: "green" },
-                "Other & Experimental Settings (",
-                scopeLabel,
-                ")")),
-        isInheriting && (React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { backgroundColor: "cyan", color: "black" },
-                ' ',
-                "\uD83D\uDCCB Inheriting from global configuration",
-                ' '))),
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(Text, { dimColor: true }, "Toggle experimental capabilities and other miscellaneous options.")),
-        React.createElement(CustomCommandSummary, { command: customCommand }),
-        React.createElement(SelectInput, { items: menuItems, onSelect: handleSelect, isFocused: true }),
-        React.createElement(Box, { marginTop: 1 },
-            React.createElement(Text, { dimColor: true },
-                "Press ",
-                shortcutManager.getShortcutDisplay('cancel'),
-                " to return without saving"))));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: "green", children: ["Other & Experimental Settings (", scopeLabel, ")"] }) }), isInheriting && (_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { backgroundColor: "cyan", color: "black", children: [' ', "\uD83D\uDCCB Inheriting from global configuration", ' '] }) })), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Toggle experimental capabilities and other miscellaneous options." }) }), _jsx(CustomCommandSummary, { command: customCommand }), _jsx(SelectInput, { items: menuItems, onSelect: handleSelect, isFocused: true }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Press ", shortcutManager.getShortcutDisplay('cancel'), " to return without saving"] }) })] }));
 };
 export default ConfigureOther;

package/dist/components/ConfigureOther.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';
 import ConfigureOther from './ConfigureOther.js';
@@ -29,32 +29,10 @@ const mockFns = {
 vi.mock('../services/config/configEditor.js', () => {
     return {
         ConfigEditor: class {
-            constructor() {
-                Object.defineProperty(this, "getAutoApprovalConfig", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: mockFns.getAutoApprovalConfig
-                });
-                Object.defineProperty(this, "setAutoApprovalConfig", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: mockFns.setAutoApprovalConfig
-                });
-                Object.defineProperty(this, "hasProjectOverride", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: mockFns.hasProjectOverride
-                });
-                Object.defineProperty(this, "getScope", {
-                    enumerable: true,
-                    configurable: true,
-                    writable: true,
-                    value: mockFns.getScope
-                });
-            }
+            getAutoApprovalConfig = mockFns.getAutoApprovalConfig;
+            setAutoApprovalConfig = mockFns.setAutoApprovalConfig;
+            hasProjectOverride = mockFns.hasProjectOverride;
+            getScope = mockFns.getScope;
         },
     };
 });
@@ -93,8 +71,7 @@ describe('ConfigureOther', () => {
             customCommand: '',
             timeout: 30,
         });
-        const { lastFrame } = render(React.createElement(ConfigEditorProvider, { scope: "global" },
-            React.createElement(ConfigureOther, { onComplete: vi.fn() })));
+        const { lastFrame } = render(_jsx(ConfigEditorProvider, { scope: "global", children: _jsx(ConfigureOther, { onComplete: vi.fn() }) }));
         expect(lastFrame()).toContain('Other & Experimental Settings');
         expect(lastFrame()).toContain('Auto Approval (experimental): ✅ Enabled');
         expect(lastFrame()).toContain('Custom auto-approval command: Empty');
@@ -107,8 +84,7 @@ describe('ConfigureOther', () => {
             customCommand: 'jq -n \'{"needsPermission":true}\'',
             timeout: 30,
         });
-        const { lastFrame } = render(React.createElement(ConfigEditorProvider, { scope: "global" },
-            React.createElement(ConfigureOther, { onComplete: vi.fn() })));
+        const { lastFrame } = render(_jsx(ConfigEditorProvider, { scope: "global", children: _jsx(ConfigureOther, { onComplete: vi.fn() }) }));
         expect(lastFrame()).toContain('Custom auto-approval command:');
         expect(lastFrame()).toContain('jq -n');
         expect(lastFrame()).toContain('Edit Custom Command');