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

ui(deploy): port missing agent-config fields, var-view switcher, env pill, tab seam

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-22 23:45:19 +02:00
parent d33c039a17
commit b7b6bd2a96
6 changed files with 122 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
ui/src/pages/AppsTab/AppDeploymentPage/ConfigTabs/MonitoringTab.tsx
View File

@@ -42,6 +42,27 @@ export function MonitoringTab({ value, onChange, disabled }: Props) {
]}
/>
<span className={styles.configLabel}>Max Payload Size</span>
<div className={styles.configInline}>
<Input
disabled={disabled}
value={value.payloadSize}
onChange={(e) => update('payloadSize', e.target.value)}
className={styles.inputMd}
placeholder="e.g. 4"
/>
<Select
disabled={disabled}
value={value.payloadUnit}
onChange={(e) => update('payloadUnit', e.target.value)}
options={[
{ value: 'B', label: 'bytes' },
{ value: 'KB', label: 'KB' },
{ value: 'MB', label: 'MB' },
]}
/>
</div>
<span className={styles.configLabel}>App Log Level</span>
<Select
disabled={disabled}
@@ -68,6 +89,15 @@ export function MonitoringTab({ value, onChange, disabled }: Props) {
<span className={value.metricsEnabled ? styles.toggleEnabled : styles.toggleDisabled}>
{value.metricsEnabled ? 'Enabled' : 'Disabled'}
</span>
<span className={styles.cellMeta} style={{ marginLeft: 8 }}>Interval</span>
<Input
disabled={disabled}
value={value.metricsInterval}
onChange={(e) => update('metricsInterval', e.target.value)}
className={styles.inputXs}
placeholder="60"
/>
<span className={styles.cellMeta}>s</span>
</div>
<span className={styles.configLabel}>Sampling Rate</span>
@@ -90,6 +120,30 @@ export function MonitoringTab({ value, onChange, disabled }: Props) {
{value.compressSuccess ? 'Enabled' : 'Disabled'}
</span>
</div>
<span className={styles.configLabel}>Replay</span>
<div className={styles.configInline}>
<Toggle
checked={value.replayEnabled}
onChange={() => !disabled && update('replayEnabled', !value.replayEnabled)}
disabled={disabled}
/>
<span className={value.replayEnabled ? styles.toggleEnabled : styles.toggleDisabled}>
{value.replayEnabled ? 'Enabled' : 'Disabled'}
</span>
</div>
<span className={styles.configLabel}>Route Control</span>
<div className={styles.configInline}>
<Toggle
checked={value.routeControlEnabled}
onChange={() => !disabled && update('routeControlEnabled', !value.routeControlEnabled)}
disabled={disabled}
/>
<span className={value.routeControlEnabled ? styles.toggleEnabled : styles.toggleDisabled}>
{value.routeControlEnabled ? 'Enabled' : 'Disabled'}
</span>
</div>
</div>
);
}