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/pages/AppsTab/AppDeploymentPage/DeploymentTab/DeploymentTab.tsx

@@ -0,0 +1,51 @@
+import type { Deployment, AppVersion } from '../../../../api/queries/admin/apps';
+import { DeploymentProgress } from '../../../../components/DeploymentProgress';
+import { StartupLogPanel } from '../../../../components/StartupLogPanel';
+import { EmptyState } from '@cameleer/design-system';
+import { StatusCard } from './StatusCard';
+import { HistoryDisclosure } from './HistoryDisclosure';
+import styles from '../AppDeploymentPage.module.css';
+
+interface Props {
+  deployments: Deployment[];
+  versions: AppVersion[];
+  appSlug: string;
+  envSlug: string;
+  externalUrl: string;
+  onStop: (deploymentId: string) => void;
+  onStart: (deploymentId: string) => void;
+}
+
+export function DeploymentTab({ deployments, versions, appSlug, envSlug, externalUrl, onStop, onStart }: Props) {
+  const latest = deployments
+    .slice()
+    .sort((a, b) => (b.createdAt ?? '').localeCompare(a.createdAt ?? ''))[0] ?? null;
+
+  if (!latest) {
+    return <EmptyState title="No deployments yet" description="Save your configuration and click Redeploy to launch." />;
+  }
+
+  const version = versions.find((v) => v.id === latest.appVersionId) ?? null;
+
+  return (
+    <div className={styles.deploymentTab}>
+      <StatusCard
+        deployment={latest}
+        version={version}
+        externalUrl={externalUrl}
+        onStop={() => onStop(latest.id)}
+        onStart={() => onStart(latest.id)}
+      />
+      {latest.status === 'STARTING' && (
+        <DeploymentProgress currentStage={latest.deployStage} failed={false} />
+      )}
+      {latest.status === 'FAILED' && (
+        <DeploymentProgress currentStage={latest.deployStage} failed />
+      )}
+      <StartupLogPanel deployment={latest} appSlug={appSlug} envSlug={envSlug}
+                       className={styles.logFill} />
+      <HistoryDisclosure deployments={deployments} versions={versions}
+                         appSlug={appSlug} envSlug={envSlug} />
+    </div>
+  );
+}