feat(web): focus-visible rings on custom controls; honest authority links + lang group (#52)

web/src/fields/field-list.tsx

@@ -5,8 +5,10 @@ import type { components } from "../api/schema";
 import { useFieldDefinitions, useDeleteFieldDefinition } from "../api/queries";
 import { labelText } from "../lib/labels";
 import { byLabel, compareStrings } from "../lib/sort";
+import { focusRing } from "../lib/focus-ring";
 import { DeleteConfirmDialog } from "../components/delete-confirm-dialog";
 import { Badge } from "@/components/ui/badge";
+import { cn } from "@/lib/utils";
 import { Input } from "@/components/ui/input";
 import { ListSkeleton } from "@/components/ui/skeletons";
 
@@ -86,7 +88,7 @@ export function FieldList({
                   >
                     <button
                       type="button"
-                      className="flex flex-1 items-center gap-2 text-left"
+                      className={cn("flex flex-1 items-center gap-2 rounded-sm text-left", focusRing)}
                       aria-pressed={def.key === selectedKey}
                       onClick={() => onSelect(def)}
                     >