From 84a3be6eaa6a5c087a6b9c8ab27dbd942f50c48f Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 17 Dec 2025 15:50:32 +0000
Subject: [PATCH 01/11] Make the upload drop area take up the height on the
 parent so the drag/drop area is full-height

---
 resources/js/components/assets/Browser/Browser.vue | 2 +-
 resources/js/components/assets/Uploader.vue        | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index e183fd060e3..4fa7f1c59df 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -1,5 +1,5 @@
 <template>
-    <div ref="browser" @keydown.shift="shiftDown" @keyup="clearShift">
+    <div ref="browser" class="h-full" @keydown.shift="shiftDown" @keyup="clearShift">
         <Uploader
             ref="uploader"
             :container="container.id"
diff --git a/resources/js/components/assets/Uploader.vue b/resources/js/components/assets/Uploader.vue
index 45db6619ba4..2236f52a079 100644
--- a/resources/js/components/assets/Uploader.vue
+++ b/resources/js/components/assets/Uploader.vue
@@ -17,6 +17,7 @@ export default {
         return h(
             'div',
             {
+                class: 'h-full',
                 onDragenter: this.dragenter,
                 onDragover: this.dragover,
                 onDragleave: this.dragleave,

From f68f5f50358edb52fd65b084e3f8b7fe14af3507 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 17 Dec 2025 16:09:42 +0000
Subject: [PATCH 02/11] Make "drop file to upload" icon consistent

---
 resources/js/components/assets/Browser/Browser.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 4fa7f1c59df..35c2cc61085 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -12,7 +12,7 @@
         >
             <div>
                 <div class="drag-notification" v-show="dragging">
-                    <Icon name="upload" class="m-4 size-12" />
+                    <Icon name="upload-cloud" class="m-4 size-13" />
                     <span>{{ __('Drop File to Upload') }}</span>
                 </div>
 

From b2a4dd188644d70a8185e97cf5037466fed07a4e Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 17 Dec 2025 16:13:22 +0000
Subject: [PATCH 03/11] Add large thinned-out upload icon so things feel more
 consistent

---
 resources/js/components/assets/Browser/Browser.vue | 2 +-
 resources/svg/icons/upload-cloud-large.svg         | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 resources/svg/icons/upload-cloud-large.svg

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 35c2cc61085..e24e5c82ff8 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -12,7 +12,7 @@
         >
             <div>
                 <div class="drag-notification" v-show="dragging">
-                    <Icon name="upload-cloud" class="m-4 size-13" />
+                    <Icon name="upload-cloud-large" class="m-4 size-13" />
                     <span>{{ __('Drop File to Upload') }}</span>
                 </div>
 
diff --git a/resources/svg/icons/upload-cloud-large.svg b/resources/svg/icons/upload-cloud-large.svg
new file mode 100644
index 00000000000..73b25317547
--- /dev/null
+++ b/resources/svg/icons/upload-cloud-large.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.375 -0.375 14 14" id="Cloud-Upload--Streamline-Flex"><g id="cloud-upload--cloud-server-internet-upload-up-arrow-network"><path id="Subtract" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.706132678571428 8.843343392857141C1.46697375 8.318879999999998 0.4732142857142857 7.386288214285714 0.4732142857142857 5.729725892857143c0 -1.9317269642857142 1.0865946428571427 -3.0183216071428567 3.0183216071428567 -3.0183216071428567l0.03748803571428571 0.0001325C3.952228928571428 1.2653939285714286 5.1297942857142855 0.4732142857142857 6.923503571428571 0.4732142857142857c2.18618375 0 3.457114285714286 1.1767798214285714 3.5624517857142854 3.2800848214285714 1.4671535714285715 0.025600892857142857 2.290830357142857 0.8720771428571429 2.290830357142857 2.359190892857143 0 1.5830248214285714 -0.9745375000000001 2.430277142857143 -2.1700660714285713 2.883256785714286" stroke-width=".75"/><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.745515892857142 9.49002857142857c0.6755228571428571 -0.8244717857142857 1.0874369642857142 -1.236461607142857 1.8792380357142857 -1.8791907142857143 0.7918010714285715 0.6427291071428571 1.2037057142857144 1.0547189285714285 1.8792380357142857 1.8791907142857143" stroke-width=".75"/><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6.624962142857142 12.625451785714285 0 -5.004704821428571" stroke-width=".75"/><path id="Vector 2591" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.4622249999999997 2.7129564285714283c1.114533214285714 0 2.111302321428571 0.7346178571428571 2.4257342857142854 1.4057776785714284" stroke-width=".75"/></g></svg>
\ No newline at end of file

From 623cfb497004a0aee701898d4231ec436574eea3 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Wed, 17 Dec 2025 16:19:36 +0000
Subject: [PATCH 04/11] large thinned-out upload icon - tweak stroke width

---
 resources/svg/icons/upload-cloud-large.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/svg/icons/upload-cloud-large.svg b/resources/svg/icons/upload-cloud-large.svg
index 73b25317547..c2a62286189 100644
--- a/resources/svg/icons/upload-cloud-large.svg
+++ b/resources/svg/icons/upload-cloud-large.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.375 -0.375 14 14" id="Cloud-Upload--Streamline-Flex"><g id="cloud-upload--cloud-server-internet-upload-up-arrow-network"><path id="Subtract" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.706132678571428 8.843343392857141C1.46697375 8.318879999999998 0.4732142857142857 7.386288214285714 0.4732142857142857 5.729725892857143c0 -1.9317269642857142 1.0865946428571427 -3.0183216071428567 3.0183216071428567 -3.0183216071428567l0.03748803571428571 0.0001325C3.952228928571428 1.2653939285714286 5.1297942857142855 0.4732142857142857 6.923503571428571 0.4732142857142857c2.18618375 0 3.457114285714286 1.1767798214285714 3.5624517857142854 3.2800848214285714 1.4671535714285715 0.025600892857142857 2.290830357142857 0.8720771428571429 2.290830357142857 2.359190892857143 0 1.5830248214285714 -0.9745375000000001 2.430277142857143 -2.1700660714285713 2.883256785714286" stroke-width=".75"/><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.745515892857142 9.49002857142857c0.6755228571428571 -0.8244717857142857 1.0874369642857142 -1.236461607142857 1.8792380357142857 -1.8791907142857143 0.7918010714285715 0.6427291071428571 1.2037057142857144 1.0547189285714285 1.8792380357142857 1.8791907142857143" stroke-width=".75"/><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6.624962142857142 12.625451785714285 0 -5.004704821428571" stroke-width=".75"/><path id="Vector 2591" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.4622249999999997 2.7129564285714283c1.114533214285714 0 2.111302321428571 0.7346178571428571 2.4257342857142854 1.4057776785714284" stroke-width=".75"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.35 -0.35 14 14" id="Cloud-Upload--Streamline-Flex"><g id="cloud-upload--cloud-server-internet-upload-up-arrow-network"><path id="Subtract" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.7163444999999995 8.876714499999999C1.4725095000000001 8.350271999999999 0.475 7.414161 0.475 5.7513475c0 -1.9390165 1.0906949999999997 -3.0297115 3.0297115 -3.0297115l0.037629499999999996 0.00013299999999999998C3.9671429999999996 1.270169 5.149152 0.475 6.94963 0.475c2.1944335 0 3.47016 1.1812205 3.575895 3.2924624999999996 1.47269 0.0256975 2.299475 0.875368 2.299475 2.3680934999999996 0 1.5889985 -0.9782150000000001 2.4394479999999996 -2.178255 2.894137" stroke-width=".7"/><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.763423499999999 9.52584c0.6780719999999999 -0.827583 1.0915404999999998 -1.2411275 1.8863295 -1.886282 0.794789 0.6451545 1.208248 1.0586989999999998 1.8863295 1.886282" stroke-width=".7"/><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m6.6499619999999995 12.673094999999998 0 -5.023590499999999" stroke-width=".7"/><path id="Vector 2591" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.4752899999999998 2.723194c1.118739 0 2.1192694999999997 0.73739 2.434888 1.4110824999999998" stroke-width=".7"/></g></svg>
\ No newline at end of file

From 2c4d513878bc314e98f312da44514e2bb291f389 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Thu, 18 Dec 2025 11:03:41 +0000
Subject: [PATCH 05/11] Fix border-radius of dragging to upload

---
 resources/css/components/assets.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/css/components/assets.css b/resources/css/components/assets.css
index cd10c94d1e0..f1b900472c8 100644
--- a/resources/css/components/assets.css
+++ b/resources/css/components/assets.css
@@ -26,7 +26,7 @@
 }
 
 .drag-notification {
-    @apply absolute inset-0 flex items-center justify-center rounded-sm p-1 text-center text-xs leading-tight @sm:text-lg;
+    @apply absolute inset-0 flex items-center justify-center rounded-xl p-1 text-center text-xs leading-tight @sm:text-lg;
     border: 1px dashed var(--color-gray-600);
     pointer-events: none;
     z-index: var(--z-index-draggable);

From 3f68cb02117849f9f6ea3741622c674f9f069bca Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 19 Dec 2025 12:54:30 +0000
Subject: [PATCH 06/11] Make the upload drop area take up the height on /assets
 so the drag/drop area is full-height

---
 resources/js/components/assets/Browser/Browser.vue | 8 +++++++-
 resources/js/pages/assets/Browse.vue               | 4 ----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index e24e5c82ff8..78ee55d8185 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -1,5 +1,5 @@
 <template>
-    <div ref="browser" class="h-full" @keydown.shift="shiftDown" @keyup="clearShift">
+    <div ref="browser" class="h-full min-h-full [.content-card:has(&)]:grid" @keydown.shift="shiftDown" @keyup="clearShift">
         <Uploader
             ref="uploader"
             :container="container.id"
@@ -146,6 +146,10 @@
                                 <ListingPagination />
                             </PanelFooter>
                         </Panel>
+
+                        <div class="starting-style-transition starting-style-transition--delay">
+                            <DocsCallout :topic="__('Assets')" url="assets" />
+                        </div>
                     </template>
                 </Listing>
             </div>
@@ -193,6 +197,7 @@ import {
     Icon,
     ToggleGroup,
     ToggleItem,
+    DocsCallout,
 } from '@ui';
 import Breadcrumbs from './Breadcrumbs.vue';
 
@@ -226,6 +231,7 @@ export default {
         Icon,
         ToggleGroup,
         ToggleItem,
+        DocsCallout,
     },
 
     props: {
diff --git a/resources/js/pages/assets/Browse.vue b/resources/js/pages/assets/Browse.vue
index 730fd9991f0..18af33ce60f 100644
--- a/resources/js/pages/assets/Browse.vue
+++ b/resources/js/pages/assets/Browse.vue
@@ -128,9 +128,5 @@ export default {
                 </div>
             </template>
         </asset-browser>
-
-        <div class="starting-style-transition starting-style-transition--delay">
-            <DocsCallout :topic="__('Assets')" url="assets" />
-        </div>
     </div>
 </template>
\ No newline at end of file

From dae1b816d51236f8283886def5030cc26ca19e83 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 19 Dec 2025 13:10:11 +0000
Subject: [PATCH 07/11] A much simpler solution

---
 resources/js/components/assets/Browser/Browser.vue | 8 +-------
 resources/js/pages/assets/Browse.vue               | 6 +++++-
 resources/js/pages/layout/Layout.vue               | 2 +-
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 78ee55d8185..e24e5c82ff8 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -1,5 +1,5 @@
 <template>
-    <div ref="browser" class="h-full min-h-full [.content-card:has(&)]:grid" @keydown.shift="shiftDown" @keyup="clearShift">
+    <div ref="browser" class="h-full" @keydown.shift="shiftDown" @keyup="clearShift">
         <Uploader
             ref="uploader"
             :container="container.id"
@@ -146,10 +146,6 @@
                                 <ListingPagination />
                             </PanelFooter>
                         </Panel>
-
-                        <div class="starting-style-transition starting-style-transition--delay">
-                            <DocsCallout :topic="__('Assets')" url="assets" />
-                        </div>
                     </template>
                 </Listing>
             </div>
@@ -197,7 +193,6 @@ import {
     Icon,
     ToggleGroup,
     ToggleItem,
-    DocsCallout,
 } from '@ui';
 import Breadcrumbs from './Breadcrumbs.vue';
 
@@ -231,7 +226,6 @@ export default {
         Icon,
         ToggleGroup,
         ToggleItem,
-        DocsCallout,
     },
 
     props: {
diff --git a/resources/js/pages/assets/Browse.vue b/resources/js/pages/assets/Browse.vue
index 18af33ce60f..9de354e7fd6 100644
--- a/resources/js/pages/assets/Browse.vue
+++ b/resources/js/pages/assets/Browse.vue
@@ -90,7 +90,7 @@ export default {
 </script>
 
 <template>
-    <div v-cloak>
+    <div class="h-full" v-cloak>
         <Head :title="container.title" />
 
         <asset-browser
@@ -128,5 +128,9 @@ export default {
                 </div>
             </template>
         </asset-browser>
+
+        <div class="starting-style-transition starting-style-transition--delay">
+            <DocsCallout :topic="__('Assets')" url="assets" />
+        </div>
     </div>
 </template>
\ No newline at end of file
diff --git a/resources/js/pages/layout/Layout.vue b/resources/js/pages/layout/Layout.vue
index 98146aa1554..d9a2ec05ce9 100644
--- a/resources/js/pages/layout/Layout.vue
+++ b/resources/js/pages/layout/Layout.vue
@@ -32,7 +32,7 @@ provide('layout', {
         <main id="main" class="flex bg-body-bg dark:border-t dark:border-body-border rounded-t-2xl fixed top-14 inset-x-0 bottom-0 min-h-[calc(100vh-3.5rem)]">
             <Nav />
             <div id="main-content" class="main-content sm:p-2 h-full flex-1 overflow-y-auto rounded-t-2xl">
-                <div id="content-card" class="relative content-card min-h-full">
+                <div id="content-card" class="relative content-card min-h-full h-full">
                     <slot />
                 </div>
             </div>

From 977840ea537f29da96fd8f2d7d7f5d5c97f656e2 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 19 Dec 2025 13:15:15 +0000
Subject: [PATCH 08/11] Nope, we still need this

---
 resources/js/components/assets/Browser/Browser.vue | 6 ++++++
 resources/js/pages/assets/Browse.vue               | 4 ----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index e24e5c82ff8..ed25f266b45 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -146,6 +146,10 @@
                                 <ListingPagination />
                             </PanelFooter>
                         </Panel>
+
+                        <div class="starting-style-transition starting-style-transition--delay">
+                            <DocsCallout :topic="__('Assets')" url="assets" />
+                        </div>
                     </template>
                 </Listing>
             </div>
@@ -193,6 +197,7 @@ import {
     Icon,
     ToggleGroup,
     ToggleItem,
+    DocsCallout,
 } from '@ui';
 import Breadcrumbs from './Breadcrumbs.vue';
 
@@ -226,6 +231,7 @@ export default {
         Icon,
         ToggleGroup,
         ToggleItem,
+        DocsCallout,
     },
 
     props: {
diff --git a/resources/js/pages/assets/Browse.vue b/resources/js/pages/assets/Browse.vue
index 9de354e7fd6..929dba4ef9f 100644
--- a/resources/js/pages/assets/Browse.vue
+++ b/resources/js/pages/assets/Browse.vue
@@ -128,9 +128,5 @@ export default {
                 </div>
             </template>
         </asset-browser>
-
-        <div class="starting-style-transition starting-style-transition--delay">
-            <DocsCallout :topic="__('Assets')" url="assets" />
-        </div>
     </div>
 </template>
\ No newline at end of file

From 2dd83ce4601acdc577e6ad90ededc5424fc02901 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 19 Dec 2025 13:24:23 +0000
Subject: [PATCH 09/11] Add a condition for the docs callout so it doesn't
 appear in the assets fieldtype

---
 resources/js/components/assets/Browser/Browser.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index ed25f266b45..db6d70a383d 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -147,7 +147,7 @@
                             </PanelFooter>
                         </Panel>
 
-                        <div class="starting-style-transition starting-style-transition--delay">
+                        <div v-if="canCreateContainers" class="starting-style-transition starting-style-transition--delay">
                             <DocsCallout :topic="__('Assets')" url="assets" />
                         </div>
                     </template>

From 0a20d38559ffab616c06f2c961e3442a4469555a Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Fri, 19 Dec 2025 11:30:17 -0500
Subject: [PATCH 10/11] use a slot rather than a condition

---
 resources/js/components/assets/Browser/Browser.vue | 4 +---
 resources/js/pages/assets/Browse.vue               | 5 +++++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index db6d70a383d..29e6c4b6f9a 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -147,9 +147,7 @@
                             </PanelFooter>
                         </Panel>
 
-                        <div v-if="canCreateContainers" class="starting-style-transition starting-style-transition--delay">
-                            <DocsCallout :topic="__('Assets')" url="assets" />
-                        </div>
+                        <slot name="footer" />
                     </template>
                 </Listing>
             </div>
diff --git a/resources/js/pages/assets/Browse.vue b/resources/js/pages/assets/Browse.vue
index 929dba4ef9f..d5844a361c1 100644
--- a/resources/js/pages/assets/Browse.vue
+++ b/resources/js/pages/assets/Browse.vue
@@ -127,6 +127,11 @@ export default {
                     <ui-skeleton class="h-30 w-full" />
                 </div>
             </template>
+            <template #footer>
+                <div class="starting-style-transition starting-style-transition--delay">
+                    <DocsCallout :topic="__('Assets')" url="assets" />
+                </div>
+            </template>
         </asset-browser>
     </div>
 </template>
\ No newline at end of file

From 101603f68fde8551a3bb0d0d852b256cc269fe1e Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Fri, 19 Dec 2025 11:30:53 -0500
Subject: [PATCH 11/11] unused import

---
 resources/js/components/assets/Browser/Browser.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/resources/js/components/assets/Browser/Browser.vue b/resources/js/components/assets/Browser/Browser.vue
index 29e6c4b6f9a..4fa559f18c3 100644
--- a/resources/js/components/assets/Browser/Browser.vue
+++ b/resources/js/components/assets/Browser/Browser.vue
@@ -195,7 +195,6 @@ import {
     Icon,
     ToggleGroup,
     ToggleItem,
-    DocsCallout,
 } from '@ui';
 import Breadcrumbs from './Breadcrumbs.vue';
 
@@ -229,7 +228,6 @@ export default {
         Icon,
         ToggleGroup,
         ToggleItem,
-        DocsCallout,
     },
 
     props: {