app/pages/index.vue

@@ -83,12 +83,20 @@
       @updated="handleItemUpdated"
     />
 
+    <!-- Dashboard Cards -->
+    <div class="grid gap-6 mb-6 md:grid-cols-2">
       <!-- Expiry Dashboard -->
-    <div class="mb-6">
       <InventoryExpiryDashboard
         :items="inventoryItems"
         @view-item="editingItem = $event"
       />
+
+      <!-- Low Stock Dashboard -->
+      <InventoryLowStockDashboard
+        :items="inventoryItems"
+        @view-item="editingItem = $event"
+        @restock-item="handleRestockFromDashboard"
+      />
     </div>
 
     <!-- Inventory List -->
@@ -169,4 +177,9 @@ const handleItemUpdated = async (item: any) => {
   inventoryListRef.value?.reload()
   await loadInventoryData()
 }
+
+const handleRestockFromDashboard = (item: any) => {
+  // Open edit modal with the item (user can use Restock button there)
+  editingItem.value = item
+}
 </script>