feat[frontend](alerting-rules): added sync between visual mode, code …

[AlexSanchez-bit]

No description provided.

[github-actions]

🛑 AI review — High/critical findings

One or more high/critical issues were found. Please review and fix before merging if they're real.

✅ architecture (gemini-3-flash-lite) — clean

Summary: Frontend-only change refactoring the alerting rule editor between visual and code mode.

No findings.

🛑 bugs (gemini-3-flash-lite) — high/critical — please review

Summary: Infinite React render loop introduced by useEffect syncing state with form/mode.

• high frontend/src/features/alerting-rules/components/rule-drawer.tsx:52 — useEffect depends on form and mode, and calls setYaml inside when mode === 'visual'. Depending on how yamlToRuleForm updates form or how parents pass down form, this can trigger an infinite render/update loop or lose user edits during typing.

✅ security (gemini-3-flash-lite) — clean

Summary: Refactored rule drawer UI to sync YAML and visual forms live without introducing security vulnerabilities.

No findings.

🟢 go-deps — up to date

No pending Go dependency updates.

[AlexSanchez-bit]

no infinity loop is called since form is a local variable shared by alertig rule drawer only