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

feat: use Toggle switch for metrics setting on AgentHealth config bar
Some checks failed
CI / cleanup-branch (push) Has been skipped
Details
CI / build (push) Successful in 58s
Details
CI / deploy (push) Has been cancelled
Details
CI / deploy-feature (push) Has been cancelled
Details
CI / docker (push) Has been cancelled
Details

Browse Source 
Replaces the plain checkbox with the design system Toggle component
for consistency with the recording toggle on RouteDetail and
AppConfigDetailPage.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-03-26 21:30:35 +01:00
parent 57bb84a2df
commit dd6ea7563f
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/pages/AgentHealth/AgentHealth.tsx
View File

@@ -3,7 +3,7 @@ import { useParams, useNavigate } from 'react-router';
import { import {
StatCard, StatusDot, Badge, MonoText, ProgressBar, StatCard, StatusDot, Badge, MonoText, ProgressBar,
GroupCard, DataTable, LineChart, EventFeed, DetailPanel, GroupCard, DataTable, LineChart, EventFeed, DetailPanel,
LogViewer, ButtonGroup, SectionHeader, useToast, LogViewer, ButtonGroup, SectionHeader, Toggle, useToast,
} from '@cameleer/design-system'; } from '@cameleer/design-system';
import type { Column, FeedEvent, LogEntry, ButtonGroupItem } from '@cameleer/design-system'; import type { Column, FeedEvent, LogEntry, ButtonGroupItem } from '@cameleer/design-system';
import styles from './AgentHealth.module.css'; import styles from './AgentHealth.module.css';
@@ -559,11 +559,8 @@ export default function AgentHealth() {
</div> </div>
<div className={styles.configField}> <div className={styles.configField}>
<span className={styles.configLabel}>Metrics</span> <span className={styles.configLabel}>Metrics</span>
<label className={styles.configToggle}> <Toggle checked={Boolean(configDraft.metricsEnabled)}
<input type="checkbox" checked={Boolean(configDraft.metricsEnabled)} onChange={(e) => setConfigDraft(d => ({ ...d, metricsEnabled: (e.target as HTMLInputElement).checked }))} />
onChange={(e) => setConfigDraft(d => ({ ...d, metricsEnabled: e.target.checked }))} />
<span>{configDraft.metricsEnabled ? 'On' : 'Off'}</span>
</label>
</div> </div>
<div className={styles.configActions}> <div className={styles.configActions}>
<button className={styles.configSaveBtn} onClick={saveConfigEdit} disabled={updateConfig.isPending}>Save</button> <button className={styles.configSaveBtn} onClick={saveConfigEdit} disabled={updateConfig.isPending}>Save</button>