From 593e0dbb5d47a7f845e6ea86fa24bfe5bc838d35 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Thu, 11 Dec 2025 21:42:15 +0100
Subject: [PATCH 1/4] Remove source path from volume creation, show only when
 set
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove host_path input from volume creation modal (users should use
  Directory Mount for bind mounts instead)
- Conditionally display Source Path field only when host_path has a value
- Add "Remove" button with confirmation modal to clear existing source paths
- Add clearHostPath() method to handle source path removal

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 app/Livewire/Project/Shared/Storages/Show.php |  9 ++++
 .../project/service/storage.blade.php         | 16 --------
 .../project/shared/storages/show.blade.php    | 41 ++++++++++++-------
 3 files changed, 35 insertions(+), 31 deletions(-)

diff --git a/app/Livewire/Project/Shared/Storages/Show.php b/app/Livewire/Project/Shared/Storages/Show.php
index 2091eca14..e90476195 100644
--- a/app/Livewire/Project/Shared/Storages/Show.php
+++ b/app/Livewire/Project/Shared/Storages/Show.php
@@ -88,4 +88,13 @@ class Show extends Component
         $this->storage->delete();
         $this->dispatch('refreshStorages');
     }
+
+    public function clearHostPath()
+    {
+        $this->authorize('update', $this->resource);
+        $this->hostPath = null;
+        $this->storage->host_path = null;
+        $this->storage->save();
+        $this->dispatch('success', 'Source path removed. Use Directory Mount for host directory bindings.');
+    }
 }
diff --git a/resources/views/livewire/project/service/storage.blade.php b/resources/views/livewire/project/service/storage.blade.php
index 9e32cd22d..a33d9b005 100644
--- a/resources/views/livewire/project/service/storage.blade.php
+++ b/resources/views/livewire/project/service/storage.blade.php
@@ -118,25 +118,9 @@
                                                 <div class="flex flex-col">
                                                     <div>Docker Volumes mounted to the container.</div>
                                                 </div>
-                                                @if ($isSwarm)
-                                                    <div class="text-warning">Swarm Mode detected: You need to set a shared
-                                                        volume
-                                                        (EFS/NFS/etc) on all the worker nodes if you would like to use a
-                                                        persistent
-                                                        volumes.</div>
-                                                @endif
                                                 <div class="flex flex-col gap-2">
                                                     <x-forms.input canGate="update" :canResource="$resource" placeholder="pv-name"
                                                         id="name" label="Name" required helper="Volume name." />
-                                                    @if ($isSwarm)
-                                                        <x-forms.input canGate="update" :canResource="$resource"
-                                                            placeholder="/root" id="host_path" label="Source Path" required
-                                                            helper="Directory on the host system." />
-                                                    @else
-                                                        <x-forms.input canGate="update" :canResource="$resource"
-                                                            placeholder="/root" id="host_path" label="Source Path"
-                                                            helper="Directory on the host system." />
-                                                    @endif
                                                     <x-forms.input canGate="update" :canResource="$resource"
                                                         placeholder="/tmp/root" id="mount_path" label="Destination Path"
                                                         required helper="Directory inside the container." />
diff --git a/resources/views/livewire/project/shared/storages/show.blade.php b/resources/views/livewire/project/shared/storages/show.blade.php
index 694f7d4f2..7b7e58dc5 100644
--- a/resources/views/livewire/project/shared/storages/show.blade.php
+++ b/resources/views/livewire/project/shared/storages/show.blade.php
@@ -17,24 +17,20 @@
                         <x-forms.input id="name" label="Volume Name" required readonly
                             helper="Warning: Changing the volume name after the initial start could cause problems. Only use it when you know what are you doing." />
                     @endif
-                    @if ($isService || $startedAt)
+                    @if ($hostPath)
                         <x-forms.input id="hostPath" readonly helper="Directory on the host system."
                             label="Source Path"
                             helper="Warning: Changing the source path after the initial start could cause problems. Only use it when you know what are you doing." />
-                        <x-forms.input id="mountPath" label="Destination Path"
-                            helper="Directory inside the container." required readonly />
-                    @else
-                        <x-forms.input id="hostPath" readonly helper="Directory on the host system."
-                            label="Source Path"
-                            helper="Warning: Changing the source path after the initial start could cause problems. Only use it when you know what are you doing." />
-                        <x-forms.input id="mountPath" label="Destination Path"
-                            helper="Directory inside the container." required readonly />
                     @endif
+                    <x-forms.input id="mountPath" label="Destination Path"
+                        helper="Directory inside the container." required readonly />
                 </div>
             @else
                 <div class="flex gap-2 items-end w-full">
                     <x-forms.input id="name" required readonly />
-                    <x-forms.input id="hostPath" readonly />
+                    @if ($hostPath)
+                        <x-forms.input id="hostPath" readonly />
+                    @endif
                     <x-forms.input id="mountPath" required readonly />
                 </div>
             @endif
@@ -43,14 +39,18 @@
                 @if ($isFirst)
                     <div class="flex gap-2 items-end w-full">
                         <x-forms.input id="name" label="Volume Name" required />
-                        <x-forms.input id="hostPath" helper="Directory on the host system." label="Source Path" />
+                        @if ($hostPath)
+                            <x-forms.input id="hostPath" helper="Directory on the host system." label="Source Path" />
+                        @endif
                         <x-forms.input id="mountPath" label="Destination Path"
                             helper="Directory inside the container." required />
                     </div>
                 @else
                     <div class="flex gap-2 items-end w-full">
                         <x-forms.input id="name" required />
-                        <x-forms.input id="hostPath" />
+                        @if ($hostPath)
+                            <x-forms.input id="hostPath" />
+                        @endif
                         <x-forms.input id="mountPath" required />
                     </div>
                 @endif
@@ -58,6 +58,13 @@
                     <x-forms.button type="submit">
                         Update
                     </x-forms.button>
+                    @if ($hostPath)
+                        <x-modal-confirmation title="Remove Source Path?" isErrorButton buttonTitle="Remove"
+                            submitAction="clearHostPath" :actions="[
+                                'Are you sure you want to remove the source path?',
+                                'If you need to mount a host directory, use Directory Mount instead of Volume Mount.',
+                            ]" />
+                    @endif
                     <x-modal-confirmation title="Confirm persistent storage deletion?" isErrorButton buttonTitle="Delete"
                         submitAction="delete" :actions="[
                             'The selected persistent storage/volume will be permanently deleted.',
@@ -70,15 +77,19 @@
                 @if ($isFirst)
                     <div class="flex gap-2 items-end w-full">
                         <x-forms.input id="name" label="Volume Name" required disabled />
-                        <x-forms.input id="hostPath" helper="Directory on the host system." label="Source Path"
-                            disabled />
+                        @if ($hostPath)
+                            <x-forms.input id="hostPath" helper="Directory on the host system." label="Source Path"
+                                disabled />
+                        @endif
                         <x-forms.input id="mountPath" label="Destination Path"
                             helper="Directory inside the container." required disabled />
                     </div>
                 @else
                     <div class="flex gap-2 items-end w-full">
                         <x-forms.input id="name" required disabled />
-                        <x-forms.input id="hostPath" disabled />
+                        @if ($hostPath)
+                            <x-forms.input id="hostPath" disabled />
+                        @endif
                         <x-forms.input id="mountPath" required disabled />
                     </div>
                 @endif

From 687d0f88a3e446c5d39697f281181ef0ca11bfb3 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Thu, 11 Dec 2025 22:07:08 +0100
Subject: [PATCH 2/4] fix: Adjust dropdown transition margin for improved UI
 layout

---
 resources/views/livewire/project/service/storage.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/livewire/project/service/storage.blade.php b/resources/views/livewire/project/service/storage.blade.php
index a33d9b005..67a2fda81 100644
--- a/resources/views/livewire/project/service/storage.blade.php
+++ b/resources/views/livewire/project/service/storage.blade.php
@@ -41,7 +41,7 @@
 
                                 <div x-show="dropdownOpen" @click.away="dropdownOpen=false"
                                     x-transition:enter="ease-out duration-200" x-transition:enter-start="-translate-y-2"
-                                    x-transition:enter-end="translate-y-0" class="absolute top-0 z-50 mt-10 min-w-max"
+                                    x-transition:enter-end="translate-y-0" class="absolute top-0 z-50 mt-8 min-w-max"
                                     x-cloak>
                                     <div
                                         class="p-1 mt-1 bg-white border rounded-sm shadow-sm dark:bg-coolgray-200 dark:border-coolgray-300 border-neutral-300">

From de214d0bf7124f888bf8b8615bb9915ebc479041 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Thu, 11 Dec 2025 22:09:38 +0100
Subject: [PATCH 3/4] Add auto-generated default volume name
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Pre-fill volume name with <app-name>-data (slugified) when creating
a new volume mount, improving UX by providing a sensible default.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 app/Livewire/Project/Service/Storage.php | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/app/Livewire/Project/Service/Storage.php b/app/Livewire/Project/Service/Storage.php
index 12d8bcbc3..0a309361b 100644
--- a/app/Livewire/Project/Service/Storage.php
+++ b/app/Livewire/Project/Service/Storage.php
@@ -56,6 +56,7 @@ class Storage extends Component
         }
 
         $this->refreshStorages();
+        $this->name = $this->generateDefaultVolumeName();
     }
 
     public function refreshStoragesFromEvent()
@@ -202,7 +203,7 @@ class Storage extends Component
 
     public function clearForm()
     {
-        $this->name = '';
+        $this->name = $this->generateDefaultVolumeName();
         $this->mount_path = '';
         $this->host_path = null;
         $this->file_storage_path = '';
@@ -216,6 +217,14 @@ class Storage extends Component
         }
     }
 
+    private function generateDefaultVolumeName(): string
+    {
+        return str($this->resource->name ?? 'volume')
+            ->slug()
+            ->append('-data')
+            ->value();
+    }
+
     public function render()
     {
         return view('livewire.project.service.storage');

From 520b4547fc785582254fb34584c6f22ab8c15ab7 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Thu, 11 Dec 2025 22:10:01 +0100
Subject: [PATCH 4/4] Add Monaco editor to file content textarea
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 resources/views/livewire/project/service/storage.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/livewire/project/service/storage.blade.php b/resources/views/livewire/project/service/storage.blade.php
index 67a2fda81..5e19adce4 100644
--- a/resources/views/livewire/project/service/storage.blade.php
+++ b/resources/views/livewire/project/service/storage.blade.php
@@ -182,7 +182,7 @@
                                                         label="Destination Path" required
                                                         helper="File location inside the container" />
                                                     <x-forms.textarea canGate="update" :canResource="$resource" label="Content"
-                                                        id="file_storage_content"></x-forms.textarea>
+                                                        id="file_storage_content" useMonacoEditor></x-forms.textarea>
                                                     <x-forms.button canGate="update" :canResource="$resource" type="submit">
                                                         Add
                                                     </x-forms.button>