cameleer/cameleer-server
1
0
Fork 0
Code Issues 45 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source 
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>
This commit is contained in:
hsiegeln
2026-04-22 22:59:11 +02:00
parent f487e6caef
commit b7c0a225f5
2 changed files with 27 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ui/src/pages/AppsTab/AppDeploymentPage/AppDeploymentPage.module.css
View File

@@ -206,6 +206,19 @@
cursor: default; 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 */ /* Env vars list */
.envVarsList { .envVarsList {
display: flex; display: flex;

14
ui/src/pages/AppsTab/AppDeploymentPage/ConfigTabs/LiveBanner.tsx Normal file
View File

@@ -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>
);
}