fix(import): wire deploy next-step navigation and show dotfiles in file picker

Two TUI fixes for the import flow:
1. ImportFlow now accepts onNavigate prop so selecting "Deploy" from
   next steps navigates to the deploy screen instead of going back.
2. PathInput gains a showHidden prop; YamlPathScreen uses it so
   .bedrock_agentcore.yaml is visible in the file picker.

Author: jesseturner21

src/cli/tui/App.tsx

@@ -4,14 +4,14 @@ import { LayoutProvider } from './context';
 import { CLI_ONLY_EXAMPLES } from './copy';
 import { MissingProjectMessage, WrongDirectoryMessage, getProjectRootMismatch, projectExists } from './guards';
 import { AddFlow } from './screens/add/AddFlow';
-import { ImportFlow } from './screens/import';
 import { CliOnlyScreen } from './screens/cli-only';
 import { CreateScreen } from './screens/create';
 import { DeployScreen } from './screens/deploy/DeployScreen';
 import { DevScreen } from './screens/dev/DevScreen';
 import { EvalHubScreen, EvalScreen } from './screens/eval';
 import { FetchAccessScreen } from './screens/fetch-access';
 import { HelpScreen, HomeScreen } from './screens/home';
+import { ImportFlow } from './screens/import';
 import { InvokeScreen } from './screens/invoke';
 import { OnlineEvalDashboard } from './screens/online-eval';
 import { PackageScreen } from './screens/package';
@@ -262,7 +262,12 @@ function AppContent() {
   }
 
   if (route.name === 'import') {
-    return <ImportFlow onBack={() => setRoute({ name: 'help' })} />;
+    return (
+      <ImportFlow
+        onBack={() => setRoute({ name: 'help' })}
+        onNavigate={command => setRoute({ name: command } as Route)}
+      />
+    );
   }
 
   if (route.name === 'update') {

src/cli/tui/components/PathInput.tsx

@@ -17,6 +17,8 @@ interface PathInputProps {
   maxVisibleItems?: number;
   /** Allow the final path segment to not exist (for create workflows). Parent directory must still exist. */
   allowCreate?: boolean;
+  /** Show hidden files (dotfiles) in completions (default: false) */
+  showHidden?: boolean;
 }
 
 interface CompletionItem {
@@ -37,15 +39,15 @@ function parsePath(input: string, basePath: string): { dir: string; prefix: stri
   return { dir, prefix };
 }
 
-function getCompletions(input: string, basePath: string, pathType: PathType): CompletionItem[] {
+function getCompletions(input: string, basePath: string, pathType: PathType, showHidden = false): CompletionItem[] {
   try {
     const { dir, prefix } = parsePath(input, basePath);
     const entries = readdirSync(dir, { withFileTypes: true });
 
     const items = entries
       .filter(entry => {
         if (!entry.name.toLowerCase().startsWith(prefix.toLowerCase())) return false;
-        if (entry.name.startsWith('.')) return false;
+        if (!showHidden && entry.name.startsWith('.')) return false;
         if (pathType === 'directory' && !entry.isDirectory()) return false;
         return true;
       })
@@ -130,14 +132,15 @@ export function PathInput({
   pathType = 'file',
   maxVisibleItems = 8,
   allowCreate = false,
+  showHidden = false,
 }: PathInputProps) {
   const [value, setValue] = useState(initialValue);
   const [cursor, setCursor] = useState(initialValue.length);
   const [selectedIndex, setSelectedIndex] = useState(0);
   const [error, setError] = useState<string | null>(null);
 
   // Get live completions based on current value
-  const matches = getCompletions(value, basePath, pathType);
+  const matches = getCompletions(value, basePath, pathType, showHidden);
 
   // Calculate viewport for scrolling
   const totalItems = matches.length;

src/cli/tui/components/__tests__/PathInput.test.tsx

@@ -189,6 +189,23 @@ describe('PathInput', () => {
     expect(frame).not.toContain('.gitignore');
   });
 
+  it('shows dotfiles when showHidden is true', () => {
+    mockReaddirSync.mockReturnValue([
+      makeDirent('.hidden', true),
+      makeDirent('.bedrock_agentcore.yaml', false),
+      makeDirent('visible', true),
+    ]);
+
+    const { lastFrame } = render(
+      <PathInput onSubmit={vi.fn()} onCancel={vi.fn()} basePath="/base" showHidden={true} />
+    );
+
+    const frame = lastFrame()!;
+    expect(frame).toContain('visible/');
+    expect(frame).toContain('.hidden');
+    expect(frame).toContain('.bedrock_agentcore.yaml');
+  });
+
   it('navigates dropdown with arrow keys', async () => {
     mockReaddirSync.mockReturnValue([makeDirent('alpha', true), makeDirent('beta', true), makeDirent('gamma', true)]);
 

src/cli/tui/screens/import/ImportFlow.tsx

@@ -1,8 +1,8 @@
-import type { ImportResult, ImportResourceResult } from '../../../commands/import/types';
+import type { ImportResourceResult, ImportResult } from '../../../commands/import/types';
+import { type NextStep, NextSteps } from '../../components/NextSteps';
+import { Panel } from '../../components/Panel';
 import { ErrorPrompt } from '../../components/PromptScreen';
-import { NextSteps, type NextStep } from '../../components/NextSteps';
 import { Screen } from '../../components/Screen';
-import { Panel } from '../../components/Panel';
 import { HELP_TEXT } from '../../constants';
 import { ArnInputScreen } from './ArnInputScreen';
 import { CodePathScreen } from './CodePathScreen';
@@ -38,15 +38,16 @@ const IMPORT_NEXT_STEPS: NextStep[] = [
 
 interface ImportFlowProps {
   onBack: () => void;
+  onNavigate?: (command: string) => void;
 }
 
-export function ImportFlow({ onBack }: ImportFlowProps) {
+export function ImportFlow({ onBack, onNavigate }: ImportFlowProps) {
   const [flow, setFlow] = useState<ImportFlowState>({ name: 'select-type' });
 
   if (flow.name === 'select-type') {
     return (
       <ImportSelectScreen
-        onSelect={(type) => {
+        onSelect={type => {
           if (type === 'runtime' || type === 'memory') {
             setFlow({ name: 'arn-input', resourceType: type });
           } else {
@@ -62,7 +63,7 @@ export function ImportFlow({ onBack }: ImportFlowProps) {
     return (
       <ArnInputScreen
         resourceType={flow.resourceType}
-        onSubmit={(arn) => {
+        onSubmit={arn => {
           if (flow.resourceType === 'runtime') {
             setFlow({ name: 'code-path', resourceType: 'runtime', arn });
           } else {
@@ -81,7 +82,7 @@ export function ImportFlow({ onBack }: ImportFlowProps) {
   if (flow.name === 'code-path') {
     return (
       <CodePathScreen
-        onSubmit={(codePath) => {
+        onSubmit={codePath => {
           setFlow({
             name: 'importing',
             importType: 'runtime',
@@ -97,7 +98,7 @@ export function ImportFlow({ onBack }: ImportFlowProps) {
   if (flow.name === 'yaml-path') {
     return (
       <YamlPathScreen
-        onSubmit={(yamlPath) => {
+        onSubmit={yamlPath => {
           setFlow({
             name: 'importing',
             importType: 'starter-toolkit',
@@ -116,10 +117,10 @@ export function ImportFlow({ onBack }: ImportFlowProps) {
         arn={flow.arn}
         code={flow.code}
         yamlPath={flow.yamlPath}
-        onSuccess={(result) => {
+        onSuccess={result => {
           setFlow({ name: 'success', importType: flow.importType, result });
         }}
-        onError={(message) => {
+        onError={message => {
           setFlow({ name: 'error', message });
         }}
         onExit={onBack}
@@ -129,40 +130,39 @@ export function ImportFlow({ onBack }: ImportFlowProps) {
 
   if (flow.name === 'success') {
     const result = flow.result;
-    const isResource = 'resourceType' in result;
 
     return (
       <Screen title="Import Complete" onExit={onBack} helpText={HELP_TEXT.BACK}>
         <Panel>
           <Box flexDirection="column">
             <Text color="green">Import successful!</Text>
-            {isResource && (
+            {'resourceType' in result && (
               <Box flexDirection="column" marginTop={1}>
                 <Text>
                   <Text dimColor>Type: </Text>
-                  <Text>{(result as ImportResourceResult).resourceType}</Text>
+                  <Text>{result.resourceType}</Text>
                 </Text>
                 <Text>
                   <Text dimColor>Name: </Text>
-                  <Text>{(result as ImportResourceResult).resourceName}</Text>
+                  <Text>{result.resourceName}</Text>
                 </Text>
-                {(result as ImportResourceResult).resourceId && (
+                {result.resourceId && (
                   <Text>
                     <Text dimColor>ID: </Text>
-                    <Text>{(result as ImportResourceResult).resourceId}</Text>
+                    <Text>{result.resourceId}</Text>
                   </Text>
                 )}
               </Box>
             )}
-            {!isResource && (
+            {'importedAgents' in result && (
               <Box flexDirection="column" marginTop={1}>
-                {(result as ImportResult).importedAgents?.map((agent) => (
+                {result.importedAgents?.map(agent => (
                   <Text key={agent}>
                     <Text dimColor>Agent: </Text>
                     <Text>{agent}</Text>
                   </Text>
                 ))}
-                {(result as ImportResult).importedMemories?.map((mem) => (
+                {result.importedMemories?.map(mem => (
                   <Text key={mem}>
                     <Text dimColor>Memory: </Text>
                     <Text>{mem}</Text>
@@ -172,7 +172,12 @@ export function ImportFlow({ onBack }: ImportFlowProps) {
             )}
           </Box>
         </Panel>
-        <NextSteps steps={IMPORT_NEXT_STEPS} isInteractive={true} onSelect={() => onBack()} onBack={onBack} />
+        <NextSteps
+          steps={IMPORT_NEXT_STEPS}
+          isInteractive={true}
+          onSelect={step => (onNavigate ? onNavigate(step.command) : onBack())}
+          onBack={onBack}
+        />
       </Screen>
     );
   }

src/cli/tui/screens/import/YamlPathScreen.tsx

@@ -16,6 +16,7 @@ export function YamlPathScreen({ onSubmit, onExit }: YamlPathScreenProps) {
         <PathInput
           pathType="file"
           placeholder=".bedrock_agentcore.yaml"
+          showHidden={true}
           onSubmit={onSubmit}
           onCancel={onExit}
         />