diff --git a/ui/src/components/CommandPalette.tsx b/ui/src/components/CommandPalette.tsx index 2ffc3bf5..3defb0e6 100644 --- a/ui/src/components/CommandPalette.tsx +++ b/ui/src/components/CommandPalette.tsx @@ -3,6 +3,7 @@ import { useNavigate } from "@/lib/router"; import { useQuery } from "@tanstack/react-query"; import { useCompany } from "../context/CompanyContext"; import { useDialog } from "../context/DialogContext"; +import { useSidebar } from "../context/SidebarContext"; import { issuesApi } from "../api/issues"; import { agentsApi } from "../api/agents"; import { projectsApi } from "../api/projects"; @@ -37,6 +38,7 @@ export function CommandPalette() { const navigate = useNavigate(); const { selectedCompanyId } = useCompany(); const { openNewIssue, openNewAgent } = useDialog(); + const { isMobile, setSidebarOpen } = useSidebar(); const searchQuery = query.trim(); useEffect(() => { @@ -44,11 +46,12 @@ export function CommandPalette() { if (e.key === "k" && (e.metaKey || e.ctrlKey)) { e.preventDefault(); setOpen(true); + if (isMobile) setSidebarOpen(false); } } document.addEventListener("keydown", handleKeyDown); return () => document.removeEventListener("keydown", handleKeyDown); - }, []); + }, [isMobile, setSidebarOpen]); useEffect(() => { if (!open) setQuery(""); @@ -94,7 +97,10 @@ export function CommandPalette() { ); return ( - + { + setOpen(v); + if (v && isMobile) setSidebarOpen(false); + }}>