\n {/* Desktop: Username button */}\n setIsOpen(!isOpen)}\n className=\"hidden md:flex items-center gap-2 px-3 py-2 rounded-lg hover:bg-gray-100 transition-colors\"\n aria-expanded={isOpen}\n aria-haspopup=\"true\"\n >\n \n @{handle}\n \n \n \n \n \n\n {/* Mobile: Hamburger button */}\n setIsOpen(!isOpen)}\n className=\"md:hidden p-2 rounded-lg hover:bg-gray-100 transition-colors\"\n aria-expanded={isOpen}\n aria-haspopup=\"true\"\n aria-label=\"Menu\"\n >\n \n {isOpen\n ? (\n \n )\n : (\n \n )}\n \n \n\n {/* Dropdown menu */}\n {isOpen && (\n

\n {/* Mobile only: Show username in menu */}\n

@{handle}

\n\n setIsOpen(false)}\n >\n \n \n \n Tools\n \n\n setIsOpen(false)}\n >\n \n \n \n About\n \n\n setIsOpen(false)}\n >\n \n \n \n FAQ\n \n\n {\n setIsOpen(false);\n onLogout();\n }}\n className=\"w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors\"\n >\n Logout\n \n

\n )}\n

\n );\n}\n","deleted","label",[171,172,152],"frontend","components","permalink","https://www.val.town/x/tijs/kipclip-appview/code/frontend/components/UserMenu.tsx","extension","actionData","errors"]