From b4b619c8ac9e5317939e7af6b00584e690f2dd64 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Tue, 18 Nov 2025 14:07:34 +0100
Subject: [PATCH] fix: use stable wire:key values for Docker Compose preview
 fields
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace dynamic wire:key values that included the full command string
with stable, descriptive identifiers to prevent unnecessary re-renders
and potential issues with special characters.

Changes:
- Line 270: wire:key="preview-{{ $command }}" → "docker-compose-build-preview"
- Line 279: wire:key="start-preview-{{ $command }}" → "docker-compose-start-preview"

Benefits:
- Prevents element recreation on every keystroke
- Avoids issues with special characters in commands
- Better performance with long commands
- Follows Livewire best practices

The computed properties (dockerComposeBuildCommandPreview and
dockerComposeStartCommandPreview) continue to handle reactive updates
automatically, so preview content still updates as expected.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../views/livewire/project/application/general.blade.php      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/livewire/project/application/general.blade.php b/resources/views/livewire/project/application/general.blade.php
index ad18aa77a..66c4cfc60 100644
--- a/resources/views/livewire/project/application/general.blade.php
+++ b/resources/views/livewire/project/application/general.blade.php
@@ -267,7 +267,7 @@ class="underline" href="https://coolify.io/docs/knowledge-base/docker/registry"
                                             label="Custom Start Command" />
                                     </div>
                                     @if ($this->dockerComposeCustomBuildCommand)
-                                        <div wire:key="preview-{{ $this->dockerComposeCustomBuildCommand }}">
+                                        <div wire:key="docker-compose-build-preview">
                                             <x-forms.input
                                                 readonly
                                                 value="{{ $this->dockerComposeBuildCommandPreview }}"
@@ -276,7 +276,7 @@ class="underline" href="https://coolify.io/docs/knowledge-base/docker/registry"
                                         </div>
                                     @endif
                                     @if ($this->dockerComposeCustomStartCommand)
-                                        <div wire:key="start-preview-{{ $this->dockerComposeCustomStartCommand }}">
+                                        <div wire:key="docker-compose-start-preview">
                                             <x-forms.input
                                                 readonly
                                                 value="{{ $this->dockerComposeStartCommandPreview }}"