Added ags

TODO copy ags config

roles/ags/files/widget/settings/Group.ts

@@ -0,0 +1,34 @@
+import icons from "lib/icons"
+import Row from "./Row"
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export default (title: string, ...rows: ReturnType<typeof Row<any>>[]) => Widget.Box(
+    {
+        class_name: "group",
+        vertical: true,
+    },
+    Widget.Box([
+        Widget.Label({
+            hpack: "start",
+            vpack: "end",
+            class_name: "group-title",
+            label: title,
+            setup: w => Utils.idle(() => w.visible = !!title),
+        }),
+        title ? Widget.Button({
+            hexpand: true,
+            hpack: "end",
+            child: Widget.Icon(icons.ui.refresh),
+            class_name: "group-reset",
+            sensitive: Utils.merge(
+                rows.map(({ attribute: { opt } }) => opt.bind().as(v => v !== opt.initial)),
+                (...values) => values.some(b => b),
+            ),
+            on_clicked: () => rows.forEach(row => row.attribute.opt.reset()),
+        }) : Widget.Box(),
+    ]),
+    Widget.Box({
+        vertical: true,
+        children: rows,
+    }),
+)