ui(deploy): LiveBanner component for live-apply tabs

Adds a warning banner that communicates live-apply semantics (changes
bypass the Save/Redeploy cycle). Uses --warning-bg / --warning-border
DS tokens. CSS class .liveBanner added to AppDeploymentPage.module.css.

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

ui/src/pages/AppsTab/AppDeploymentPage/AppDeploymentPage.module.css

@@ -206,6 +206,19 @@
   cursor: default;
 }
 
+.liveBanner {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 12px;
+  margin-bottom: 12px;
+  background: var(--warning-bg);
+  border: 1px solid var(--warning-border);
+  border-radius: 6px;
+  color: var(--text-primary);
+  font-size: 13px;
+}
+
 /* Env vars list */
 .envVarsList {
   display: flex;

ui/src/pages/AppsTab/AppDeploymentPage/ConfigTabs/LiveBanner.tsx

@@ -0,0 +1,14 @@
+import { Info } from 'lucide-react';
+import styles from '../AppDeploymentPage.module.css';
+
+export function LiveBanner() {
+  return (
+    <div className={styles.liveBanner}>
+      <Info size={14} />
+      <span>
+        <strong>Live controls.</strong> Changes apply immediately to running agents and do
+        not participate in the Save/Redeploy cycle.
+      </span>
+    </div>
+  );
+}