nexu-io
diff --git a/‎apps/web/src/components/PluginsView.tsx‎
Lines changed: 5 additions & 1 deletion b/‎apps/web/src/components/PluginsView.tsx‎
Lines changed: 5 additions & 1 deletion
diff --git a/‎apps/web/tests/components/ExtensionsMarketplace.plugin-detail-entry.test.tsx‎
Lines changed: 9 additions & 2 deletions b/‎apps/web/tests/components/ExtensionsMarketplace.plugin-detail-entry.test.tsx‎
Lines changed: 9 additions & 2 deletions
@@ -9,6 +9,7 @@ import {
   type KeyboardEvent,
   type SetStateAction,
 } from 'react';
+import { createPortal } from 'react-dom';
 import { Dialog } from '@open-design/components';
 import {
   PLUGIN_SHARE_ACTION_PLUGIN_IDS,
@@ -3215,7 +3216,7 @@ function AvailablePluginDetailsModal({
     });
   }
 
-  return (
+  const modal = (
     <div
       className="plugin-details-modal-backdrop"
       role="dialog"
@@ -3519,6 +3520,9 @@ function AvailablePluginDetailsModal({
       </div>
     </div>
   );
+
+  if (typeof document === 'undefined') return modal;
+  return createPortal(modal, document.body);
 }
 
 function SourcesPanel({
 
@@ -171,8 +171,8 @@ describe('ExtensionsMarketplace installed plugin detail entry', () => {
     expect(screen.queryByTestId('plugin-detail')).toBeNull();
   });
 
-  it('keeps an uninstalled Community card in the existing install modal', async () => {
-    renderHarness();
+  it('keeps an uninstalled Community card in a root-level install modal', async () => {
+    const { container } = renderHarness();
 
     fireEvent.click(
       await screen.findByTestId(
@@ -183,6 +183,13 @@ describe('ExtensionsMarketplace installed plugin detail entry', () => {
     const modal = await screen.findByTestId('plugins-available-details-modal');
     expect(window.location.pathname).toBe('/plugins');
     expect(screen.queryByTestId('plugin-detail')).toBeNull();
+    // The top-right account cluster is also portalled to <body>. Keeping the
+    // scrim inside the marketplace stacking context lets that cluster paint
+    // above the backdrop and escape its blur.
+    expect(modal.parentElement).toBe(document.body);
+    expect(
+      container.querySelector('[data-testid="plugins-available-details-modal"]'),
+    ).toBeNull();
     expect(within(modal).getByText('Community Plugin Kit')).toBeTruthy();
     expect(
       within(modal).getByTestId(