diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-action-buttons.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-action-buttons.tsx
index 7f2abc9273..4768e28147 100644
--- a/services/web/frontend/js/features/file-tree/components/file-tree-action-buttons.tsx
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-action-buttons.tsx
@@ -8,7 +8,7 @@ import { usePermissionsContext } from '@/features/ide-react/context/permissions-
 import FileTreeActionButton from './file-tree-action-button'
 import { useRailContext } from '../../ide-react/context/rail-context'
 import PythonRequirementsModal from './python-requirements-modal'
-import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
 
 export default function FileTreeActionButtons({
   fileTreeExpanded,
@@ -20,8 +20,8 @@ export default function FileTreeActionButtons({
   const { write } = usePermissionsContext()
   const { handlePaneCollapse } = useRailContext()
   const [showPythonModal, setShowPythonModal] = useState(false)
-  const { pdfFile } = useCompileContext()
-  const isRevealJs = pdfFile?.path === 'output.html'
+  const { compiler } = useProjectSettingsContext()
+  const isQuarto = compiler === 'quarto'
 
   const {
     canCreate,
@@ -115,7 +115,7 @@ export default function FileTreeActionButtons({
               iconType="delete"
             />
           )}
-          {write && isRevealJs && (
+          {write && isQuarto && (
             <FileTreeActionButton
               id="python-packages"
               description={t('python_packages')}