fix: match preview branch deploy UI and persist deployHash

- Deploy screen in TUI dev mode now matches preview branch: shows
  "Deploying project resources..." with DeployStatus CFN messages,
  filters redundant step, yellow error text, and log path link.
- Persist deployHash in deployed-state.json after successful deploys
  so canSkipDeploy can detect unchanged projects and skip re-deploy.

Author: jesseturner21

src/cli/commands/deploy/actions.ts

@@ -34,6 +34,7 @@ import {
   synthesizeCdk,
   validateProject,
 } from '../../operations/deploy';
+import { computeProjectDeployHash } from '../../operations/deploy/change-detection';
 import { formatTargetStatus, getGatewayTargetStatuses } from '../../operations/deploy/gateway-status';
 import { createDeploymentManager } from '../../operations/deploy/imperative';
 import { deleteOrphanedABTests, setupABTests } from '../../operations/deploy/post-deploy-ab-tests';
@@ -510,6 +511,13 @@ export async function handleDeploy(options: ValidatedDeployOptions): Promise<Dep
       }
     }
 
+    let deployHash: string | undefined;
+    try {
+      deployHash = await computeProjectDeployHash(configIO);
+    } catch {
+      // hash computation is best-effort
+    }
+
     const existingState = await configIO.readDeployedState().catch(() => undefined);
     let deployedState = buildDeployedState({
       targetName: target.name,
@@ -527,6 +535,14 @@ export async function handleDeploy(options: ValidatedDeployOptions): Promise<Dep
       harnesses: deployedHarnesses,
       runtimeEndpoints,
     });
+
+    if (deployHash) {
+      const targetState = deployedState.targets[target.name];
+      if (targetState?.resources) {
+        targetState.resources.deployHash = deployHash;
+      }
+    }
+
     await configIO.writeDeployedState(deployedState);
 
     // Show gateway URLs and target sync status

src/cli/tui/screens/dev/DevScreen.tsx

@@ -1,7 +1,16 @@
 import type { AgentEnvSpec } from '../../../../schema';
 import { isPreviewEnabled } from '../../../feature-flags';
 import { getDevSupportedAgents, getEndpointUrl, loadProjectConfig } from '../../../operations/dev';
-import { GradientText, LogLink, Panel, Screen, SelectList, StepProgress, TextInput } from '../../components';
+import {
+  DeployStatus,
+  GradientText,
+  LogLink,
+  Panel,
+  Screen,
+  SelectList,
+  StepProgress,
+  TextInput,
+} from '../../components';
 import { useDevDeploy } from '../../hooks/useDevDeploy';
 import { type ConversationMessage, useDevServer } from '../../hooks/useDevServer';
 import { InvokeScreen } from '../invoke/InvokeScreen';
@@ -232,8 +241,10 @@ export function DevScreen(props: DevScreenProps) {
 
   const {
     steps: deploySteps,
+    deployMessages,
     isComplete: deployComplete,
     error: deployError,
+    logPath: deployLogPath,
   } = useDevDeploy({ skip: props.skipDeploy, ready: mode === 'deploying' });
 
   const hasTransitionedFromDeployRef = useRef(false);
@@ -510,19 +521,28 @@ export function DevScreen(props: DevScreenProps) {
   }
 
   if (mode === 'deploying') {
+    const hasStartedCfn = deployMessages.length > 0;
+    const displaySteps = hasStartedCfn ? deploySteps.filter(s => s.label !== 'Deploy to AWS') : deploySteps;
+
     return (
-      <Screen title="Dev Server" onExit={handleExit} helpText="Esc cancel">
-        <Panel title="Deploying Harness" fullWidth>
-          <Box flexDirection="column">
-            <StepProgress steps={deploySteps} />
-            {deployError && (
-              <Box flexDirection="column" marginTop={1}>
-                <Text color="red">Deploy failed: {deployError}</Text>
-                <Text dimColor>Press Esc to go back.</Text>
-              </Box>
-            )}
+      <Screen title="Dev" onExit={handleExit} helpText="Esc quit">
+        <Box flexDirection="column" paddingX={1}>
+          <Text bold>Deploying project resources...</Text>
+          <Box marginTop={1}>
+            <StepProgress steps={displaySteps} />
           </Box>
-        </Panel>
+          {hasStartedCfn && (
+            <Box marginTop={1}>
+              <DeployStatus messages={deployMessages} isComplete={deployComplete} hasError={!!deployError} />
+            </Box>
+          )}
+          {deployError && (
+            <Box marginTop={1}>
+              <Text color="yellow">Deploy failed: {deployError}</Text>
+            </Box>
+          )}
+          {deployLogPath && <LogLink filePath={deployLogPath} />}
+        </Box>
       </Screen>
     );
   }