From 8a307ad2a3229426e1c8b6982f0f0fa8552bb529 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Mon, 20 Oct 2025 14:07:43 +0200
Subject: [PATCH] Changes auto-committed by Conductor

---
 resources/css/utilities.css                   |  9 +++
 .../views/livewire/terminal/index.blade.php   | 74 +++++++++----------
 2 files changed, 45 insertions(+), 38 deletions(-)

diff --git a/resources/css/utilities.css b/resources/css/utilities.css
index 0bced1ece..f819280d5 100644
--- a/resources/css/utilities.css
+++ b/resources/css/utilities.css
@@ -60,6 +60,15 @@ @utility select {
     @apply w-full;
     @apply input-select;
     @apply focus-visible:outline-none focus-visible:border-l-4 focus-visible:border-l-coollabs dark:focus-visible:border-l-warning;
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23000000'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9'/%3e%3c/svg%3e");
+    background-position: right 0.5rem center;
+    background-repeat: no-repeat;
+    background-size: 1rem 1rem;
+    padding-right: 2.5rem;
+
+    &:where(.dark, .dark *) {
+        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23ffffff'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9'/%3e%3c/svg%3e");
+    }
 }
 
 @utility button {
diff --git a/resources/views/livewire/terminal/index.blade.php b/resources/views/livewire/terminal/index.blade.php
index 0d6e7c559..56a8acae7 100644
--- a/resources/views/livewire/terminal/index.blade.php
+++ b/resources/views/livewire/terminal/index.blade.php
@@ -1,43 +1,41 @@
 <div>
     <x-slot:title>
         Terminal | Coolify
-    </x-slot>
-    <h1>Terminal</h1>
-    <div class="flex gap-2 items-end subtitle">
-        <div>Execute commands on your servers and containers without leaving the browser.</div>
-        <x-helper
-            helper="If you're having trouble connecting to your server, make sure that the port is open.<br><br><a class='underline' href='https://coolify.io/docs/knowledge-base/server/firewall/#terminal' target='_blank'>Documentation</a>"></x-helper>
-    </div>
-    <div x-init="$wire.loadContainers()">
-        @if ($isLoadingContainers)
-            <div class="pt-1">
-                <x-loading text="Loading servers and containers..." />
-            </div>
-        @else
-            @if ($servers->count() > 0)
-                <form class="flex flex-col gap-2 justify-center xl:items-end xl:flex-row"
-                    wire:submit="$dispatchSelf('connectToContainer')">
-                    <x-forms.datalist id="selected_uuid" required wire:model.live="selected_uuid" placeholder="Search servers or containers...">
-                        @foreach ($servers as $server)
-                            @if ($loop->first)
-                                <option disabled value="default">Select a server or container</option>
-                            @endif
-                            <option value="{{ $server->uuid }}">{{ $server->name }}</option>
-                            @foreach ($containers as $container)
-                                @if ($container['server_uuid'] == $server->uuid)
-                                    <option value="{{ $container['uuid'] }}">
-                                        {{ $server->name }} -> {{ $container['name'] }}
-                                    </option>
-                                @endif
-                            @endforeach
-                        @endforeach
-                    </x-forms.datalist>
-                    <x-forms.button type="submit">Connect</x-forms.button>
-                </form>
+        </x-slot>
+        <h1>Terminal</h1>
+        <div class="flex gap-2 items-end subtitle">
+            <div>Execute commands on your servers and containers without leaving the browser.</div>
+            <x-helper
+                helper="If you're having trouble connecting to your server, make sure that the port is open.<br><br><a class='underline' href='https://coolify.io/docs/knowledge-base/server/firewall/#terminal' target='_blank'>Documentation</a>"></x-helper>
+        </div>
+        <div x-init="$wire.loadContainers()">
+            @if ($isLoadingContainers)
+                <div class="pt-1">
+                    <x-loading text="Loading servers and containers..." />
+                </div>
             @else
-                <div>No servers with terminal access found.</div>
+                @if ($servers->count() > 0)
+                    <form class="flex flex-col gap-2 justify-center xl:items-end xl:flex-row"
+                        wire:submit="$dispatchSelf('connectToContainer')">
+                        <x-forms.select id="selected_uuid" required wire:model.live="selected_uuid">
+                            <option value="default">Select a server or container</option>
+                            @foreach ($servers as $server)
+                                <option value="{{ $server->uuid }}">{{ $server->name }}</option>
+                                @foreach ($containers as $container)
+                                    @if ($container['server_uuid'] == $server->uuid)
+                                        <option value="{{ $container['uuid'] }}">
+                                            {{ $server->name }} -> {{ $container['name'] }}
+                                        </option>
+                                    @endif
+                                @endforeach
+                            @endforeach
+                        </x-forms.select>
+                        <x-forms.button type="submit">Connect</x-forms.button>
+                    </form>
+                @else
+                    <div>No servers with terminal access found.</div>
+                @endif
             @endif
-        @endif
-        <livewire:project.shared.terminal />
-    </div>
-</div>
+            <livewire:project.shared.terminal />
+        </div>
+</div>
\ No newline at end of file