fix(sidebar): support touch/keyboard for collapsed menus, document auto-collapse

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/home/home.tsx

@@ -167,6 +167,7 @@ export function Home({ chatId }: HomeProps = {}) {
 
   const handleResourceEvent = useCallback(() => {
     if (isResourceCollapsedRef.current) {
+      /** Auto-collapse sidebar to give resource panel maximum width for immersive experience */
       const { isCollapsed, toggleCollapsed } = useSidebarStore.getState()
       if (!isCollapsed) toggleCollapsed()
       setIsResourceCollapsed(false)

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components/collapsed-sidebar-menu/collapsed-sidebar-menu.tsx

@@ -34,7 +34,8 @@ export function CollapsedSidebarMenu({
       <DropdownMenu
         open={hover.isOpen}
         onOpenChange={(open) => {
-          if (!open) hover.close()
+          if (open) hover.open()
+          else hover.close()
         }}
         modal={false}
       >

apps/sim/app/workspace/[workspaceId]/w/components/sidebar/hooks/use-hover-menu.ts

@@ -58,5 +58,5 @@ export function useHoverMenu() {
     [cancelClose, scheduleClose]
   )
 
-  return { isOpen, close, triggerProps, contentProps }
+  return { isOpen, open, close, triggerProps, contentProps }
 }