From a860da50353a8f85850732bf967a83ce7c2916b1 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Wed, 11 Feb 2026 15:17:21 +0000
Subject: [PATCH 1/2] Add support for "pinned" actions

---
 resources/js/components/actions/ItemActions.vue | 10 +++++++++-
 src/Actions/Action.php                          |  2 ++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/actions/ItemActions.vue b/resources/js/components/actions/ItemActions.vue
index e85da2484d6..3ddc32b5e6f 100644
--- a/resources/js/components/actions/ItemActions.vue
+++ b/resources/js/components/actions/ItemActions.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, useTemplateRef, watch } from 'vue';
+import { ref, computed, useTemplateRef, watch, useSlots } from 'vue';
 import useActions from './Actions.js';
 import ConfirmableAction from './ConfirmableAction.vue';
 import axios from 'axios';
@@ -30,6 +30,10 @@ let preparedActions = computed(() => {
     return prepareActions(actions.value, confirmableActions.value);
 });
 
+let preparedPinnedActions = computed(() => {
+	return prepareActions(actions.value?.filter(action => action.pinned), confirmableActions.value);
+});
+
 let errors = ref({});
 
 function runAction(action, values, onSuccess, onError) {
@@ -68,6 +72,9 @@ function loadActions() {
     actionsLoaded.value = true;
 }
 
+const slots = useSlots();
+const showPinnedActions = computed(() => preparedPinnedActions.value && !!slots.pinned);
+
 defineExpose({
     preparedActions,
 });
@@ -85,4 +92,5 @@ defineExpose({
         @confirmed="runAction"
     />
     <slot :actions="preparedActions" :load-actions="loadActions" />
+	<slot v-if="showPinnedActions" name="pinned" :actions="preparedPinnedActions" />
 </template>
diff --git a/src/Actions/Action.php b/src/Actions/Action.php
index e13db76a17a..db63f34c209 100644
--- a/src/Actions/Action.php
+++ b/src/Actions/Action.php
@@ -17,6 +17,7 @@ abstract class Action implements Arrayable
     protected $items;
     protected $confirm = true;
     protected $dangerous = false;
+    protected $pinned = false;
     protected $fields = [];
     protected $context = [];
     protected $runnable = true;
@@ -162,6 +163,7 @@ public function toArray()
             'bypassesDirtyWarning' => $this->bypassesDirtyWarning(),
             'requiresElevatedSession' => $this->requiresElevatedSession(),
             'dangerous' => $this->dangerous,
+            'pinned' => $this->pinned,
             'fields' => $this->fields()->toPublishArray(),
             'values' => $this->fields()->preProcess()->values(),
             'meta' => $this->fields()->meta(),

From 3ba51cdbb7580887e74af811a9ed336dd71ac17e Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Wed, 11 Feb 2026 15:30:03 +0000
Subject: [PATCH 2/2] Support pinned actions where it makes sense

---
 .../js/components/assets/Editor/Editor.vue    | 17 ++++++-
 .../js/components/entries/PublishForm.vue     | 48 +++++++++++-------
 .../js/components/globals/PublishForm.vue     | 49 +++++++++++-------
 resources/js/components/users/PublishForm.vue | 50 ++++++++++++-------
 resources/js/pages/collections/Show.vue       | 46 ++++++++++-------
 resources/js/pages/navigation/Show.vue        | 43 ++++++++++------
 6 files changed, 163 insertions(+), 90 deletions(-)

diff --git a/resources/js/components/assets/Editor/Editor.vue b/resources/js/components/assets/Editor/Editor.vue
index 12ea14c97dc..b68098eb0cd 100644
--- a/resources/js/components/assets/Editor/Editor.vue
+++ b/resources/js/components/assets/Editor/Editor.vue
@@ -47,6 +47,17 @@
                                 <ui-button inset size="sm" @click="download" icon="download" variant="ghost" class="[&_svg]:!opacity-45" :text="__('Download')" />
                                 <ui-button inset size="sm" v-if="allowDeleting && canRunAction('delete')" @click="runAction(actions, 'delete')" icon="trash" variant="ghost" class="[&_svg]:!opacity-45" :text="__('Delete')" />
 
+	                            <ui-button
+		                            v-for="action in pinnedActions(actions)"
+		                            inset
+		                            size="sm"
+		                            @click="action.run"
+		                            :icon="action.icon"
+		                            variant="ghost"
+		                            class="[&_svg]:!opacity-45"
+		                            :text="__(action.title)"
+	                            />
+
                                 <Dropdown class="me-4">
                                     <DropdownMenu>
                                         <DropdownItem
@@ -494,7 +505,11 @@ export default {
             ];
 
             return actions.filter((action) => !buttonActions.includes(action.handle));
-        }
+        },
+
+	    pinnedActions(actions) {
+		    return actions.filter((action) => action.pinned);
+	    },
     },
 };
 </script>
diff --git a/resources/js/components/entries/PublishForm.vue b/resources/js/components/entries/PublishForm.vue
index fc3f59c72b2..da9aaf842aa 100644
--- a/resources/js/components/entries/PublishForm.vue
+++ b/resources/js/components/entries/PublishForm.vue
@@ -15,25 +15,37 @@
                 :is-dirty="isDirty"
                 @started="actionStarted"
                 @completed="actionCompleted"
-                v-slot="{ actions: itemActions }"
             >
-                <Dropdown v-if="canEditBlueprint || hasItemActions">
-                    <template #trigger>
-                        <Button icon="dots" variant="ghost" :aria-label="__('Open dropdown menu')" />
-                    </template>
-                    <DropdownMenu>
-                        <DropdownItem :text="__('Edit Blueprint')" icon="blueprint-edit" v-if="canEditBlueprint" :href="actions.editBlueprint" />
-                        <DropdownSeparator v-if="canEditBlueprint && itemActions.length" />
-                        <DropdownItem
-                            v-for="action in itemActions"
-                            :key="action.handle"
-                            :text="__(action.title)"
-                            :icon="action.icon"
-                            :variant="action.dangerous ? 'destructive' : 'default'"
-                            @click="action.run"
-                        />
-                    </DropdownMenu>
-                </Dropdown>
+	            <template #default="{ actions: itemActions }">
+	                <Dropdown v-if="canEditBlueprint || hasItemActions">
+	                    <template #trigger>
+	                        <Button icon="dots" variant="ghost" :aria-label="__('Open dropdown menu')" />
+	                    </template>
+	                    <DropdownMenu>
+	                        <DropdownItem :text="__('Edit Blueprint')" icon="blueprint-edit" v-if="canEditBlueprint" :href="actions.editBlueprint" />
+	                        <DropdownSeparator v-if="canEditBlueprint && itemActions.length" />
+	                        <DropdownItem
+	                            v-for="action in itemActions"
+	                            :key="action.handle"
+	                            :text="__(action.title)"
+	                            :icon="action.icon"
+	                            :variant="action.dangerous ? 'destructive' : 'default'"
+	                            @click="action.run"
+	                        />
+	                    </DropdownMenu>
+	                </Dropdown>
+	            </template>
+
+	            <template #pinned="{ actions }">
+		            <Button
+			            v-for="action in actions"
+			            :key="action.handle"
+			            :text="__(action.title)"
+			            :icon="action.icon"
+			            :variant="action.dangerous ? 'danger' : 'default'"
+			            @click="action.run"
+		            />
+	            </template>
             </ItemActions>
 
             <ui-badge icon="padlock-locked" :text="__('Read Only')" v-if="readOnly" />
diff --git a/resources/js/components/globals/PublishForm.vue b/resources/js/components/globals/PublishForm.vue
index 45414f7e828..993084c16f5 100644
--- a/resources/js/components/globals/PublishForm.vue
+++ b/resources/js/components/globals/PublishForm.vue
@@ -8,26 +8,37 @@
                 :item="initialHandle"
                 @started="actionStarted"
                 @completed="actionCompleted"
-                v-slot="{ actions: preparedActions }"
             >
-                <Dropdown v-if="canConfigure || canEditBlueprint || hasItemActions">
-                    <template #trigger>
-                        <Button icon="dots" variant="ghost" :aria-label="__('Open dropdown menu')" />
-                    </template>
-                    <DropdownMenu>
-                        <DropdownItem :text="__('Configure')" icon="cog" v-if="canConfigure" :href="configureUrl" />
-                        <DropdownItem :text="__('Edit Blueprint')" icon="blueprint-edit" v-if="canEditBlueprint" :href="actions.editBlueprint" />
-                        <DropdownSeparator v-if="hasItemActions && (canConfigure || canEditBlueprint)" />
-                        <DropdownItem
-                            v-for="action in preparedActions"
-                            :key="action.handle"
-                            :text="__(action.title)"
-                            :icon="action.icon"
-                            :variant="action.dangerous ? 'destructive' : 'default'"
-                            @click="action.run"
-                        />
-                    </DropdownMenu>
-                </Dropdown>
+	            <template #default="{ actions: preparedActions }">
+	                <Dropdown v-if="canConfigure || canEditBlueprint || hasItemActions">
+	                    <template #trigger>
+	                        <Button icon="dots" variant="ghost" :aria-label="__('Open dropdown menu')" />
+	                    </template>
+	                    <DropdownMenu>
+	                        <DropdownItem :text="__('Configure')" icon="cog" v-if="canConfigure" :href="configureUrl" />
+	                        <DropdownItem :text="__('Edit Blueprint')" icon="blueprint-edit" v-if="canEditBlueprint" :href="actions.editBlueprint" />
+	                        <DropdownSeparator v-if="hasItemActions && (canConfigure || canEditBlueprint)" />
+	                        <DropdownItem
+	                            v-for="action in preparedActions"
+	                            :key="action.handle"
+	                            :text="__(action.title)"
+	                            :icon="action.icon"
+	                            :variant="action.dangerous ? 'destructive' : 'default'"
+	                            @click="action.run"
+	                        />
+	                    </DropdownMenu>
+	                </Dropdown>
+	            </template>
+	            <template #pinned="{ actions }">
+		            <Button
+			            v-for="action in actions"
+			            :key="action.handle"
+			            :text="__(action.title)"
+			            :icon="action.icon"
+			            :variant="action.dangerous ? 'danger' : 'default'"
+			            @click="action.run"
+		            />
+	            </template>
             </ItemActions>
             <Dropdown v-else-if="canConfigure || canEditBlueprint">
                 <template #trigger>
diff --git a/resources/js/components/users/PublishForm.vue b/resources/js/components/users/PublishForm.vue
index e0fcd99e480..46da4af429c 100644
--- a/resources/js/components/users/PublishForm.vue
+++ b/resources/js/components/users/PublishForm.vue
@@ -10,26 +10,38 @@
                 :is-dirty="isDirty"
                 @started="actionStarted"
                 @completed="actionCompleted"
-                v-slot="{ actions: itemActions }"
             >
-                <Dropdown>
-                    <template #trigger>
-                        <Button icon="dots" variant="ghost" :aria-label="__('Open dropdown menu')" />
-                    </template>
-                    <DropdownMenu>
-                        <DropdownItem :text="__('Edit Blueprint')" icon="blueprint-edit" v-if="canEditBlueprint" :href="actions.editBlueprint" />
-                        <DropdownItem :text="__('Passkeys')" icon="key" :href="cp_url('passkeys')" />
-                        <DropdownSeparator v-if="canEditBlueprint && itemActions.length" />
-                        <DropdownItem
-                            v-for="action in itemActions"
-                            :key="action.handle"
-                            :text="__(action.title)"
-                            :icon="action.icon"
-                            :variant="action.dangerous ? 'destructive' : 'default'"
-                            @click="action.run"
-                        />
-                    </DropdownMenu>
-                </Dropdown>
+	            <template #default="{ actions: itemActions }">
+	                <Dropdown>
+	                    <template #trigger>
+	                        <Button icon="dots" variant="ghost" :aria-label="__('Open dropdown menu')" />
+	                    </template>
+	                    <DropdownMenu>
+	                        <DropdownItem :text="__('Edit Blueprint')" icon="blueprint-edit" v-if="canEditBlueprint" :href="actions.editBlueprint" />
+	                        <DropdownItem :text="__('Passkeys')" icon="key" :href="cp_url('passkeys')" />
+	                        <DropdownSeparator v-if="canEditBlueprint && itemActions.length" />
+	                        <DropdownItem
+	                            v-for="action in itemActions"
+	                            :key="action.handle"
+	                            :text="__(action.title)"
+	                            :icon="action.icon"
+	                            :variant="action.dangerous ? 'destructive' : 'default'"
+	                            @click="action.run"
+	                        />
+	                    </DropdownMenu>
+	                </Dropdown>
+	            </template>
+
+	            <template #pinned="{ actions }">
+		            <Button
+			            v-for="action in actions"
+			            :key="action.handle"
+			            :text="__(action.title)"
+			            :icon="action.icon"
+			            :variant="action.dangerous ? 'danger' : 'default'"
+			            @click="action.run"
+		            />
+	            </template>
             </ItemActions>
 
             <TwoFactor v-if="twoFactor" v-bind="twoFactor" />
diff --git a/resources/js/pages/collections/Show.vue b/resources/js/pages/collections/Show.vue
index d34e0d1787d..f34ae8f8992 100644
--- a/resources/js/pages/collections/Show.vue
+++ b/resources/js/pages/collections/Show.vue
@@ -7,24 +7,36 @@
                 :url="actionUrl"
                 :actions="actions"
                 :item="handle"
-                v-slot="{ actions }"
             >
-                <Dropdown placement="left-start">
-                    <DropdownMenu>
-                        <DropdownItem v-if="canEdit" :text="__('Configure Collection')" icon="cog" :href="editUrl" />
-                        <DropdownItem v-if="canEditBlueprints" :text="__('Edit Blueprints')" icon="blueprint-edit" :href="blueprintsUrl" />
-                        <DropdownItem v-if="canEdit" :text="__('Scaffold Views')" icon="scaffold" :href="scaffoldUrl" />
-                        <DropdownSeparator v-if="canEdit || canEditBlueprints || actions.length" />
-                        <DropdownItem
-                            v-for="action in actions"
-                            :key="action.handle"
-                            :text="__(action.title)"
-                            :icon="action.icon"
-                            :variant="action.dangerous ? 'destructive' : 'default'"
-                            @click="action.run"
-                        />
-                    </DropdownMenu>
-                </Dropdown>
+	            <template #default="{ actions }">
+	                <Dropdown placement="left-start">
+	                    <DropdownMenu>
+	                        <DropdownItem v-if="canEdit" :text="__('Configure Collection')" icon="cog" :href="editUrl" />
+	                        <DropdownItem v-if="canEditBlueprints" :text="__('Edit Blueprints')" icon="blueprint-edit" :href="blueprintsUrl" />
+	                        <DropdownItem v-if="canEdit" :text="__('Scaffold Views')" icon="scaffold" :href="scaffoldUrl" />
+	                        <DropdownSeparator v-if="canEdit || canEditBlueprints || actions.length" />
+	                        <DropdownItem
+	                            v-for="action in actions"
+	                            :key="action.handle"
+	                            :text="__(action.title)"
+	                            :icon="action.icon"
+	                            :variant="action.dangerous ? 'destructive' : 'default'"
+	                            @click="action.run"
+	                        />
+	                    </DropdownMenu>
+	                </Dropdown>
+	            </template>
+
+	            <template #pinned="{ actions }">
+		            <Button
+			            v-for="action in actions"
+			            :key="action.handle"
+			            :text="__(action.title)"
+			            :icon="action.icon"
+			            :variant="action.dangerous ? 'danger' : 'default'"
+			            @click="action.run"
+		            />
+	            </template>
             </ItemActions>
 
             <template v-if="view === 'tree'">
diff --git a/resources/js/pages/navigation/Show.vue b/resources/js/pages/navigation/Show.vue
index 65e7410f855..625a5c47421 100644
--- a/resources/js/pages/navigation/Show.vue
+++ b/resources/js/pages/navigation/Show.vue
@@ -369,23 +369,34 @@ export default {
                 :item="handle"
                 @started="actionStarted"
                 @completed="actionCompleted"
-                v-slot="{ actions: preparedActions }"
             >
-                <Dropdown placement="left-start" v-if="canEdit || canEditBlueprint || hasItemActions">
-                    <DropdownMenu>
-                        <DropdownItem v-if="canEdit" :text="__('Configure Navigation')" icon="cog" :href="editUrl" />
-                        <DropdownItem v-if="canEditBlueprint" :text="__('Edit Blueprints')" icon="blueprint-edit" :href="blueprintUrl" />
-                        <DropdownSeparator v-if="hasItemActions && (canEdit || canEditBlueprint)" />
-                        <DropdownItem
-                            v-for="action in preparedActions"
-                            :key="action.handle"
-                            :text="__(action.title)"
-                            :icon="action.icon"
-                            :variant="action.dangerous ? 'destructive' : 'default'"
-                            @click="action.run"
-                        />
-                    </DropdownMenu>
-                </Dropdown>
+	            <template #default="{ actions: preparedActions }">
+	                <Dropdown placement="left-start" v-if="canEdit || canEditBlueprint || hasItemActions">
+	                    <DropdownMenu>
+	                        <DropdownItem v-if="canEdit" :text="__('Configure Navigation')" icon="cog" :href="editUrl" />
+	                        <DropdownItem v-if="canEditBlueprint" :text="__('Edit Blueprints')" icon="blueprint-edit" :href="blueprintUrl" />
+	                        <DropdownSeparator v-if="hasItemActions && (canEdit || canEditBlueprint)" />
+	                        <DropdownItem
+	                            v-for="action in preparedActions"
+	                            :key="action.handle"
+	                            :text="__(action.title)"
+	                            :icon="action.icon"
+	                            :variant="action.dangerous ? 'destructive' : 'default'"
+	                            @click="action.run"
+	                        />
+	                    </DropdownMenu>
+	                </Dropdown>
+	            </template>
+	            <template #pinned="{ actions }">
+		            <Button
+			            v-for="action in actions"
+			            :key="action.handle"
+			            :text="__(action.title)"
+			            :icon="action.icon"
+			            :variant="action.dangerous ? 'danger' : 'default'"
+			            @click="action.run"
+		            />
+	            </template>
             </ItemActions>
             <Dropdown v-else-if="canEdit || canEditBlueprint" placement="left-start">
                 <DropdownMenu>