useTask$(({ cleanup }) => {
    const handleKeyPress = (e) => {
      if (e.key === "`" && e.metaKey) {
        state.isOpen.value = !state.isOpen.value;
      }
      if (e.key === "Escape" && state.isOpen.value) {
        state.isOpen.value = false;
      }
    };
    const handleClickOutside = (e) => {
      if (state.isOpen.value && panelRef.value && !panelRef.value.contains(e.target)) {
        state.isOpen.value = false;
      }
    };
    if (!isBrowser) return;
    window.addEventListener("keydown", handleKeyPress);
    window.addEventListener("mousedown", handleClickOutside);
    cleanup(() => {
      window.removeEventListener("keydown", handleKeyPress);
      window.removeEventListener("mousedown", handleClickOutside);
    });
  });