The Document explorer uses my other library as dependency to make the Sidebar resizable & dockable and floating and many more.
Here is the config section of my AdvancedPanelControl Library:
I think what you are looking for is the “mode = dock” option
config.set("AdvancedPanelControl", {
mode = "auto", -- "auto" | "overlay" | "dock"
gestures = true, -- true (enabled), false (disabled)
minWidth = "300", -- min Width Constraints for LHS and RHS
maxWidth = "1000", -- max Width Constraints for LHS and RHS
minHeight = "100", -- min Height Constraints for BHS
maxHeight = "500", -- max Height Constraints for BHS
})
If you want you can dettach the sidepanel, and use the Document explorer as a floating window, this is also a good way to use it on mobile. like This:
This way 65% of your page is still visible. And also document explorer is still usable.
Feel free to checkout my Advanced Panel Controls - e.g. Resizing Side Panels (LHS, RHS, BHS) using your mouse library for more options and features.

