milestone 19: hygiene sweep - dead ecs surface, single-source constants, tls classification, frontend state hazards, docker smoke network fix

web/src/features/rules/RulesPage.tsx

@@ -4,6 +4,7 @@ import { formatTime } from "@/lib/format";
 import InlineError from "@/lib/InlineError";
 import { groupsQuery, ruleCreateMutation, ruleDeleteMutation, rulesQuery } from "@/lib/queries";
 import type { Rule, RuleAction, RuleKind } from "@/lib/types";
+import { defaultGroupId } from "@/lib/defaultGroup";
 import { dangerLinkButtonClass, inputClass, primaryButtonClass, tableWrapClass, tdClass, thClass } from "@/ui/classes";
 
 export default function RulesPage() {
@@ -17,7 +18,7 @@ export default function RulesPage() {
 	const [pattern, setPattern] = useState("");
 	const [kind, setKind] = useState<RuleKind>("exact");
 	const [action, setAction] = useState<RuleAction>("block");
-	const [groupId, setGroupId] = useState(groups[0]?.id ?? 1);
+	const [groupId, setGroupId] = useState(() => defaultGroupId(groups));
 
 	function onSubmit(event: FormEvent<HTMLFormElement>) {
 		event.preventDefault();