ui(deploy): DeploymentTab + flex-grow StartupLogPanel

DeploymentTab composes StatusCard, DeploymentProgress, StartupLogPanel,
and HistoryDisclosure for the latest deployment. StartupLogPanel gains an
optional className prop, drops the fixed maxHeight, and its .panel rule
uses flex-column + min-height:0 so a parent can drive its height.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

ui/src/components/StartupLogPanel.module.css

@@ -4,6 +4,9 @@
   border-radius: 6px;
   overflow: hidden;
   margin-top: 8px;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
 }
 
 .header {

ui/src/components/StartupLogPanel.tsx

@@ -8,9 +8,10 @@ interface StartupLogPanelProps {
   deployment: Deployment;
   appSlug: string;
   envSlug: string;
+  className?: string;
 }
 
-export function StartupLogPanel({ deployment, appSlug, envSlug }: StartupLogPanelProps) {
+export function StartupLogPanel({ deployment, appSlug, envSlug, className }: StartupLogPanelProps) {
   const isStarting = deployment.status === 'STARTING';
   const isFailed = deployment.status === 'FAILED';
 
@@ -21,7 +22,7 @@ export function StartupLogPanel({ deployment, appSlug, envSlug }: StartupLogPane
   if (entries.length === 0 && !isStarting) return null;
 
   return (
-    <div className={styles.panel}>
+    <div className={`${styles.panel}${className ? ` ${className}` : ''}`}>
       <div className={styles.header}>
         <div className={styles.headerLeft}>
           <span className={styles.title}>Startup Logs</span>
@@ -38,7 +39,7 @@ export function StartupLogPanel({ deployment, appSlug, envSlug }: StartupLogPane
         <span className={styles.lineCount}>{entries.length} lines</span>
       </div>
       {entries.length > 0 ? (
-        <LogViewer entries={entries as unknown as LogEntry[]} maxHeight={300} />
+        <LogViewer entries={entries as unknown as LogEntry[]} />
       ) : (
         <div className={styles.empty}>Waiting for container output...</div>
       )}