cdd-cli 4.0.0 → 4.2.0

package/dist/helpers/textEditing.js

@@ -0,0 +1,293 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/**
+ * @typedef {Object} TextState
+ * @property {string} value  - Current field content
+ * @property {number} cursor - Cursor position (0..value.length)
+ */
+
+/**
+ * @typedef {Object} EditResult
+ * @property {TextState} state   - Resulting state (same object if no change)
+ * @property {boolean}  handled  - true if the key was consumed by the editor
+ */
+
+var BREAK_CHARS = ' \t./\\,;:|(){}[]<>!@#$%^&*+=~`"\'-';
+
+/**
+ * Splits a string into code points (handles emojis via Array.from).
+ * @param {string} s
+ * @returns {string[]}
+ */
+function chars(s) {
+  return Array.from(s);
+}
+
+/**
+ * Returns the index of the start of the word before cursor.
+ * A word boundary is any non-alphanumeric, non-underscore character.
+ *
+ * @param {string} value
+ * @param {number} cursor
+ * @returns {number}
+ */
+export function wordStartBefore(value, cursor) {
+  var arr = chars(value);
+  if (cursor <= 0) return 0;
+  var i = cursor - 1;
+  // Skip trailing non-word chars
+  while (i > 0 && BREAK_CHARS.includes(arr[i])) i--;
+  // Skip word chars
+  while (i > 0 && !BREAK_CHARS.includes(arr[i - 1])) i--;
+  return i;
+}
+
+/**
+ * Returns the index of the start of the word after cursor.
+ *
+ * @param {string} value
+ * @param {number} cursor
+ * @returns {number}
+ */
+export function wordStartAfter(value, cursor) {
+  var arr = chars(value);
+  if (cursor >= arr.length) return arr.length;
+  var i = cursor;
+  // Skip current word chars
+  while (i < arr.length && !BREAK_CHARS.includes(arr[i])) i++;
+  // Skip non-word chars (whitespace, punctuation)
+  while (i < arr.length && BREAK_CHARS.includes(arr[i])) i++;
+  return i;
+}
+
+/**
+ * Inserts text at the cursor position and leaves the cursor after the insertion.
+ *
+ * @param {TextState} state
+ * @param {string} text
+ * @returns {TextState}
+ */
+export function insertAt(state, text) {
+  if (!text) return state;
+  var arr = chars(state.value);
+  var before = arr.slice(0, state.cursor);
+  var after = arr.slice(state.cursor);
+  var result = [].concat(_toConsumableArray(before), _toConsumableArray(chars(text)), _toConsumableArray(after)).join('');
+  return {
+    value: result,
+    cursor: state.cursor + chars(text).length
+  };
+}
+
+/**
+ * Deletes the character before the cursor.
+ *
+ * @param {TextState} state
+ * @returns {TextState}
+ */
+export function deleteBackward(state) {
+  var arr = chars(state.value);
+  if (state.cursor <= 0) return state;
+  var before = arr.slice(0, state.cursor - 1);
+  var after = arr.slice(state.cursor);
+  return {
+    value: before.concat(after).join(''),
+    cursor: state.cursor - 1
+  };
+}
+
+/**
+ * Deletes the character under the cursor.
+ *
+ * @param {TextState} state
+ * @returns {TextState}
+ */
+export function deleteForward(state) {
+  var arr = chars(state.value);
+  if (state.cursor >= arr.length) return state;
+  var before = arr.slice(0, state.cursor);
+  var after = arr.slice(state.cursor + 1);
+  return {
+    value: before.concat(after).join(''),
+    cursor: state.cursor
+  };
+}
+
+/**
+ * Applies a keypress to a text state.
+ * Pure function: reads and writes nothing outside its arguments.
+ *
+ * @param {TextState} state
+ * @param {string} input - Raw Ink input (1 char, a paste, or '')
+ * @param {import('ink').Key} key - Ink special key object
+ * @returns {EditResult}
+ */
+export function applyKeyToText(state, input, key) {
+  // No key combinations from this function
+  if (key.ctrl) {
+    if (input === 'a') {
+      // Ctrl+A → move to start
+      return {
+        state: _objectSpread(_objectSpread({}, state), {}, {
+          cursor: 0
+        }),
+        handled: true
+      };
+    }
+    if (input === 'e') {
+      // Ctrl+E → move to end
+      return {
+        state: _objectSpread(_objectSpread({}, state), {}, {
+          cursor: chars(state.value).length
+        }),
+        handled: true
+      };
+    }
+    if (input === 'w') {
+      // Ctrl+W → delete word before cursor
+      var newCursor = wordStartBefore(state.value, state.cursor);
+      var arr = chars(state.value);
+      var before = arr.slice(0, newCursor);
+      var after = arr.slice(state.cursor);
+      return {
+        state: {
+          value: before.concat(after).join(''),
+          cursor: newCursor
+        },
+        handled: true
+      };
+    }
+    if (input === 'u') {
+      // Ctrl+U → delete from start to cursor
+      var _arr = chars(state.value);
+      var _after = _arr.slice(state.cursor);
+      return {
+        state: {
+          value: _after.join(''),
+          cursor: 0
+        },
+        handled: true
+      };
+    }
+    if (input === 'k') {
+      // Ctrl+K → delete from cursor to end
+      var _arr2 = chars(state.value);
+      var _before = _arr2.slice(0, state.cursor);
+      return {
+        state: {
+          value: _before.join(''),
+          cursor: state.cursor
+        },
+        handled: true
+      };
+    }
+    // Other ctrl combos: not handled
+    return {
+      state: state,
+      handled: false
+    };
+  }
+  if (key.meta) {
+    return {
+      state: state,
+      handled: false
+    };
+  }
+  if (key.leftArrow) {
+    var _newCursor = Math.max(0, state.cursor - 1);
+    return {
+      state: _objectSpread(_objectSpread({}, state), {}, {
+        cursor: _newCursor
+      }),
+      handled: true
+    };
+  }
+  if (key.rightArrow) {
+    var len = chars(state.value).length;
+    var _newCursor2 = Math.min(len, state.cursor + 1);
+    return {
+      state: _objectSpread(_objectSpread({}, state), {}, {
+        cursor: _newCursor2
+      }),
+      handled: true
+    };
+  }
+  if (key.home) {
+    return {
+      state: _objectSpread(_objectSpread({}, state), {}, {
+        cursor: 0
+      }),
+      handled: true
+    };
+  }
+  if (key.end) {
+    return {
+      state: _objectSpread(_objectSpread({}, state), {}, {
+        cursor: chars(state.value).length
+      }),
+      handled: true
+    };
+  }
+  if (key.backspace) {
+    var newState = deleteBackward(state);
+    return {
+      state: newState,
+      handled: true
+    };
+  }
+  if (key["delete"]) {
+    var _newState = deleteForward(state);
+    return {
+      state: _newState,
+      handled: true
+    };
+  }
+
+  // Safety net: \x7f (DEL) is what most terminals send for Backspace.
+  // Ink v6 maps it to key.delete, but if we receive the raw char directly
+  // (e.g. from tests or non-Ink callers), handle it as backspace.
+  if (input === '\x7f' || input === '\b') {
+    var _newState2 = deleteBackward(state);
+    return {
+      state: _newState2,
+      handled: true
+    };
+  }
+
+  // Regular text input (single char or paste)
+  if (input && input.length >= 1) {
+    var _newState3 = insertAt(state, input);
+    return {
+      state: _newState3,
+      handled: true
+    };
+  }
+  return {
+    state: state,
+    handled: false
+  };
+}
+
+/**
+ * Creates a TextState from a string, with cursor at the end.
+ *
+ * @param {string} value
+ * @returns {TextState}
+ */
+export function textStateOf() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return {
+    value: value,
+    cursor: chars(value).length
+  };
+}

package/dist/hooks/creation/useContainerCreation.js

@@ -19,6 +19,7 @@ import { validatePorts, validateEnvVars } from '../../helpers/validationHelpers.
 import { IMAGE_PROFILES, resolveImageTag } from '../../helpers/constants.js';
 import { safeCall } from '../../helpers/safeCall.js';
 import { searchDockerHub, formatHubResult } from '../../helpers/dockerHubService.js';
+import { applyKeyToText } from '../../helpers/textEditing.js';
 var MAX_VISIBLE = 6;
 var INITIAL_FORM = {
   step: 0,
@@ -26,6 +27,12 @@ var INITIAL_FORM = {
   containerName: '',
   portInput: '',
   envInput: '',
+  cursors: {
+    imageName: 0,
+    containerName: 0,
+    portInput: 0,
+    envInput: 0
+  },
   message: '',
   messageColor: 'yellow',
   suggestions: [],
@@ -76,6 +83,7 @@ export function useContainerCreation(_ref) {
     containerName = form.containerName,
     portInput = form.portInput,
     envInput = form.envInput,
+    cursors = form.cursors,
     message = form.message,
     messageColor = form.messageColor,
     suggestions = form.suggestions,
@@ -183,6 +191,76 @@ export function useContainerCreation(_ref) {
     }
   };
 
+  /**
+   * Sets a field's text value and cursor position together.
+   * @param {'imageName'|'containerName'|'portInput'|'envInput'} fieldName
+   * @param {string} value
+   * @param {number} cursor
+   */
+  function setFieldText(fieldName, value, cursor) {
+    dispatch({
+      type: 'SET',
+      payload: _defineProperty(_defineProperty({}, fieldName, value), "cursors", _objectSpread(_objectSpread({}, form.cursors), {}, _defineProperty({}, fieldName, cursor)))
+    });
+  }
+
+  /**
+   * Returns the field name associated with a wizard step.
+   * @param {number} step
+   * @returns {'imageName'|'containerName'|'portInput'|'envInput'|null}
+   */
+  function fieldForStep(step) {
+    var _step;
+    return (_step = ['imageName', 'containerName', 'portInput', 'envInput'][step]) !== null && _step !== void 0 ? _step : null;
+  }
+
+  /**
+   * Applies a keypress to the field associated with the current step.
+   * When the edited field is imageName, recalculates suggestions.
+   * @param {string} input - Raw Ink input
+   * @param {import('ink').Key} key - Ink key object
+   * @returns {boolean} true if the key was consumed
+   */
+  function handleFieldKey(input, key) {
+    var fieldName = fieldForStep(step);
+    if (!fieldName) return false;
+    var currentState = {
+      value: form[fieldName],
+      cursor: cursors[fieldName]
+    };
+    var _applyKeyToText = applyKeyToText(currentState, input, key),
+      newState = _applyKeyToText.state,
+      handled = _applyKeyToText.handled;
+    if (!handled) return false;
+    if (fieldName === 'imageName') {
+      var _activeHubRequestRef$;
+      // Recalculate suggestions when image name changes
+      (_activeHubRequestRef$ = activeHubRequestRef.current.controller) === null || _activeHubRequestRef$ === void 0 || _activeHubRequestRef$.abort();
+      activeHubRequestRef.current.requestId += 1;
+      setIsSearchingHub(false);
+      setHubResults(null);
+      var lower = newState.value.toLowerCase();
+      var matches = newState.value.trim() ? Object.keys(imageProfiles).filter(function (key) {
+        return key.includes(lower);
+      }) : [];
+      dispatch({
+        type: 'SET',
+        payload: {
+          imageName: newState.value,
+          cursors: _objectSpread(_objectSpread({}, form.cursors), {}, {
+            imageName: newState.cursor
+          }),
+          selectedSuggestionIndex: -1,
+          visibleOffset: 0,
+          suggestions: matches
+        }
+      });
+    } else {
+      setFieldText(fieldName, newState.value, newState.cursor);
+    }
+    return true;
+  }
+
   // Docker Hub search state (kept as useState because they are independent of form)
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -200,6 +278,25 @@ export function useContainerCreation(_ref) {
 
   // Timer for auto-clearing messages
   var messageTimerRef = useRef(null);
+
+  /**
+   * Sets a permanent message (e.g. step instructions). No auto-clear.
+   */
+  function setStepMessage(msg) {
+    var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yellow';
+    clearTimeout(messageTimerRef.current);
+    dispatch({
+      type: 'SET',
+      payload: {
+        message: msg,
+        messageColor: color
+      }
+    });
+  }
+
+  /**
+   * Sets a transient feedback message (e.g. validation errors). Auto-clears after `ms`.
+   */
   function setTimedMessage(msg) {
     var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'yellow';
     var ms = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 4000;
@@ -230,15 +327,19 @@ export function useContainerCreation(_ref) {
 
   /**
    * Updates the image name input and recalculates autocomplete suggestions.
+   * Accepts either a plain string (backward compatible) or a TextState object.
    * Resets selectedSuggestionIndex to -1 on every keystroke.
    * Also aborts any in-flight Hub search and clears Hub results.
    *
-   * @param {string} value - New raw image name typed by user
+   * @param {string|TextState} input - New image name (string or {value, cursor})
    */
-  function updateImageInput(value) {
-    var _activeHubRequestRef$;
+  function updateImageInput(input) {
+    var _input$cursor, _activeHubRequestRef$2;
+    var value = typeof input === 'string' ? input : input.value;
+    var cursor = typeof input === 'string' ? value.length : (_input$cursor = input.cursor) !== null && _input$cursor !== void 0 ? _input$cursor : value.length;
+
     // Abort any in-flight Hub search and clear its state
-    (_activeHubRequestRef$ = activeHubRequestRef.current.controller) === null || _activeHubRequestRef$ === void 0 || _activeHubRequestRef$.abort();
+    (_activeHubRequestRef$2 = activeHubRequestRef.current.controller) === null || _activeHubRequestRef$2 === void 0 || _activeHubRequestRef$2.abort();
     activeHubRequestRef.current.requestId += 1;
     setIsSearchingHub(false);
     setHubResults(null);
@@ -250,6 +351,9 @@ export function useContainerCreation(_ref) {
       type: 'SET',
       payload: {
         imageName: value,
+        cursors: _objectSpread(_objectSpread({}, form.cursors), {}, {
+          imageName: cursor
+        }),
         selectedSuggestionIndex: -1,
         visibleOffset: 0,
         suggestions: matches
@@ -274,7 +378,7 @@ export function useContainerCreation(_ref) {
    */
   function _triggerHubSearch() {
     _triggerHubSearch = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
-      var _activeHubRequestRef$2;
+      var _activeHubRequestRef$3;
       var query, requestId, controller, results, _t;
       return _regenerator().w(function (_context) {
         while (1) switch (_context.p = _context.n) {
@@ -294,7 +398,7 @@ export function useContainerCreation(_ref) {
           case 2:
             // Abort previous request (should already be aborted from updateImageInput,
             // but guard here too)
-            (_activeHubRequestRef$2 = activeHubRequestRef.current.controller) === null || _activeHubRequestRef$2 === void 0 || _activeHubRequestRef$2.abort();
+            (_activeHubRequestRef$3 = activeHubRequestRef.current.controller) === null || _activeHubRequestRef$3 === void 0 || _activeHubRequestRef$3.abort();
             requestId = activeHubRequestRef.current.requestId + 1;
             activeHubRequestRef.current.requestId = requestId;
             controller = new AbortController();
@@ -367,10 +471,14 @@ export function useContainerCreation(_ref) {
   function applyFocusedSuggestion() {
     if (selectedSuggestionIndex < 0 || selectedSuggestionIndex >= suggestions.length) return;
     var chosen = suggestions[selectedSuggestionIndex];
+    var resolved = resolveImageTag(chosen, imageProfiles);
     dispatch({
       type: 'SET',
       payload: {
-        imageName: resolveImageTag(chosen, imageProfiles),
+        imageName: resolved,
+        cursors: _objectSpread(_objectSpread({}, form.cursors), {}, {
+          imageName: resolved.length
+        }),
         suggestions: [],
         selectedSuggestionIndex: -1,
         visibleOffset: 0
@@ -392,10 +500,13 @@ export function useContainerCreation(_ref) {
         type: 'SET',
         payload: {
           imageName: resolved,
+          cursors: _objectSpread(_objectSpread({}, form.cursors), {}, {
+            imageName: resolved.length
+          }),
           step: 1
         }
       });
-      setTimedMessage('Optional: Enter container name or leave empty and press Enter', 'yellow');
+      setStepMessage('Optional: Enter container name or leave empty and press Enter', 'yellow');
       return;
     }
     if (step === 1) {
@@ -405,7 +516,7 @@ export function useContainerCreation(_ref) {
           step: 2
         }
       });
-      setTimedMessage('Optional: Enter ports (format 8080:80,443:443) or leave empty and press Enter', 'yellow');
+      setStepMessage('Optional: Enter ports (format 8080:80,443:443) or leave empty and press Enter', 'yellow');
       return;
     }
     if (step === 2) {
@@ -428,13 +539,13 @@ export function useContainerCreation(_ref) {
       var profile = imageProfiles[_baseName];
       if (profile && profile.requiredEnv && profile.requiredEnv.length) {
         var suggestedPart = profile.suggestedEnv && profile.suggestedEnv.length ? " | Suggested: ".concat(profile.suggestedEnv.join(', ')) : '';
-        setTimedMessage("Required env vars for ".concat(_baseName, ": ").concat(profile.requiredEnv.join(', '), ". Enter as VAR=val,VAR2=val2").concat(suggestedPart), 'yellow');
+        setStepMessage("Required env vars for ".concat(_baseName, ": ").concat(profile.requiredEnv.join(', '), ". Enter as VAR=val,VAR2=val2").concat(suggestedPart), 'yellow');
       } else if (profile && profile.suggestedEnv && profile.suggestedEnv.length) {
-        setTimedMessage("Suggested env vars for ".concat(_baseName, ": ").concat(profile.suggestedEnv.join(', '), ". Enter as VAR=val,VAR2=val2 or leave empty."), 'yellow');
+        setStepMessage("Suggested env vars for ".concat(_baseName, ": ").concat(profile.suggestedEnv.join(', '), ". Enter as VAR=val,VAR2=val2 or leave empty."), 'yellow');
       } else if (isDb) {
-        setTimedMessage('Warning: This image usually requires environment variables (e.g. MYSQL_ROOT_PASSWORD=my-secret-pw for MySQL, POSTGRES_PASSWORD=yourpassword for Postgres). Enter them as VAR=val,VAR2=val2 or leave empty and press Enter.', 'yellow');
+        setStepMessage('Warning: This image usually requires environment variables (e.g. MYSQL_ROOT_PASSWORD=my-secret-pw for MySQL, POSTGRES_PASSWORD=yourpassword for Postgres). Enter them as VAR=val,VAR2=val2 or leave empty and press Enter.', 'yellow');
       } else {
-        setTimedMessage('Optional: Enter environment variables (format VAR1=val1,VAR2=val2) or leave empty and press Enter', 'yellow');
+        setStepMessage('Optional: Enter environment variables (format VAR1=val1,VAR2=val2) or leave empty and press Enter', 'yellow');
       }
       return;
     }
@@ -500,7 +611,10 @@ export function useContainerCreation(_ref) {
     dispatch({
       type: 'SET',
       payload: {
-        envInput: newEnvInput
+        envInput: newEnvInput,
+        cursors: _objectSpread(_objectSpread({}, form.cursors), {}, {
+          envInput: newEnvInput.length
+        })
       }
     });
   }
@@ -521,6 +635,7 @@ export function useContainerCreation(_ref) {
     setPortInput: setPortInput,
     envInput: envInput,
     setEnvInput: setEnvInput,
+    cursors: cursors,
     message: message,
     setMessage: setMessage,
     messageColor: messageColor,
@@ -538,6 +653,8 @@ export function useContainerCreation(_ref) {
     cancelCreation: cancelCreation,
     resetCreation: resetCreation,
     insertNextSuggestedEnv: insertNextSuggestedEnv,
-    hasSuggestedEnv: hasSuggestedEnv
+    hasSuggestedEnv: hasSuggestedEnv,
+    fieldForStep: fieldForStep,
+    handleFieldKey: handleFieldKey
   };
 }

package/dist/hooks/useContainerCommandRouter.js

@@ -16,6 +16,7 @@ import { useCallback } from 'react';
  *   l  — open logs viewer and start log stream
  *   c  — open container creation wizard (reset + activate)
  *   d  — toggle debug log panel
+ *   s  — open interactive shell in container
  *
  * @param {Object} params
  * @param {Object} params.actions       - API from useContainerActions
@@ -27,6 +28,7 @@ import { useCallback } from 'react';
  * @param {Function} params.onStartErase    - Callback: activates confirmErase state
  * @param {Function} params.onToggleDebug   - Callback: toggles showDebugLogs state
  * @param {Function} params.onStartCreate   - Callback: sets creatingContainer = true
+ * @param {Function} params.onOpenShell     - Callback: opens interactive shell
  * @returns {{ handleDockerCommands: Function }}
  */
 export function useContainerCommandRouter(_ref) {
@@ -38,7 +40,8 @@ export function useContainerCommandRouter(_ref) {
     startLogsStream = _ref.startLogsStream,
     onStartErase = _ref.onStartErase,
     onToggleDebug = _ref.onToggleDebug,
-    onStartCreate = _ref.onStartCreate;
+    onStartCreate = _ref.onStartCreate,
+    onOpenShell = _ref.onOpenShell;
   var handleDockerCommands = useCallback(function (input) {
     var container = containers[selected];
     if (input === 'i') {
@@ -143,8 +146,15 @@ export function useContainerCommandRouter(_ref) {
       onToggleDebug();
       return true;
     }
+    if (input === 's') {
+      if (!container) {
+        return true;
+      }
+      onOpenShell(container);
+      return true;
+    }
     return false;
-  }, [actions, containers, creation, logsViewer, onStartCreate, onStartErase, onToggleDebug, selected, startLogsStream]);
+  }, [actions, containers, creation, logsViewer, onStartCreate, onStartErase, onToggleDebug, onOpenShell, selected, startLogsStream]);
   return {
     handleDockerCommands: handleDockerCommands
   };

package/dist/hooks/useControls.js

@@ -1,3 +1,9 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -22,6 +28,7 @@ import { useDebugLogs } from './debug/useDebugLogs.js';
 import { useEraseConfirmation } from './useEraseConfirmation.js';
 import { useExitHandler } from './useExitHandler.js';
 import { useContainerCommandRouter } from './useContainerCommandRouter.js';
+import { useShellMode } from './useShellMode.js';
 import { getLogsStream } from '../helpers/dockerService/serviceComponents/containerLogs.js';
 import { createContainer as svcCreateContainer } from '../helpers/dockerService/serviceComponents/containerActions.js';
 import { buildContainerOptions } from '../helpers/containerOptionsBuilder.js';
@@ -48,6 +55,7 @@ export function useControls() {
   var actions = useContainerActions({
     containers: containers
   });
+  var shellMode = useShellMode();
   var creation = useContainerCreation({
     onCreate: function () {
       var _onCreate = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref) {
@@ -176,6 +184,9 @@ export function useControls() {
     },
     onStartCreate: function onStartCreate() {
       return setCreatingContainer(true);
+    },
+    onOpenShell: function onOpenShell(container) {
+      return shellMode.openShell(container);
     }
   });
   var exitHandler = useExitHandler({
@@ -192,14 +203,6 @@ export function useControls() {
    */
   var processCreationInput = React.useCallback(function (input, key) {
     var step = creation.step;
-    var removeLastChar = function removeLastChar(setter) {
-      return setter(function (value) {
-        return (value || '').slice(0, -1);
-      });
-    };
-    var appendChar = function appendChar(setter, current, ch) {
-      return setter((current || '') + ch);
-    };
     if (key.escape) {
       creation.cancelCreation();
       setCreatingContainer(false);
@@ -238,24 +241,16 @@ export function useControls() {
         return;
       }
     }
-    if (key.backspace || key["delete"]) {
-      if (step === 0) {
-        var newValue = (creation.imageName || '').slice(0, -1);
-        creation.updateImageInput(newValue);
-      }
-      if (step === 1) removeLastChar(creation.setContainerName);
-      if (step === 2) removeLastChar(creation.setPortInput);
-      if (step === 3) removeLastChar(creation.setEnvInput);
-      return;
-    }
-    if (input && input.length === 1 && !key.ctrl && !key.meta) {
-      if (step === 0) {
-        creation.updateImageInput((creation.imageName || '') + input);
-      }
-      if (step === 1) appendChar(creation.setContainerName, creation.containerName, input);
-      if (step === 2) appendChar(creation.setPortInput, creation.portInput, input);
-      if (step === 3) appendChar(creation.setEnvInput, creation.envInput, input);
-    }
+
+    // Ink v6 maps \x7f (Backspace on most terminals) to key.delete instead
+    // of key.backspace. Normalize so text editing always receives backspace.
+    var normalizedKey = key["delete"] && !key.backspace ? _objectSpread(_objectSpread({}, key), {}, {
+      "delete": false,
+      backspace: true
+    }) : key;
+
+    // Delegate to the text editor for all field input
+    if (creation.handleFieldKey(input, normalizedKey)) return;
   }, [creation, setCreatingContainer, triggerHubSearch, isSearchingHub, insertNextSuggestedEnv]);
 
   // Single keyboard entry point