From 953ed9714e626aa5e4ab3465bc0a4e280598d17c Mon Sep 17 00:00:00 2001
From: Max Kless <maxk@nrwl.io>
Date: Thu, 27 Jun 2024 17:19:34 +0200
Subject: [PATCH] fix(graph): update atomizer metadata & pdv hint

---
 .../src/lib/project-details-wrapper.tsx       |  4 +-
 .../lib/project-details/project-details.tsx   |  6 +--
 ...-configuration-details-group-container.tsx |  9 -----
 ...get-configuration-details-group-header.tsx | 35 ++----------------
 ...arget-configuration-details-group-list.tsx | 21 +++++------
 .../target-configuration-details-header.tsx   | 37 ++++++++++++++++++-
 ...target-configuration-details-list-item.tsx |  6 +++
 .../target-configuration-details.tsx          |  6 +++
 .../src/lib/utils/group-targets.ts            | 15 --------
 .../ui-tooltips/src/lib/atomizer-tooltip.tsx  | 33 +++++++++--------
 packages/cypress/src/plugins/plugin.spec.ts   |  1 -
 packages/cypress/src/plugins/plugin.ts        |  1 -
 packages/jest/src/plugins/plugin.spec.ts      |  1 -
 packages/jest/src/plugins/plugin.ts           |  1 -
 .../playwright/src/plugins/plugin.spec.ts     |  2 -
 packages/playwright/src/plugins/plugin.ts     |  1 -
 16 files changed, 81 insertions(+), 98 deletions(-)

diff --git a/graph/project-details/src/lib/project-details-wrapper.tsx b/graph/project-details/src/lib/project-details-wrapper.tsx
index 6ee8cd4364d999..74598094e8c7e1 100644
--- a/graph/project-details/src/lib/project-details-wrapper.tsx
+++ b/graph/project-details/src/lib/project-details-wrapper.tsx
@@ -173,9 +173,7 @@ export function ProjectDetailsWrapper({
           environment === 'nx-console' ? 'bottom' : 'top'
         }
         connectedToCloud={connectedToCloud}
-        nxConnectCallback={
-          environment === 'nx-console' ? handleNxConnect : undefined
-        }
+        onNxConnect={environment === 'nx-console' ? handleNxConnect : undefined}
       />
       <ErrorToast errors={errors} />
     </>
diff --git a/graph/ui-project-details/src/lib/project-details/project-details.tsx b/graph/ui-project-details/src/lib/project-details/project-details.tsx
index b51838f44cdb42..39b9508c6c6c60 100644
--- a/graph/ui-project-details/src/lib/project-details/project-details.tsx
+++ b/graph/ui-project-details/src/lib/project-details/project-details.tsx
@@ -26,7 +26,7 @@ export interface ProjectDetailsProps {
     targetName: string;
   }) => void;
   onRunTarget?: (data: { projectName: string; targetName: string }) => void;
-  nxConnectCallback?: () => void;
+  onNxConnect?: () => void;
   viewInProjectGraphPosition?: 'top' | 'bottom';
 }
 
@@ -43,7 +43,7 @@ export const ProjectDetails = ({
   onViewInProjectGraph,
   onViewInTaskGraph,
   onRunTarget,
-  nxConnectCallback,
+  onNxConnect,
   viewInProjectGraphPosition = 'top',
   connectedToCloud,
 }: ProjectDetailsProps) => {
@@ -166,7 +166,7 @@ export const ProjectDetails = ({
           onRunTarget={onRunTarget}
           onViewInTaskGraph={onViewInTaskGraph}
           connectedToCloud={connectedToCloud}
-          nxConnectCallback={nxConnectCallback}
+          onNxConnect={onNxConnect}
         />
       </div>
     </>
diff --git a/graph/ui-project-details/src/lib/target-configuration-details-group-container/target-configuration-details-group-container.tsx b/graph/ui-project-details/src/lib/target-configuration-details-group-container/target-configuration-details-group-container.tsx
index 6de9568be559b0..9ccb92267ae1b9 100644
--- a/graph/ui-project-details/src/lib/target-configuration-details-group-container/target-configuration-details-group-container.tsx
+++ b/graph/ui-project-details/src/lib/target-configuration-details-group-container/target-configuration-details-group-container.tsx
@@ -3,18 +3,12 @@ import { TargetConfigurationGroupHeader } from '../target-configuration-details-
 export interface TargetConfigurationGroupContainerProps {
   targetGroupName: string;
   targetsNumber: number;
-  nonAtomizedTarget?: string;
-  connectedToCloud?: boolean;
-  nxConnectCallback?: () => void;
   children: React.ReactNode;
 }
 
 export function TargetConfigurationGroupContainer({
   targetGroupName,
   targetsNumber,
-  nonAtomizedTarget,
-  connectedToCloud,
-  nxConnectCallback,
   children,
 }: TargetConfigurationGroupContainerProps) {
   return (
@@ -22,9 +16,6 @@ export function TargetConfigurationGroupContainer({
       <TargetConfigurationGroupHeader
         targetGroupName={targetGroupName}
         targetsNumber={targetsNumber}
-        nonAtomizedTarget={nonAtomizedTarget}
-        connectedToCloud={connectedToCloud}
-        nxConnectCallback={nxConnectCallback}
         className="sticky top-0 z-10 bg-white dark:bg-slate-900"
       />
       <div className="rounded-md border border-slate-200 p-2 dark:border-slate-700">
diff --git a/graph/ui-project-details/src/lib/target-configuration-details-group-header/target-configuration-details-group-header.tsx b/graph/ui-project-details/src/lib/target-configuration-details-group-header/target-configuration-details-group-header.tsx
index 93c7ba4d204ecb..5675e689d7a376 100644
--- a/graph/ui-project-details/src/lib/target-configuration-details-group-header/target-configuration-details-group-header.tsx
+++ b/graph/ui-project-details/src/lib/target-configuration-details-group-header/target-configuration-details-group-header.tsx
@@ -1,4 +1,3 @@
-import { AtomizerTooltip, Tooltip } from '@nx/graph/ui-tooltips';
 import { Pill } from '../pill';
 import { Square3Stack3DIcon } from '@heroicons/react/24/outline';
 
@@ -6,18 +5,13 @@ export interface TargetConfigurationGroupHeaderProps {
   targetGroupName: string;
   targetsNumber: number;
   className?: string;
-  nonAtomizedTarget?: string;
-  connectedToCloud?: boolean;
-  nxConnectCallback?: () => void;
   showIcon?: boolean;
 }
 
 export const TargetConfigurationGroupHeader = ({
   targetGroupName,
   targetsNumber,
-  nonAtomizedTarget,
-  connectedToCloud = true,
-  nxConnectCallback,
+
   className = '',
 }: TargetConfigurationGroupHeaderProps) => {
   return (
@@ -25,36 +19,15 @@ export const TargetConfigurationGroupHeader = ({
       className={`flex items-center gap-2 px-4 py-2 text-lg capitalize ${className}`}
     >
       {targetGroupName}{' '}
-      {nonAtomizedTarget && <Square3Stack3DIcon className="h-5 w-5" />}
+      {targetGroupName !== 'Others' && (
+        <Square3Stack3DIcon className="h-5 w-5" />
+      )}
       <Pill
         text={
           targetsNumber.toString() +
           (targetsNumber === 1 ? ' target' : ' targets')
         }
       />
-      {nonAtomizedTarget && (
-        <Tooltip
-          openAction="hover"
-          strategy="fixed"
-          usePortal={true}
-          content={
-            (
-              <AtomizerTooltip
-                connectedToCloud={connectedToCloud}
-                nonAtomizedTarget={nonAtomizedTarget}
-                nxConnectCallback={nxConnectCallback}
-              />
-            ) as any
-          }
-        >
-          <span className="inline-flex">
-            <Pill
-              color={connectedToCloud ? 'grey' : 'yellow'}
-              text={'Atomizer'}
-            />
-          </span>
-        </Tooltip>
-      )}
     </header>
   );
 };
diff --git a/graph/ui-project-details/src/lib/target-configuration-details-group-list/target-configuration-details-group-list.tsx b/graph/ui-project-details/src/lib/target-configuration-details-group-list/target-configuration-details-group-list.tsx
index 3a69998748033e..44ac19e075b8ec 100644
--- a/graph/ui-project-details/src/lib/target-configuration-details-group-list/target-configuration-details-group-list.tsx
+++ b/graph/ui-project-details/src/lib/target-configuration-details-group-list/target-configuration-details-group-list.tsx
@@ -4,10 +4,7 @@ import type { ProjectGraphProjectNode } from '@nx/devkit';
 
 import { TargetConfigurationDetailsListItem } from '../target-configuration-details-list-item/target-configuration-details-list-item';
 import { TargetConfigurationGroupContainer } from '../target-configuration-details-group-container/target-configuration-details-group-container';
-import {
-  getNonAtomizedTargetForGroup,
-  groupTargets,
-} from '../utils/group-targets';
+import { groupTargets } from '../utils/group-targets';
 import { useMemo } from 'react';
 
 export interface TargetConfigurationGroupListProps {
@@ -19,7 +16,7 @@ export interface TargetConfigurationGroupListProps {
     projectName: string;
     targetName: string;
   }) => void;
-  nxConnectCallback?: () => void;
+  onNxConnect?: () => void;
   connectedToCloud?: boolean;
   className?: string;
 }
@@ -30,7 +27,7 @@ export function TargetConfigurationGroupList({
   sourceMap,
   onRunTarget,
   onViewInTaskGraph,
-  nxConnectCallback,
+  onNxConnect,
   className = '',
   connectedToCloud,
 }: TargetConfigurationGroupListProps) {
@@ -54,12 +51,6 @@ export function TargetConfigurationGroupList({
               <TargetConfigurationGroupContainer
                 targetGroupName={targetGroupName}
                 targetsNumber={targets.length}
-                nonAtomizedTarget={getNonAtomizedTargetForGroup(
-                  project,
-                  targetGroupName
-                )}
-                connectedToCloud={connectedToCloud}
-                nxConnectCallback={nxConnectCallback}
                 key={targetGroupName}
               >
                 <ul className={className}>
@@ -67,9 +58,11 @@ export function TargetConfigurationGroupList({
                     <TargetConfigurationDetailsListItem
                       project={project}
                       sourceMap={sourceMap}
+                      connectedToCloud={connectedToCloud}
                       variant={variant}
                       onRunTarget={onRunTarget}
                       onViewInTaskGraph={onViewInTaskGraph}
+                      onNxConnect={onNxConnect}
                       targetName={targetName}
                       collapsable={true}
                       key={targetName}
@@ -91,9 +84,11 @@ export function TargetConfigurationGroupList({
                 <TargetConfigurationDetailsListItem
                   project={project}
                   sourceMap={sourceMap}
+                  connectedToCloud={connectedToCloud}
                   variant={variant}
                   onRunTarget={onRunTarget}
                   onViewInTaskGraph={onViewInTaskGraph}
+                  onNxConnect={onNxConnect}
                   targetName={targetName}
                   collapsable={true}
                   key={targetName}
@@ -112,9 +107,11 @@ export function TargetConfigurationGroupList({
             <TargetConfigurationDetailsListItem
               project={project}
               sourceMap={sourceMap}
+              connectedToCloud={connectedToCloud}
               variant={variant}
               onRunTarget={onRunTarget}
               onViewInTaskGraph={onViewInTaskGraph}
+              onNxConnect={onNxConnect}
               targetName={targetName}
               collapsable={true}
               key={targetName}
diff --git a/graph/ui-project-details/src/lib/target-configuration-details-header/target-configuration-details-header.tsx b/graph/ui-project-details/src/lib/target-configuration-details-header/target-configuration-details-header.tsx
index 9fe0174e60388d..849fe99200e363 100644
--- a/graph/ui-project-details/src/lib/target-configuration-details-header/target-configuration-details-header.tsx
+++ b/graph/ui-project-details/src/lib/target-configuration-details-header/target-configuration-details-header.tsx
@@ -8,7 +8,11 @@ import {
   PlayIcon,
 } from '@heroicons/react/24/outline';
 
-import { PropertyInfoTooltip, Tooltip } from '@nx/graph/ui-tooltips';
+import {
+  AtomizerTooltip,
+  PropertyInfoTooltip,
+  Tooltip,
+} from '@nx/graph/ui-tooltips';
 import { twMerge } from 'tailwind-merge';
 import { Pill } from '../pill';
 import { TargetTechnologies } from '../target-technologies/target-technologies';
@@ -26,11 +30,13 @@ export interface TargetConfigurationDetailsHeaderProps {
   projectName: string;
   targetName: string;
   sourceMap: Record<string, string[]>;
+  connectedToCloud?: boolean;
   onRunTarget?: (data: { projectName: string; targetName: string }) => void;
   onViewInTaskGraph?: (data: {
     projectName: string;
     targetName: string;
   }) => void;
+  onNxConnect?: () => void;
 }
 
 export const TargetConfigurationDetailsHeader = ({
@@ -41,9 +47,11 @@ export const TargetConfigurationDetailsHeader = ({
   targetConfiguration,
   projectName,
   targetName,
+  connectedToCloud = true,
   sourceMap,
   onRunTarget,
   onViewInTaskGraph,
+  onNxConnect,
 }: TargetConfigurationDetailsHeaderProps) => {
   const handleCopyClick = async (copyText: string) => {
     await window.navigator.clipboard.writeText(copyText);
@@ -97,7 +105,7 @@ export const TargetConfigurationDetailsHeader = ({
                 </p>
               )}
           </div>
-          <div>
+          <div className="flex items-center gap-2">
             {targetName === 'nx-release-publish' && (
               <Tooltip
                 openAction="hover"
@@ -109,6 +117,31 @@ export const TargetConfigurationDetailsHeader = ({
                 </span>
               </Tooltip>
             )}
+            {targetConfiguration.metadata?.nonAtomizedTarget && (
+              <Tooltip
+                openAction="hover"
+                strategy="fixed"
+                usePortal={true}
+                content={
+                  (
+                    <AtomizerTooltip
+                      connectedToCloud={connectedToCloud}
+                      nonAtomizedTarget={
+                        targetConfiguration.metadata.nonAtomizedTarget
+                      }
+                      onNxConnect={onNxConnect}
+                    />
+                  ) as any
+                }
+              >
+                <span className="inline-flex">
+                  <Pill
+                    color={connectedToCloud ? 'grey' : 'yellow'}
+                    text={'Atomizer'}
+                  />
+                </span>
+              </Tooltip>
+            )}
             {targetConfiguration.cache && (
               <Tooltip
                 openAction="hover"
diff --git a/graph/ui-project-details/src/lib/target-configuration-details-list-item/target-configuration-details-list-item.tsx b/graph/ui-project-details/src/lib/target-configuration-details-list-item/target-configuration-details-list-item.tsx
index 88015ca5d3751e..45fafea765876a 100644
--- a/graph/ui-project-details/src/lib/target-configuration-details-list-item/target-configuration-details-list-item.tsx
+++ b/graph/ui-project-details/src/lib/target-configuration-details-list-item/target-configuration-details-list-item.tsx
@@ -6,12 +6,14 @@ import TargetConfigurationDetails from '../target-configuration-details/target-c
 export interface TargetConfigurationDetailsListItemProps {
   project: ProjectGraphProjectNode;
   sourceMap: Record<string, string[]>;
+  connectedToCloud?: boolean;
   variant?: 'default' | 'compact';
   onRunTarget?: (data: { projectName: string; targetName: string }) => void;
   onViewInTaskGraph?: (data: {
     projectName: string;
     targetName: string;
   }) => void;
+  onNxConnect?: () => void;
   targetName: string;
   collapsable: boolean;
 }
@@ -20,8 +22,10 @@ export function TargetConfigurationDetailsListItem({
   project,
   variant,
   sourceMap,
+  connectedToCloud,
   onRunTarget,
   onViewInTaskGraph,
+  onNxConnect,
   targetName,
   collapsable,
 }: TargetConfigurationDetailsListItemProps) {
@@ -37,8 +41,10 @@ export function TargetConfigurationDetailsListItem({
         targetName={targetName}
         targetConfiguration={target}
         sourceMap={sourceMap}
+        connectedToCloud={connectedToCloud}
         onRunTarget={onRunTarget}
         onViewInTaskGraph={onViewInTaskGraph}
+        onNxConnect={onNxConnect}
         collapsable={collapsable}
       />
     </li>
diff --git a/graph/ui-project-details/src/lib/target-configuration-details/target-configuration-details.tsx b/graph/ui-project-details/src/lib/target-configuration-details/target-configuration-details.tsx
index 690c6baae3c4a6..d7819850b9349e 100644
--- a/graph/ui-project-details/src/lib/target-configuration-details/target-configuration-details.tsx
+++ b/graph/ui-project-details/src/lib/target-configuration-details/target-configuration-details.tsx
@@ -23,6 +23,7 @@ interface TargetConfigurationDetailsProps {
   targetName: string;
   targetConfiguration: TargetConfiguration;
   sourceMap: Record<string, string[]>;
+  connectedToCloud?: boolean;
   variant?: 'default' | 'compact';
   onCollapse?: (targetName: string) => void;
   onExpand?: (targetName: string) => void;
@@ -31,6 +32,7 @@ interface TargetConfigurationDetailsProps {
     projectName: string;
     targetName: string;
   }) => void;
+  onNxConnect?: () => void;
   collapsable: boolean;
 }
 
@@ -40,8 +42,10 @@ export default function TargetConfigurationDetails({
   targetName,
   targetConfiguration,
   sourceMap,
+  connectedToCloud,
   onViewInTaskGraph,
   onRunTarget,
+  onNxConnect,
   collapsable,
 }: TargetConfigurationDetailsProps) {
   const isCompact = variant === 'compact';
@@ -94,9 +98,11 @@ export default function TargetConfigurationDetails({
         targetConfiguration={targetConfiguration}
         projectName={projectName}
         targetName={targetName}
+        connectedToCloud={connectedToCloud}
         sourceMap={sourceMap}
         onRunTarget={onRunTarget}
         onViewInTaskGraph={onViewInTaskGraph}
+        onNxConnect={onNxConnect}
       />
       {/* body */}
       {!collapsed && (
diff --git a/graph/ui-project-details/src/lib/utils/group-targets.ts b/graph/ui-project-details/src/lib/utils/group-targets.ts
index 5ff330bf7bb945..0e7c4b4cd64b7b 100644
--- a/graph/ui-project-details/src/lib/utils/group-targets.ts
+++ b/graph/ui-project-details/src/lib/utils/group-targets.ts
@@ -33,18 +33,3 @@ function sortNxReleasePublishLast(a: string, b: string) {
   if (b === 'nx-release-publish') return -1;
   return a.localeCompare(b);
 }
-
-export function getNonAtomizedTargetForGroup(
-  project: ProjectGraphProjectNode,
-  targetGroupName: string
-): string | undefined {
-  const targetWithNonAtomizedEquivalent = project.data.metadata?.targetGroups?.[
-    targetGroupName
-  ]?.find(
-    (target) => project.data.targets?.[target]?.metadata?.nonAtomizedTarget
-  );
-  return targetWithNonAtomizedEquivalent
-    ? project.data.targets?.[targetWithNonAtomizedEquivalent]?.metadata
-        ?.nonAtomizedTarget
-    : undefined;
-}
diff --git a/graph/ui-tooltips/src/lib/atomizer-tooltip.tsx b/graph/ui-tooltips/src/lib/atomizer-tooltip.tsx
index 6b12f6774bb686..f92f2c5c8b10a2 100644
--- a/graph/ui-tooltips/src/lib/atomizer-tooltip.tsx
+++ b/graph/ui-tooltips/src/lib/atomizer-tooltip.tsx
@@ -4,7 +4,7 @@ import { twMerge } from 'tailwind-merge';
 export interface AtomizerTooltipProps {
   connectedToCloud: boolean;
   nonAtomizedTarget: string;
-  nxConnectCallback?: () => void;
+  onNxConnect?: () => void;
 }
 export function AtomizerTooltip(props: AtomizerTooltipProps) {
   return (
@@ -26,19 +26,19 @@ export function AtomizerTooltip(props: AtomizerTooltipProps) {
             href="https://nx.dev/ci/features/split-e2e-tasks"
             text="automatically split"
           />
-          {
-            ' this potentially slow task into separate tasks for each file. We recommend enabling '
-          }
-          {!props.connectedToCloud && (
-            <>
-              <Link href="https://nx.app/" text="Nx Cloud" />
-              {' and '}
-            </>
+          {' the potentially slow'}
+          <code className="mx-2 inline rounded bg-gray-100 px-1 font-mono text-gray-800 dark:bg-gray-700 dark:text-gray-300">
+            {props.nonAtomizedTarget}
+          </code>
+          {'task into separate tasks for each file. Enable '}
+          {!props.connectedToCloud ? (
+            <Link href="https://nx.app/" text="Nx Cloud" />
+          ) : (
+            <Link
+              href="https://nx.dev/ci/features/distribute-task-execution"
+              text="Nx Agents"
+            />
           )}
-          <Link
-            href="https://nx.dev/ci/features/distribute-task-execution"
-            text="Nx Agents"
-          />
           {' to benefit from '}
           <Link
             href="https://nx.dev/ci/features/distribute-task-execution"
@@ -62,16 +62,17 @@ export function AtomizerTooltip(props: AtomizerTooltipProps) {
           <code className="mx-2 inline rounded bg-gray-100 px-1 font-mono text-gray-800 dark:bg-gray-700 dark:text-gray-300">
             {props.nonAtomizedTarget}
           </code>
-          when running without Nx Agents.
+          when running without{' '}
+          {!props.connectedToCloud ? 'Nx Cloud' : 'Nx Agents'}.
         </p>
       </div>
       {!props.connectedToCloud && (
         <div className="flex py-2">
           <p className="pr-4 normal-case">
-            {props.nxConnectCallback ? (
+            {props.onNxConnect ? (
               <button
                 className="inline-flex cursor-pointer items-center gap-2 rounded-md px-2 py-1 text-base text-slate-600 ring-2 ring-inset ring-slate-400/40 hover:bg-slate-50 dark:text-slate-300 dark:ring-slate-400/30 dark:hover:bg-slate-800/60"
-                onClick={() => props.nxConnectCallback!()}
+                onClick={() => props.onNxConnect!()}
               >
                 <NxCloudIcon className="h-5 w-5 "></NxCloudIcon>
                 <span>Connect to Nx Cloud</span>
diff --git a/packages/cypress/src/plugins/plugin.spec.ts b/packages/cypress/src/plugins/plugin.spec.ts
index a5a6ca6c08b524..08725fa2136862 100644
--- a/packages/cypress/src/plugins/plugin.spec.ts
+++ b/packages/cypress/src/plugins/plugin.spec.ts
@@ -330,7 +330,6 @@ describe('@nx/cypress/plugin', () => {
                     ],
                     "metadata": {
                       "description": "Runs Cypress Tests in src/test.cy.ts in CI",
-                      "nonAtomizedTarget": "e2e",
                       "technologies": [
                         "cypress",
                       ],
diff --git a/packages/cypress/src/plugins/plugin.ts b/packages/cypress/src/plugins/plugin.ts
index 9467113d6d6bdb..fa1b89ff95651c 100644
--- a/packages/cypress/src/plugins/plugin.ts
+++ b/packages/cypress/src/plugins/plugin.ts
@@ -270,7 +270,6 @@ async function buildCypressTargets(
           metadata: {
             technologies: ['cypress'],
             description: `Runs Cypress Tests in ${relativeSpecFilePath} in CI`,
-            nonAtomizedTarget: options.targetName,
           },
         };
         dependsOn.push({
diff --git a/packages/jest/src/plugins/plugin.spec.ts b/packages/jest/src/plugins/plugin.spec.ts
index 27c7ff58d89489..93696b8f788999 100644
--- a/packages/jest/src/plugins/plugin.spec.ts
+++ b/packages/jest/src/plugins/plugin.spec.ts
@@ -202,7 +202,6 @@ describe('@nx/jest/plugin', () => {
                     ],
                     "metadata": {
                       "description": "Run Jest Tests in src/unit.spec.ts",
-                      "nonAtomizedTarget": "test",
                       "technologies": [
                         "jest",
                       ],
diff --git a/packages/jest/src/plugins/plugin.ts b/packages/jest/src/plugins/plugin.ts
index 9cc595a5178d3d..d9608a26a1324a 100644
--- a/packages/jest/src/plugins/plugin.ts
+++ b/packages/jest/src/plugins/plugin.ts
@@ -259,7 +259,6 @@ async function buildJestTargets(
           metadata: {
             technologies: ['jest'],
             description: `Run Jest Tests in ${relativePath}`,
-            nonAtomizedTarget: options.targetName,
           },
         };
         targetGroup.push(targetName);
diff --git a/packages/playwright/src/plugins/plugin.spec.ts b/packages/playwright/src/plugins/plugin.spec.ts
index c257d7c4bc9e7b..b50e3d9adcd379 100644
--- a/packages/playwright/src/plugins/plugin.spec.ts
+++ b/packages/playwright/src/plugins/plugin.spec.ts
@@ -300,7 +300,6 @@ describe('@nx/playwright/plugin', () => {
         ],
         "metadata": {
           "description": "Runs Playwright Tests in tests/run-me.spec.ts in CI",
-          "nonAtomizedTarget": "e2e",
           "technologies": [
             "playwright",
           ],
@@ -328,7 +327,6 @@ describe('@nx/playwright/plugin', () => {
         ],
         "metadata": {
           "description": "Runs Playwright Tests in tests/run-me-2.spec.ts in CI",
-          "nonAtomizedTarget": "e2e",
           "technologies": [
             "playwright",
           ],
diff --git a/packages/playwright/src/plugins/plugin.ts b/packages/playwright/src/plugins/plugin.ts
index fa4159d9c78140..e3b847b4debc80 100644
--- a/packages/playwright/src/plugins/plugin.ts
+++ b/packages/playwright/src/plugins/plugin.ts
@@ -215,7 +215,6 @@ async function buildPlaywrightTargets(
           metadata: {
             technologies: ['playwright'],
             description: `Runs Playwright Tests in ${relativeSpecFilePath} in CI`,
-            nonAtomizedTarget: options.targetName,
           },
         };
         dependsOn.push({