From e4b6cb954642093882eac894d33599f08edee2e0 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 30 Jan 2026 11:19:17 -0500
Subject: [PATCH 1/4] Button to check all permissions in a section

---
 .../js/components/roles/PermissionTree.vue    |  9 +++++++
 resources/js/components/roles/PublishForm.vue | 26 +++++++++++++++----
 2 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/roles/PermissionTree.vue b/resources/js/components/roles/PermissionTree.vue
index dc49a88c9e..a25fbe8b01 100644
--- a/resources/js/components/roles/PermissionTree.vue
+++ b/resources/js/components/roles/PermissionTree.vue
@@ -36,6 +36,15 @@ export default {
         };
     },
 
+    watch: {
+        initialPermissions: {
+            handler(newPermissions) {
+                this.permissions = newPermissions;
+            },
+            deep: true,
+        },
+    },
+
     methods: {
         updatePermission(permission, checked) {
             permission.checked = checked;
diff --git a/resources/js/components/roles/PublishForm.vue b/resources/js/components/roles/PublishForm.vue
index 1bc6f7556a..bec2a53842 100644
--- a/resources/js/components/roles/PublishForm.vue
+++ b/resources/js/components/roles/PublishForm.vue
@@ -49,15 +49,20 @@
         </Panel>
 
         <div v-if="!isSuper" class="space-y-6 mt-6">
-            <CardPanel v-for="group in permissions" :key="group.handle" :heading="group.label">
-                <PermissionTree :depth="1" :initial-permissions="group.permissions" />
-            </CardPanel>
+            <Panel :heading="group.label" v-for="group in permissions" :key="group.handle">
+                <template #header-actions>
+                    <Button size="sm" variant="subtle" icon="checkmark" @click="checkAllInGroup(group)">{{ __('Check All') }}</Button>
+                </template>
+                <Card>
+                    <PermissionTree :depth="1" :initial-permissions="group.permissions" />
+                </Card>
+            </Panel>
         </div>
     </div>
 </template>
 
 <script>
-import { Header, Button, CardPanel, Panel, PanelHeader, Heading, Card, Switch, Field, Input, CommandPaletteItem } from '@/components/ui';
+import { Header, Button, Panel, PanelHeader, Heading, Card, Switch, Field, Input, CommandPaletteItem } from '@/components/ui';
 import { requireElevatedSession } from '@/components/elevated-sessions';
 import PermissionTree from '@/components/roles/PermissionTree.vue';
 import { router } from '@inertiajs/vue3';
@@ -74,7 +79,6 @@ export default {
         PermissionTree,
         Header,
         Button,
-        CardPanel,
         Panel,
         PanelHeader,
         Heading,
@@ -141,6 +145,18 @@ export default {
     },
 
     methods: {
+        checkAllInGroup(group) {
+            const checkAll = (permissions) => {
+                permissions.forEach(permission => {
+                    permission.checked = true;
+                    if (permission.children && permission.children.length) {
+                        checkAll(permission.children);
+                    }
+                });
+            };
+            checkAll(group.permissions);
+        },
+
         clearErrors() {
             this.error = null;
             this.errors = {};

From 36f5b2fc79d343e6fce98d55aa914ea2a9d9725a Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 30 Jan 2026 11:38:06 -0500
Subject: [PATCH 2/4] Uncheck All per section and a master Un/Check All button

---
 resources/js/components/roles/PublishForm.vue | 54 +++++++++++++++++--
 resources/svg/icons/checkbox-uncheck.svg      |  1 +
 resources/svg/icons/checkbox.svg              |  1 +
 3 files changed, 51 insertions(+), 5 deletions(-)
 create mode 100644 resources/svg/icons/checkbox-uncheck.svg
 create mode 100644 resources/svg/icons/checkbox.svg

diff --git a/resources/js/components/roles/PublishForm.vue b/resources/js/components/roles/PublishForm.vue
index bec2a53842..f3165a9fef 100644
--- a/resources/js/components/roles/PublishForm.vue
+++ b/resources/js/components/roles/PublishForm.vue
@@ -9,6 +9,11 @@
                 prioritize
                 v-slot="{ text, action }"
             >
+                <Button
+                    :icon="areAllCheckedInAllGroups() ? 'checkbox-uncheck' : 'checkbox'"
+                    @click="toggleAllInAllGroups()"
+                    :text="areAllCheckedInAllGroups() ? __('Uncheck All') : __('Check All')"
+                />
                 <Button type="submit" variant="primary" @click="action" :text="text" />
             </CommandPaletteItem>
         </Header>
@@ -51,7 +56,14 @@
         <div v-if="!isSuper" class="space-y-6 mt-6">
             <Panel :heading="group.label" v-for="group in permissions" :key="group.handle">
                 <template #header-actions>
-                    <Button size="sm" variant="subtle" icon="checkmark" @click="checkAllInGroup(group)">{{ __('Check All') }}</Button>
+                    <Button
+                        size="sm"
+                        variant="subtle"
+                        :icon="areAllChecked(group) ? 'checkbox-uncheck' : 'checkbox'"
+                        @click="toggleAllInGroup(group)"
+                    >
+                        {{ areAllChecked(group) ? __('Uncheck All') : __('Check All') }}
+                    </Button>
                 </template>
                 <Card>
                     <PermissionTree :depth="1" :initial-permissions="group.permissions" />
@@ -145,16 +157,48 @@ export default {
     },
 
     methods: {
-        checkAllInGroup(group) {
+        areAllChecked(group) {
             const checkAll = (permissions) => {
+                return permissions.every(permission => {
+                    const childrenChecked = permission.children && permission.children.length
+                        ? checkAll(permission.children)
+                        : true;
+                    return permission.checked && childrenChecked;
+                });
+            };
+            return checkAll(group.permissions);
+        },
+
+        areAllCheckedInAllGroups() {
+            return this.permissions.every(group => this.areAllChecked(group));
+        },
+
+        toggleAllInGroup(group) {
+            const allChecked = this.areAllChecked(group);
+            const toggle = (permissions, checked) => {
                 permissions.forEach(permission => {
-                    permission.checked = true;
+                    permission.checked = checked;
                     if (permission.children && permission.children.length) {
-                        checkAll(permission.children);
+                        toggle(permission.children, checked);
                     }
                 });
             };
-            checkAll(group.permissions);
+            toggle(group.permissions, !allChecked);
+        },
+
+        toggleAllInAllGroups() {
+            const allChecked = this.areAllCheckedInAllGroups();
+            this.permissions.forEach(group => {
+                const toggle = (permissions, checked) => {
+                    permissions.forEach(permission => {
+                        permission.checked = checked;
+                        if (permission.children && permission.children.length) {
+                            toggle(permission.children, checked);
+                        }
+                    });
+                };
+                toggle(group.permissions, !allChecked);
+            });
         },
 
         clearErrors() {
diff --git a/resources/svg/icons/checkbox-uncheck.svg b/resources/svg/icons/checkbox-uncheck.svg
new file mode 100644
index 0000000000..eadf70302e
--- /dev/null
+++ b/resources/svg/icons/checkbox-uncheck.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10 7 4 7" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.960355 10.2878C1.11449 11.737 2.27319 12.9026 3.71314 13.064c2.2118 0.248 4.36289 0.248 6.57466 0 1.44 -0.1614 2.5987 -1.327 2.7528 -2.7762 0.1138 -1.06976 0.2099 -2.16807 0.2099 -3.2878 0 -1.11973 -0.0961 -2.21805 -0.2099 -3.28784 -0.1541 -1.44916 -1.3128 -2.61471 -2.7528 -2.776165 -2.21177 -0.247993 -4.36286 -0.247993 -6.57466 0C2.27319 1.09745 1.11449 2.263 0.960355 3.71216 0.846572 4.78195 0.750488 5.88027 0.750488 7c0 1.11973 0.096084 2.21804 0.209867 3.2878Z" stroke-width="1"/></svg>
\ No newline at end of file
diff --git a/resources/svg/icons/checkbox.svg b/resources/svg/icons/checkbox.svg
new file mode 100644
index 0000000000..3a74405e91
--- /dev/null
+++ b/resources/svg/icons/checkbox.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.959867 10.2685C1.114 11.7092 2.2727 12.8679 3.71266 13.0284 4.78221 13.1476 5.88037 13.25 7 13.25s2.21779 -0.1024 3.2873 -0.2216c1.44 -0.1605 2.5987 -1.3192 2.7528 -2.7599 0.1138 -1.06348 0.2099 -2.15535 0.2099 -3.2685 0 -1.11316 -0.0961 -2.20502 -0.2099 -3.26853 -0.1541 -1.44065 -1.3128 -2.59936 -2.7528 -2.759861C9.21779 0.852392 8.11963 0.75 7 0.75S4.78221 0.852392 3.71266 0.971609C2.2727 1.13211 1.114 2.29082 0.959867 3.73147 0.846083 4.79498 0.75 5.88684 0.75 7c0 1.11315 0.096084 2.20502 0.209867 3.2685Z" stroke-width="1"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.5 7.625 6.31818 9.5c0.85557 -2.45768 1.5681 -3.53614 3.18182 -5" stroke-width="1"/></svg>
\ No newline at end of file

From f320198bc614771128e2200ab7322df77e588eb7 Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 30 Jan 2026 11:51:15 -0500
Subject: [PATCH 3/4] This button only relevant if making a not-super role

---
 resources/js/components/roles/PublishForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/roles/PublishForm.vue b/resources/js/components/roles/PublishForm.vue
index f3165a9fef..91d9462c56 100644
--- a/resources/js/components/roles/PublishForm.vue
+++ b/resources/js/components/roles/PublishForm.vue
@@ -14,7 +14,7 @@
                     @click="toggleAllInAllGroups()"
                     :text="areAllCheckedInAllGroups() ? __('Uncheck All') : __('Check All')"
                 />
-                <Button type="submit" variant="primary" @click="action" :text="text" />
+                <Button v-if="!isSuper" type="submit" variant="primary" @click="action" :text="text" />
             </CommandPaletteItem>
         </Header>
 

From bea8698e45818fcf018fb62112797e1e2b21c6fd Mon Sep 17 00:00:00 2001
From: Jack McDade <jack@jackmcdade.com>
Date: Fri, 30 Jan 2026 11:58:06 -0500
Subject: [PATCH 4/4] Oops, that's supposed to be over here

---
 resources/js/components/roles/PublishForm.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/roles/PublishForm.vue b/resources/js/components/roles/PublishForm.vue
index 91d9462c56..6b7098ed7d 100644
--- a/resources/js/components/roles/PublishForm.vue
+++ b/resources/js/components/roles/PublishForm.vue
@@ -10,11 +10,12 @@
                 v-slot="{ text, action }"
             >
                 <Button
+                    v-if="!isSuper"
                     :icon="areAllCheckedInAllGroups() ? 'checkbox-uncheck' : 'checkbox'"
                     @click="toggleAllInAllGroups()"
                     :text="areAllCheckedInAllGroups() ? __('Uncheck All') : __('Check All')"
                 />
-                <Button v-if="!isSuper" type="submit" variant="primary" @click="action" :text="text" />
+                <Button type="submit" variant="primary" @click="action" :text="text" />
             </CommandPaletteItem>
         </Header>