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>;