cdd-cli 3.2.0 → 3.2.2

package/coverage/lcov-report/hooks/useControls.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">27.83% </span>
+                <span class="strong">56.48% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>27/97</span>
+                <span class='fraction'>61/108</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">10.16% </span>
+                <span class="strong">61.33% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>6/59</span>
+                <span class='fraction'>46/75</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">13.04% </span>
+                <span class="strong">26.08% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>3/23</span>
+                <span class='fraction'>6/23</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">31.32% </span>
+                <span class="strong">60.39% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>26/83</span>
+                <span class='fraction'>61/101</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line medium'></div>
     <pre><table class="coverage">
 <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
 <a name='L2'></a><a href='#L2'>2</a>
@@ -263,7 +263,54 @@
 <a name='L198'></a><a href='#L198'>198</a>
 <a name='L199'></a><a href='#L199'>199</a>
 <a name='L200'></a><a href='#L200'>200</a>
-<a name='L201'></a><a href='#L201'>201</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L201'></a><a href='#L201'>201</a>
+<a name='L202'></a><a href='#L202'>202</a>
+<a name='L203'></a><a href='#L203'>203</a>
+<a name='L204'></a><a href='#L204'>204</a>
+<a name='L205'></a><a href='#L205'>205</a>
+<a name='L206'></a><a href='#L206'>206</a>
+<a name='L207'></a><a href='#L207'>207</a>
+<a name='L208'></a><a href='#L208'>208</a>
+<a name='L209'></a><a href='#L209'>209</a>
+<a name='L210'></a><a href='#L210'>210</a>
+<a name='L211'></a><a href='#L211'>211</a>
+<a name='L212'></a><a href='#L212'>212</a>
+<a name='L213'></a><a href='#L213'>213</a>
+<a name='L214'></a><a href='#L214'>214</a>
+<a name='L215'></a><a href='#L215'>215</a>
+<a name='L216'></a><a href='#L216'>216</a>
+<a name='L217'></a><a href='#L217'>217</a>
+<a name='L218'></a><a href='#L218'>218</a>
+<a name='L219'></a><a href='#L219'>219</a>
+<a name='L220'></a><a href='#L220'>220</a>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a>
+<a name='L225'></a><a href='#L225'>225</a>
+<a name='L226'></a><a href='#L226'>226</a>
+<a name='L227'></a><a href='#L227'>227</a>
+<a name='L228'></a><a href='#L228'>228</a>
+<a name='L229'></a><a href='#L229'>229</a>
+<a name='L230'></a><a href='#L230'>230</a>
+<a name='L231'></a><a href='#L231'>231</a>
+<a name='L232'></a><a href='#L232'>232</a>
+<a name='L233'></a><a href='#L233'>233</a>
+<a name='L234'></a><a href='#L234'>234</a>
+<a name='L235'></a><a href='#L235'>235</a>
+<a name='L236'></a><a href='#L236'>236</a>
+<a name='L237'></a><a href='#L237'>237</a>
+<a name='L238'></a><a href='#L238'>238</a>
+<a name='L239'></a><a href='#L239'>239</a>
+<a name='L240'></a><a href='#L240'>240</a>
+<a name='L241'></a><a href='#L241'>241</a>
+<a name='L242'></a><a href='#L242'>242</a>
+<a name='L243'></a><a href='#L243'>243</a>
+<a name='L244'></a><a href='#L244'>244</a>
+<a name='L245'></a><a href='#L245'>245</a>
+<a name='L246'></a><a href='#L246'>246</a>
+<a name='L247'></a><a href='#L247'>247</a>
+<a name='L248'></a><a href='#L248'>248</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -287,22 +334,31 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -316,11 +372,11 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
-<span class="cline-any cline-yes">24x</span>
-<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">84x</span>
+<span class="cline-any cline-yes">84x</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -339,19 +395,24 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">84x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -361,13 +422,15 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -379,69 +442,100 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">22x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">22x</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">22x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">22x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">22x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-yes">3x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">17x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">7x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-yes">5x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">11x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-yes">9x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
 <span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">9x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">84x</span>
+<span class="cline-any cline-yes">30x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">30x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">30x</span>
+<span class="cline-any cline-yes">22x</span>
+<span class="cline-any cline-yes">22x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-yes">8x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">84x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">24x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -463,20 +557,20 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
-import { useInput } from "ink";
-import { useContainerActions } from "./creation/useContainerActions";
-import { useContainerCreation } from "./creation/useContainerCreation";
-import { useLogsViewer } from "./creation/useLogsViewer";
-import { useContainerSelection } from "./navigation/useContainerSelection";
-import { useDebugLogs } from "./debug/useDebugLogs";
-import { useEraseConfirmation } from "./useEraseConfirmation";
-import { useExitHandler } from "./useExitHandler";
-import { useContainerCommandRouter } from "./useContainerCommandRouter";
-import { getLogsStream } from "../helpers/dockerService/serviceComponents/containerLogs.js";
-import { createContainer as svcCreateContainer } from "../helpers/dockerService/serviceComponents/containerActions.js";
-import { buildContainerOptions } from "../helpers/containerOptionsBuilder.js";
-import { DB_IMAGES } from "../helpers/constants.js";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react';
+import { useInput } from 'ink';
+import { useContainerActions } from './creation/useContainerActions';
+import { useContainerCreation } from './creation/useContainerCreation';
+import { useLogsViewer } from './creation/useLogsViewer';
+import { useContainerSelection } from './navigation/useContainerSelection';
+import { useDebugLogs } from './debug/useDebugLogs';
+import { useEraseConfirmation } from './useEraseConfirmation';
+import { useExitHandler } from './useExitHandler';
+import { useContainerCommandRouter } from './useContainerCommandRouter';
+import { getLogsStream } from '../helpers/dockerService/serviceComponents/containerLogs.js';
+import { createContainer as svcCreateContainer } from '../helpers/dockerService/serviceComponents/containerActions.js';
+import { buildContainerOptions } from '../helpers/containerOptionsBuilder.js';
+import { DB_IMAGES } from '../helpers/constants.js';
 &nbsp;
 // Principal hook to manage user inputs and control the app state
 /**
@@ -494,20 +588,29 @@ export function useControls(containers = <span class="branch-0 cbranch-no" title
 &nbsp;
   const creation = useContainerCreation({
     onCreate: async ({ imageName, containerName, portInput, envInput }) =&gt; {
-      const options = buildContainerOptions({ imageName, containerName, portInput, envInput });
+      const options = buildContainerOptions({
+        imageName,
+        containerName,
+        portInput,
+        envInput,
+      });
       actions.setMessage(`Creating container ${imageName}...`);
-      actions.setMessageColor("yellow");
+      actions.setMessageColor('yellow');
       try {
         const { id, ports } = await svcCreateContainer(imageName, options);
-        let portMsg = "";
+        let portMsg = '';
         if (ports &amp;&amp; ports.length) {
-          portMsg = " | Ports: " + ports.map(p =&gt; `${p.hostPort}→${p.containerPort}/${p.protocol}`).join(", ");
+          portMsg =
+            ' | Ports: ' +
+            ports
+              .map((p) =&gt; `${p.hostPort}→${p.containerPort}/${p.protocol}`)
+              .join(', ');
         }
         actions.setMessage(`Created container ${id}${portMsg}`);
-        actions.setMessageColor("green");
+        actions.setMessageColor('green');
       } catch (err) {
         actions.setMessage(`Error creating container: ${err.message}`);
-        actions.setMessageColor("red");
+        actions.setMessageColor('red');
       } finally {
         setCreatingContainer(false);
       }
@@ -524,14 +627,14 @@ export function useControls(containers = <span class="branch-0 cbranch-no" title
     onConfirm: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >      actions.handleAction({</span>
         actionFn: <span class="fstat-no" title="function not covered" >as</span>ync (id) =&gt; <span class="cstat-no" title="statement not covered" >await actions.removeContainer(id),</span>
-        actionLabel: "Erasing",
+        actionLabel: 'Erasing',
         selected: selection.selected,
       });
-<span class="cstat-no" title="statement not covered" >      actions.setMessageColor("yellow");</span>
+<span class="cstat-no" title="statement not covered" >      actions.setMessageColor('yellow');</span>
     },
     onCancel: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >      actions.setMessage("");</span>
-<span class="cstat-no" title="statement not covered" >      actions.setMessageColor("");</span>
+<span class="cstat-no" title="statement not covered" >      actions.setMessage('');</span>
+<span class="cstat-no" title="statement not covered" >      actions.setMessageColor('');</span>
     },
   });
 &nbsp;
@@ -539,17 +642,22 @@ export function useControls(containers = <span class="branch-0 cbranch-no" title
    * Pipe container logs into the viewer while applying a hard limit.
    * @param {string} containerId - Container identifier used by Docker.
    */
-  const startLogsStream = React.useCallback(<span class="fstat-no" title="function not covered" >(c</span>ontainerId) =&gt; {
-<span class="cstat-no" title="statement not covered" >    getLogsStream(</span>
-      containerId,
-<span class="fstat-no" title="function not covered" >      (d</span>ata) =&gt; <span class="cstat-no" title="statement not covered" >logsViewer.setLogs(<span class="fstat-no" title="function not covered" >(p</span>rev) =&gt; {</span>
-        const newLogs = <span class="cstat-no" title="statement not covered" >[...prev, ...data.split("\n").filter(Boolean)];</span>
-<span class="cstat-no" title="statement not covered" >        return newLogs.slice(-1000);</span>
-      }),
-<span class="fstat-no" title="function not covered" >      ()</span> =&gt; {},
-<span class="fstat-no" title="function not covered" >      (e</span>rr) =&gt; <span class="cstat-no" title="statement not covered" >logsViewer.setLogs(<span class="fstat-no" title="function not covered" >(p</span>rev) =&gt; <span class="cstat-no" title="statement not covered" >[...prev, `Error: ${err.message}`])</span></span>
-    );
-  }, [logsViewer]);
+  const startLogsStream = React.useCallback(
+<span class="fstat-no" title="function not covered" >    (c</span>ontainerId) =&gt; {
+<span class="cstat-no" title="statement not covered" >      getLogsStream(</span>
+        containerId,
+<span class="fstat-no" title="function not covered" >        (d</span>ata) =&gt;
+<span class="cstat-no" title="statement not covered" >          logsViewer.setLogs(<span class="fstat-no" title="function not covered" >(p</span>rev) =&gt; {</span>
+            const newLogs = <span class="cstat-no" title="statement not covered" >[...prev, ...data.split('\n').filter(Boolean)];</span>
+<span class="cstat-no" title="statement not covered" >            return newLogs.slice(-1000);</span>
+          }),
+<span class="fstat-no" title="function not covered" >        ()</span> =&gt; {},
+<span class="fstat-no" title="function not covered" >        (e</span>rr) =&gt;
+<span class="cstat-no" title="statement not covered" >          logsViewer.setLogs(<span class="fstat-no" title="function not covered" >(p</span>rev) =&gt; <span class="cstat-no" title="statement not covered" >[...prev, `Error: ${err.message}`])</span></span>
+      );
+    },
+    [logsViewer]
+  );
 &nbsp;
   const commandRouter = useContainerCommandRouter({
     actions,
@@ -560,17 +668,19 @@ export function useControls(containers = <span class="branch-0 cbranch-no" title
     startLogsStream,
     onStartErase: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >      eraseConfirmation.startErase();</span>
-<span class="cstat-no" title="statement not covered" >      actions.setMessage("Are you sure you want to erase this container? (y/n)");</span>
-<span class="cstat-no" title="statement not covered" >      actions.setMessageColor("yellow");</span>
+<span class="cstat-no" title="statement not covered" >      actions.setMessage(</span>
+        'Are you sure you want to erase this container? (y/n)'
+      );
+<span class="cstat-no" title="statement not covered" >      actions.setMessageColor('yellow');</span>
     },
     onToggleDebug: <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >debugLogs.setShowDebugLogs(<span class="fstat-no" title="function not covered" >(p</span>rev) =&gt; <span class="cstat-no" title="statement not covered" >!prev)</span>,</span>
-    onStartCreate: <span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setCreatingContainer(true),</span>
+    onStartCreate: () =&gt; setCreatingContainer(true),
   });
 &nbsp;
   const exitHandler = useExitHandler({
     onBeforeExit: <span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >      actions.setMessage("Exiting...");</span>
-<span class="cstat-no" title="statement not covered" >      actions.setMessageColor("yellow");</span>
+<span class="cstat-no" title="statement not covered" >      actions.setMessage('Exiting...');</span>
+<span class="cstat-no" title="statement not covered" >      actions.setMessageColor('yellow');</span>
 <span class="cstat-no" title="statement not covered" >      logsViewer.closeLogs();</span>
 <span class="cstat-no" title="statement not covered" >      debugLogs.setShowDebugLogs(false);</span>
     },
@@ -579,73 +689,104 @@ export function useControls(containers = <span class="branch-0 cbranch-no" title
   /**
    * Route keystrokes to the container creation wizard.
    */
-  const processCreationInput = React.useCallback(<span class="fstat-no" title="function not covered" >(i</span>nput, key) =&gt; {
-    const step = <span class="cstat-no" title="statement not covered" >creation.step;</span>
+  const processCreationInput = React.useCallback(
+    (input, key) =&gt; {
+      const step = creation.step;
 &nbsp;
-    const removeLastChar = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(s</span>etter) =&gt; <span class="cstat-no" title="statement not covered" >setter(<span class="fstat-no" title="function not covered" >(v</span>alue) =&gt; <span class="cstat-no" title="statement not covered" >(value || "").slice(0, -1))</span>;</span></span>
-    const appendChar = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(s</span>etter, current, ch) =&gt; <span class="cstat-no" title="statement not covered" >setter((current || "") + ch);</span></span>
+      const removeLastChar = <span class="fstat-no" title="function not covered" >(s</span>etter) =&gt;
+<span class="cstat-no" title="statement not covered" >        setter(<span class="fstat-no" title="function not covered" >(v</span>alue) =&gt; <span class="cstat-no" title="statement not covered" >(value || '').slice(0, -1))</span>;</span>
+      const appendChar = <span class="fstat-no" title="function not covered" >(s</span>etter, current, ch) =&gt; <span class="cstat-no" title="statement not covered" >setter((current || '') + ch);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (key.escape) {</span>
-<span class="cstat-no" title="statement not covered" >      creation.cancelCreation();</span>
-<span class="cstat-no" title="statement not covered" >      setCreatingContainer(false);</span>
-<span class="cstat-no" title="statement not covered" >      return;</span>
-    }
+      <span class="missing-if-branch" title="if path not taken" >I</span>if (key.escape) {
+<span class="cstat-no" title="statement not covered" >        creation.cancelCreation();</span>
+<span class="cstat-no" title="statement not covered" >        setCreatingContainer(false);</span>
+<span class="cstat-no" title="statement not covered" >        return;</span>
+      }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (input === "\r" || input === "\n") {</span>
-<span class="cstat-no" title="statement not covered" >      creation.nextStep();</span>
-<span class="cstat-no" title="statement not covered" >      return;</span>
-    }
+      if (input === '\r' || input === '\n') {
+        // If on step 0 with a focused suggestion, apply it instead of advancing
+        if (step === 0 &amp;&amp; creation.selectedSuggestionIndex &gt;= 0) {
+          creation.applyFocusedSuggestion();
+          return;
+        }
+        creation.nextStep();
+        return;
+      }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (key.backspace || key.delete) {</span>
-<span class="cstat-no" title="statement not covered" >      if (step === 0) <span class="cstat-no" title="statement not covered" >removeLastChar(creation.setImageName);</span></span>
-<span class="cstat-no" title="statement not covered" >      if (step === 1) <span class="cstat-no" title="statement not covered" >removeLastChar(creation.setContainerName);</span></span>
-<span class="cstat-no" title="statement not covered" >      if (step === 2) <span class="cstat-no" title="statement not covered" >removeLastChar(creation.setPortInput);</span></span>
-<span class="cstat-no" title="statement not covered" >      if (step === 3) <span class="cstat-no" title="statement not covered" >removeLastChar(creation.setEnvInput);</span></span>
-<span class="cstat-no" title="statement not covered" >      return;</span>
-    }
+      // Arrow keys on step 0: navigate suggestion list
+      if (step === 0 &amp;&amp; creation.suggestions.length &gt; 0) {
+        if (key.upArrow) {
+          creation.moveSuggestionSelection(-1);
+          return;
+        }
+        if (key.downArrow) {
+          creation.moveSuggestionSelection(1);
+          return;
+        }
+      }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (input &amp;&amp; input.length === 1 &amp;&amp; !key.ctrl &amp;&amp; !key.meta) {</span>
-<span class="cstat-no" title="statement not covered" >      if (step === 0) <span class="cstat-no" title="statement not covered" >appendChar(creation.setImageName, creation.imageName, input);</span></span>
-<span class="cstat-no" title="statement not covered" >      if (step === 1) <span class="cstat-no" title="statement not covered" >appendChar(creation.setContainerName, creation.containerName, input);</span></span>
-<span class="cstat-no" title="statement not covered" >      if (step === 2) <span class="cstat-no" title="statement not covered" >appendChar(creation.setPortInput, creation.portInput, input);</span></span>
-<span class="cstat-no" title="statement not covered" >      if (step === 3) <span class="cstat-no" title="statement not covered" >appendChar(creation.setEnvInput, creation.envInput, input);</span></span>
-    }
-  }, [creation, setCreatingContainer]);
+      <span class="missing-if-branch" title="if path not taken" >I</span>if (key.backspace || key.delete) {
+<span class="cstat-no" title="statement not covered" >        if (step === 0) {</span>
+          const newValue = <span class="cstat-no" title="statement not covered" >(creation.imageName || '').slice(0, -1);</span>
+<span class="cstat-no" title="statement not covered" >          creation.updateImageInput(newValue);</span>
+        }
+<span class="cstat-no" title="statement not covered" >        if (step === 1) <span class="cstat-no" title="statement not covered" >removeLastChar(creation.setContainerName);</span></span>
+<span class="cstat-no" title="statement not covered" >        if (step === 2) <span class="cstat-no" title="statement not covered" >removeLastChar(creation.setPortInput);</span></span>
+<span class="cstat-no" title="statement not covered" >        if (step === 3) <span class="cstat-no" title="statement not covered" >removeLastChar(creation.setEnvInput);</span></span>
+<span class="cstat-no" title="statement not covered" >        return;</span>
+      }
+&nbsp;
+      if (input &amp;&amp; input.length === 1 &amp;&amp; !key.ctrl &amp;&amp; !key.meta) {
+        <span class="missing-if-branch" title="else path not taken" >E</span>if (step === 0) {
+          creation.updateImageInput((creation.imageName || '') + input);
+        }
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (step === 1)
+<span class="cstat-no" title="statement not covered" >          appendChar(creation.setContainerName, creation.containerName, input);</span>
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (step === 2)
+<span class="cstat-no" title="statement not covered" >          appendChar(creation.setPortInput, creation.portInput, input);</span>
+        <span class="missing-if-branch" title="if path not taken" >I</span>if (step === 3)
+<span class="cstat-no" title="statement not covered" >          appendChar(creation.setEnvInput, creation.envInput, input);</span>
+      }
+    },
+    [creation, setCreatingContainer]
+  );
 &nbsp;
   // Single keyboard entry point
-  useInput(<span class="fstat-no" title="function not covered" >(i</span>nput, key) =&gt; {
-<span class="cstat-no" title="statement not covered" >    if (eraseConfirmation.confirmErase) {</span>
+  useInput((input, key) =&gt; {
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (eraseConfirmation.confirmErase) {
 <span class="cstat-no" title="statement not covered" >      eraseConfirmation.processEraseConfirmation(input, key);</span>
 <span class="cstat-no" title="statement not covered" >      return;</span>
     }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (logsViewer.showLogs) {</span>
-<span class="cstat-no" title="statement not covered" >      if (input === "q" || key.escape) {</span>
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (logsViewer.showLogs) {
+<span class="cstat-no" title="statement not covered" >      if (input === 'q' || key.escape) {</span>
 <span class="cstat-no" title="statement not covered" >        logsViewer.closeLogs();</span>
       }
 <span class="cstat-no" title="statement not covered" >      return;</span>
     }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (creatingContainer) {</span>
-<span class="cstat-no" title="statement not covered" >      processCreationInput(input, key);</span>
-<span class="cstat-no" title="statement not covered" >      return;</span>
+    if (creatingContainer) {
+      processCreationInput(input, key);
+      return;
     }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (debugLogs.showDebugLogs &amp;&amp; key.escape) {</span>
+    <span class="missing-if-branch" title="if path not taken" >I</span>if (debugLogs.showDebugLogs &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >key.escape)</span> {
 <span class="cstat-no" title="statement not covered" >      debugLogs.setShowDebugLogs(false);</span>
 <span class="cstat-no" title="statement not covered" >      return;</span>
     }
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    commandRouter.handleDockerCommands(input);</span>
-<span class="cstat-no" title="statement not covered" >    exitHandler.handleExitCommand(input);</span>
-<span class="cstat-no" title="statement not covered" >    selection.handleNavigation(input, key);</span>
+    commandRouter.handleDockerCommands(input);
+    exitHandler.handleExitCommand(input);
+    selection.handleNavigation(input, key);
   });
 &nbsp;
   return {
     selected: selection.selected,
     setSelected: selection.setSelected,
-    message: creatingContainer ? <span class="branch-0 cbranch-no" title="branch not covered" >creation.message </span>: actions.message,
-    messageColor: creatingContainer ? <span class="branch-0 cbranch-no" title="branch not covered" >creation.messageColor </span>: actions.messageColor,
+    message: creatingContainer ? creation.message : actions.message,
+    messageColor: creatingContainer
+      ? creation.messageColor
+      : actions.messageColor,
     showLogs: logsViewer.showLogs,
     logs: logsViewer.logs,
     exitLogs: logsViewer.closeLogs,
@@ -670,7 +811,7 @@ export function useControls(containers = <span class="branch-0 cbranch-no" title
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2026-04-25T17:40:28.828Z
+                at 2026-04-27T20:17:25.625Z
             </div>
         <script src="../prettify.js"></script>
         <script>