From 33aa5a5114b1d56d6be1e711ae5300c6a983c861 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Tue, 30 Sep 2025 10:51:33 +0100
Subject: [PATCH 1/3] Ability to use your own Vue component in action
 confirmation modal

Instead of the built-in confirmation text stuff. Might be useful for our fieldset deletion flow.
---
 .../components/actions/ConfirmableAction.vue  | 41 +++++++++++--------
 src/Actions/Action.php                        |  7 ++++
 2 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/resources/js/components/actions/ConfirmableAction.vue b/resources/js/components/actions/ConfirmableAction.vue
index b610546e62d..74b33c19d97 100644
--- a/resources/js/components/actions/ConfirmableAction.vue
+++ b/resources/js/components/actions/ConfirmableAction.vue
@@ -95,25 +95,32 @@ defineExpose({
         @confirm="confirmed"
         @cancel="reset"
     >
-        <Description
-            v-if="confirmationText"
-            :text="confirmationText"
-            :class="{ 'mb-4': warningText || showDirtyWarning || action.fields.length }"
+        <component
+            v-if="action.component"
+            :is="action.component"
         />
 
-        <div
-            v-if="warningText"
-            v-text="warningText"
-            class="text-red-600"
-            :class="{ 'mb-4': showDirtyWarning || action.fields.length }"
-        />
-
-        <div
-            v-if="showDirtyWarning"
-            v-text="dirtyText"
-            class="text-red-600"
-            :class="{ 'mb-4': action.fields.length }"
-        />
+        <template v-else>
+            <Description
+                v-if="confirmationText"
+                :text="confirmationText"
+                :class="{ 'mb-4': warningText || showDirtyWarning || action.fields.length }"
+            />
+
+            <div
+                v-if="warningText"
+                v-text="warningText"
+                class="text-red-600"
+                :class="{ 'mb-4': showDirtyWarning || action.fields.length }"
+            />
+
+            <div
+                v-if="showDirtyWarning"
+                v-text="dirtyText"
+                class="text-red-600"
+                :class="{ 'mb-4': action.fields.length }"
+            />
+        </template>
 
         <PublishContainer
             v-if="action.fields.length"
diff --git a/src/Actions/Action.php b/src/Actions/Action.php
index fce486cc809..270f0db2adb 100644
--- a/src/Actions/Action.php
+++ b/src/Actions/Action.php
@@ -19,6 +19,7 @@ abstract class Action implements Arrayable
     protected $dangerous = false;
     protected $fields = [];
     protected $context = [];
+    protected $component;
 
     public function __construct()
     {
@@ -96,6 +97,11 @@ public function icon(): string
         return $this->icon ?? '';
     }
 
+    public function component(): ?string
+    {
+        return $this->component;
+    }
+
     public function buttonText()
     {
         /** @translation */
@@ -135,6 +141,7 @@ public function toArray()
             'handle' => $this->handle(),
             'title' => $this->title(),
             'icon' => $this->icon(),
+            'component' => $this->component(),
             'confirm' => $this->confirm,
             'buttonText' => $this->buttonText(),
             'confirmationText' => $this->confirmationText(),

From 6f4a540628cbbe3191aad3b36c996e000f3e241f Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Tue, 30 Sep 2025 10:57:38 +0100
Subject: [PATCH 2/3] Ability to hide "Run action" button in action modal

---
 resources/js/components/actions/ConfirmableAction.vue | 1 +
 resources/js/components/modals/ConfirmationModal.vue  | 7 ++++++-
 src/Actions/Action.php                                | 6 ++++++
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/actions/ConfirmableAction.vue b/resources/js/components/actions/ConfirmableAction.vue
index 74b33c19d97..44b6af8b087 100644
--- a/resources/js/components/actions/ConfirmableAction.vue
+++ b/resources/js/components/actions/ConfirmableAction.vue
@@ -90,6 +90,7 @@ defineExpose({
         v-if="confirming"
         :title="action.title"
         :danger="action.dangerous"
+        :submittable="action.runnable"
         :buttonText="runButtonText"
         :busy="running"
         @confirm="confirmed"
diff --git a/resources/js/components/modals/ConfirmationModal.vue b/resources/js/components/modals/ConfirmationModal.vue
index 4213c5acb22..a93c064822d 100644
--- a/resources/js/components/modals/ConfirmationModal.vue
+++ b/resources/js/components/modals/ConfirmationModal.vue
@@ -19,6 +19,10 @@ const props = defineProps({
         type: Boolean,
         default: true,
     },
+    submittable: {
+        type: Boolean,
+        default: true,
+    },
     cancelText: {
         type: String,
         default: () => __('Cancel'),
@@ -72,7 +76,7 @@ function submit() {
             <p>{{ __('Are you sure?') }}</p>
         </slot>
 
-        <template #footer>
+        <template v-if="cancellable || submittable" #footer>
             <div class="flex items-center justify-end space-x-3 pt-3 pb-1">
                 <ModalClose asChild>
                     <Button
@@ -83,6 +87,7 @@ function submit() {
                     />
                 </ModalClose>
                 <Button
+                    v-if="submittable"
                     type="submit"
                     :variant="danger ? 'danger' : 'primary'"
                     :disabled="disabled || busy"
diff --git a/src/Actions/Action.php b/src/Actions/Action.php
index 270f0db2adb..890769d6efb 100644
--- a/src/Actions/Action.php
+++ b/src/Actions/Action.php
@@ -102,6 +102,11 @@ public function component(): ?string
         return $this->component;
     }
 
+    public function runnable(): bool
+    {
+        return true;
+    }
+
     public function buttonText()
     {
         /** @translation */
@@ -142,6 +147,7 @@ public function toArray()
             'title' => $this->title(),
             'icon' => $this->icon(),
             'component' => $this->component(),
+            'runnable' => $this->runnable(),
             'confirm' => $this->confirm,
             'buttonText' => $this->buttonText(),
             'confirmationText' => $this->confirmationText(),

From feaac325a7b5b835ede6159d9b49a0bd175a7355 Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Thu, 2 Oct 2025 12:57:19 -0400
Subject: [PATCH 3/3] Make runnable a property

---
 src/Actions/Action.php | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Actions/Action.php b/src/Actions/Action.php
index 890769d6efb..49e74720bd2 100644
--- a/src/Actions/Action.php
+++ b/src/Actions/Action.php
@@ -19,6 +19,7 @@ abstract class Action implements Arrayable
     protected $dangerous = false;
     protected $fields = [];
     protected $context = [];
+    protected $runnable = true;
     protected $component;
 
     public function __construct()
@@ -104,7 +105,7 @@ public function component(): ?string
 
     public function runnable(): bool
     {
-        return true;
+        return $this->runnable;
     }
 
     public function buttonText()