ui updates for ticket layout

Modules/Helpdesk/Resources/views/livewire/ticket-show.blade.php

@@ -465,14 +465,30 @@
                         </span>
                     </summary>
 
-                    <div class="border-t border-zinc-200 px-5 py-4 dark:border-zinc-800">
-                        <div class="flex flex-wrap items-center gap-3">
-                            <label class="inline-flex h-10 w-auto cursor-pointer items-center justify-center gap-2 rounded-xl border border-blue-400/70 bg-blue-600 px-4 text-sm font-black text-white shadow-sm shadow-blue-950/20 transition hover:border-blue-300 hover:bg-blue-500 focus-within:ring-2 focus-within:ring-blue-300/80 dark:border-blue-500/80 dark:bg-blue-600 dark:hover:bg-blue-500">
-                                <i class="fa-solid fa-paperclip text-xs" aria-hidden="true"></i>
-                                Choose files
-                                <input name="attachments[]" type="file" multiple class="sr-only" data-helpdesk-file-input>
-                            </label>
-                            <span class="text-sm font-semibold text-zinc-500 dark:text-zinc-400" data-helpdesk-file-label>No files attached</span>
+                    <div class="border-t border-zinc-200 px-5 py-5 text-sm dark:border-zinc-800">
+                        <div class="rounded-2xl border border-zinc-200 bg-white/70 p-4 shadow-sm dark:border-zinc-800 dark:bg-zinc-950/45">
+                            <div class="flex flex-col gap-4 md:flex-row md:items-center md:justify-between">
+                                <div class="flex min-w-0 items-center gap-3">
+                                    <span class="inline-flex h-11 w-11 shrink-0 items-center justify-center rounded-xl border border-blue-200 bg-blue-50 text-blue-700 dark:border-blue-900/70 dark:bg-blue-950/55 dark:text-blue-300">
+                                        <i class="fa-solid fa-paperclip text-sm" aria-hidden="true"></i>
+                                    </span>
+
+                                    <span class="min-w-0">
+                                        <span class="block text-sm font-bold text-zinc-900 dark:text-zinc-100">Attach supporting files</span>
+                                        <span class="block truncate text-xs font-semibold text-zinc-500 dark:text-zinc-400" data-helpdesk-file-label>No files attached</span>
+                                    </span>
+                                </div>
+
+                                <label
+                                    class="inline-flex h-11 min-w-[10rem] cursor-pointer select-none items-center justify-center gap-2.5 rounded-full border border-blue-400/70 bg-gradient-to-r from-blue-600 to-blue-500 px-5 text-sm font-extrabold leading-none text-white shadow-sm shadow-blue-950/30 transition hover:from-blue-500 hover:to-blue-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-blue-300/80 dark:border-blue-300/40 dark:shadow-black/30"
+                                >
+                                    <span class="inline-flex h-5 w-5 items-center justify-center leading-none">
+                                        <i class="fa-solid fa-paperclip text-[0.8rem] leading-none" aria-hidden="true"></i>
+                                    </span>
+                                    <span class="leading-none">Choose files</span>
+                                    <input name="attachments[]" type="file" multiple class="sr-only" data-helpdesk-file-input>
+                                </label>
+                            </div>
                         </div>
                         @error('attachments.*') <div class="mt-2 text-sm text-red-600">{{ $message }}</div> @enderror
                     </div>

Modules/Helpdesk/changelog.yaml

@@ -302,3 +302,24 @@ versions:
   changes:
     - Coloured the reply attachment chooser as a compact blue action button while preserving the professional collapsed attachment panel layout.
     - Kept module.json version in sync with changelog.yaml.
+
+  - version: 1.0.37
+    date: 2026-06-17
+    changes:
+      - Refined the reply attachment chooser into a compact professional attachment row.
+      - Replaced the oversized primary-style file button with a smaller coloured action and integrated file status area.
+
+- version: 1.0.40
+  date: 2026-06-17
+  changes:
+    - Reworked the reply attachment picker into a cleaner professional row with a compact blue Choose files action.
+    - Removed the large primary-style attachment button and disconnected file status presentation.
+    - Kept the attachments panel collapsed by default and preserved multi-file upload behaviour.
+    - Kept module.json version in sync with changelog.yaml.
+
+- version: 1.0.41
+  date: 2026-06-17
+  changes:
+    - Refined the reply attachment Choose files button with a centred rounded action style.
+    - Centred the upload icon and label vertically and horizontally to improve the professional attachment picker layout.
+    - Kept module.json version in sync with changelog.yaml.

Modules/Helpdesk/module.json

@@ -22,5 +22,5 @@
         "Modules\\Helpdesk\\Providers\\HelpdeskServiceProvider"
     ],
     "files": [],
-    "version": "1.0.39"
+    "version": "1.0.41"
 }