From b20f08b3d097f36db38c8bdbd15632ae24e7b9b2 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Tue, 21 Apr 2026 19:15:52 +0200
Subject: [PATCH] feat(ui/alerts): SilencesPage prefills Rule ID from ?ruleId=
 query param
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Used by InboxPage's 'Silence rule… → Custom…' flow to carry the alert's
ruleId into the silence creation form.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/Alerts/SilencesPage.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/Alerts/SilencesPage.tsx b/ui/src/pages/Alerts/SilencesPage.tsx
index 52665235..41b649c9 100644
--- a/ui/src/pages/Alerts/SilencesPage.tsx
+++ b/ui/src/pages/Alerts/SilencesPage.tsx
@@ -1,4 +1,5 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
+import { useSearchParams } from 'react-router';
 import { BellOff } from 'lucide-react';
 import {
   Button, FormField, Input, useToast, DataTable,
@@ -28,6 +29,12 @@ export default function SilencesPage() {
   const [hours, setHours] = useState(1);
   const [pendingEnd, setPendingEnd] = useState<AlertSilenceResponse | null>(null);
 
+  const [searchParams] = useSearchParams();
+  useEffect(() => {
+    const r = searchParams.get('ruleId');
+    if (r) setMatcherRuleId(r);
+  }, [searchParams]);
+
   if (isLoading) return <PageLoader />;
   if (error) return <div className={css.page}>Failed to load silences: {String(error)}</div>;