From 4e2ef9c6bfb7aa015ac55f8ee6ce631ea11754db Mon Sep 17 00:00:00 2001
From: "Gan, Jimmy" <jimmy.gan@adidas.com>
Date: Sun, 1 Mar 2026 16:21:28 +0800
Subject: [PATCH] fix: add drop zone placeholder for empty sidebar categories

---
 dashboard/frontend/src/components/Sidebar.svelte | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/dashboard/frontend/src/components/Sidebar.svelte b/dashboard/frontend/src/components/Sidebar.svelte
index d35f29c..70eeded 100644
--- a/dashboard/frontend/src/components/Sidebar.svelte
+++ b/dashboard/frontend/src/components/Sidebar.svelte
@@ -273,6 +273,16 @@
         {/if}
       </button>
       {#if cat === "main" || !collapsed[cat]}
+      {#if items.length === 0}
+        <div
+          class="px-3 py-3 mx-1 rounded-lg border border-dashed text-[11px] text-center transition-colors duration-150
+            {dropCategory === cat ? 'border-primary-400 bg-primary-50 dark:bg-primary-900/20 text-primary-500' : 'border-surface-300 dark:border-surface-600 text-surface-400'}"
+          ondragover={(e) => handleCategoryDragOver(cat, e)}
+          ondrop={(e) => handleCategoryDrop(cat, e)}
+        >
+          Drop items here
+        </div>
+      {/if}
       {#each items as item, i}
         {#if canAccess(item.id)}
           {#if item.external || item.remoteHref || item.port}