chore(repo): update freebsd publish to run on ubuntu and use latest f… (#26924)

…reebsd to fix issue

<!-- Please make sure you have read the submission guidelines before
posting an PR -->
<!--
https://github.com/nrwl/nx/blob/master/CONTRIBUTING.md#-submitting-a-pr
-->

<!-- Please make sure that your commit message follows our format -->
<!-- Example: `fix(nx): must begin with lowercase` -->

<!-- If this is a particularly complex change or feature addition, you
can request a dedicated Nx release for this pull request branch. Mention
someone from the Nx team or the `@nrwl/nx-pipelines-reviewers` and they
will confirm if the PR warrants its own release for testing purposes,
and generate it for you if appropriate. -->

## Current Behavior
<!-- This is the behavior we have today -->

There's an issue with running `npm` when building on freebsd

## Expected Behavior
<!-- This is the behavior we should expect with the changes in this PR
-->

There are no issues building on freebsd

## Related Issue(s)
<!-- Please link the issue being fixed so it gets closed when this is
merged. -->

Fixes #

(cherry picked from commit 37f0ccaa20)

.circleci/config.yml

@@ -158,7 +158,12 @@ jobs:
       - run:
           name: Run E2E Tests for macOS
           command: |
-            pnpm nx affected -t e2e-macos-ci --parallel=1 --base=$NX_BASE --head=$NX_HEAD
+            HAS_CHANGED=$(node ./scripts/check-react-native-changes.js $NX_BASE $NX_HEAD);
+            if $HAS_CHANGED; then
+              pnpm nx affected -t e2e-macos-ci --parallel=1 --base=$NX_BASE --head=$NX_HEAD
+            else
+              echo "Skip E2E tests for macOS as there are no changes in React Native projects."
+            fi
           no_output_timeout: 45m
 
 # -------------------------

.github/workflows/publish.yml

@@ -287,7 +287,7 @@ jobs:
   build-freebsd:
     needs: [resolve-required-data]
     if: ${{ github.repository_owner == 'nrwl' }}
-    runs-on: macos-13-large
+    runs-on: ubuntu-latest
     name: Build FreeBSD
     timeout-minutes: 45
     steps:
@@ -300,7 +300,7 @@ jobs:
       - name: Build
         id: build
         if: ${{ github.event_name != 'schedule' && !github.event.inputs.pr }}
-        uses: cross-platform-actions/action@v0.22.0
+        uses: cross-platform-actions/action@v0.25.0
         env:
           DEBUG: napi:*
           RUSTUP_IO_THREADS: 1
@@ -308,14 +308,14 @@ jobs:
           PLAYWRIGHT_BROWSERS_PATH: 0
         with:
           operating_system: freebsd
-          version: '13.2'
+          version: '14.0'
           architecture: x86-64
           environment_variables: DEBUG RUSTUP_IO_THREADS CI NX_PREFER_TS_NODE PLAYWRIGHT_BROWSERS_PATH
           shell: bash
           run: |
             env
             whoami
-            sudo pkg install -y -f node libnghttp2 npm git
+            sudo pkg install -y -f node libnghttp2 www/npm git
             sudo npm install --location=global --ignore-scripts pnpm@8.15.7
             curl https://sh.rustup.rs -sSf --output rustup.sh
             sh rustup.sh -y --profile minimal --default-toolchain stable
@@ -331,8 +331,6 @@ jobs:
             whoami
             env
             freebsd-version
-            mkdir -p /Users/runner/work/_temp/_github_workflow
-            echo "{}" > /Users/runner/work/_temp/_github_workflow/event.json
             pnpm install --frozen-lockfile --ignore-scripts
             pnpm nx run-many --verbose --outputStyle stream --target=build-native -- --target=x86_64-unknown-freebsd
             pnpm nx reset

docs/generated/cli/create-nx-workspace.md

@@ -121,9 +121,9 @@ Generate a 'src/' directory for Next.js
 
 Type: `string`
 
-Choices: [yes, github, circleci, skip]
+Choices: [github, circleci, gitlab, azure, bitbucket-pipelines, skip, yes]
 
-Do you want Nx Cloud to make your CI fast?
+Which CI provider would you like to use?
 
 ### packageManager
 

docs/generated/manifests/ci.json

@@ -28,6 +28,17 @@
         "path": "/ci/intro/why-nx-cloud",
         "tags": []
       },
+      {
+        "id": "connect-to-cloud",
+        "name": "Connect Nx Cloud",
+        "description": "",
+        "mediaImage": "",
+        "file": "nx-cloud/intro/connect-to-cloud",
+        "itemList": [],
+        "isExternal": false,
+        "path": "/ci/intro/connect-to-cloud",
+        "tags": []
+      },
       {
         "id": "tutorials",
         "name": "Tutorials",
@@ -89,6 +100,17 @@
     "path": "/ci/intro/why-nx-cloud",
     "tags": []
   },
+  "/ci/intro/connect-to-cloud": {
+    "id": "connect-to-cloud",
+    "name": "Connect Nx Cloud",
+    "description": "",
+    "mediaImage": "",
+    "file": "nx-cloud/intro/connect-to-cloud",
+    "itemList": [],
+    "isExternal": false,
+    "path": "/ci/intro/connect-to-cloud",
+    "tags": []
+  },
   "/ci/intro/tutorials": {
     "id": "tutorials",
     "name": "Tutorials",
@@ -185,6 +207,17 @@
         "path": "/ci/features/distribute-task-execution",
         "tags": []
       },
+      {
+        "id": "nx-cloud-ai",
+        "name": "Nx Cloud AI",
+        "description": "Learn how to enable AI features in Nx Cloud, and what features it enables",
+        "mediaImage": "",
+        "file": "nx-cloud/features/ai-features",
+        "itemList": [],
+        "isExternal": false,
+        "path": "/ci/features/nx-cloud-ai",
+        "tags": []
+      },
       {
         "id": "dynamic-agents",
         "name": "Dynamically Allocate Agents",
@@ -217,17 +250,6 @@
         "isExternal": false,
         "path": "/ci/features/flaky-tasks",
         "tags": []
-      },
-      {
-        "id": "on-premise",
-        "name": "Set up Nx Cloud On-Premise",
-        "description": "Set up Nx Cloud on machines that you control",
-        "mediaImage": "",
-        "file": "nx-cloud/features/nx-enterprise-on-prem",
-        "itemList": [],
-        "isExternal": false,
-        "path": "/ci/features/on-premise",
-        "tags": ["on-premise"]
       }
     ],
     "isExternal": false,
@@ -267,6 +289,17 @@
     "path": "/ci/features/distribute-task-execution",
     "tags": []
   },
+  "/ci/features/nx-cloud-ai": {
+    "id": "nx-cloud-ai",
+    "name": "Nx Cloud AI",
+    "description": "Learn how to enable AI features in Nx Cloud, and what features it enables",
+    "mediaImage": "",
+    "file": "nx-cloud/features/ai-features",
+    "itemList": [],
+    "isExternal": false,
+    "path": "/ci/features/nx-cloud-ai",
+    "tags": []
+  },
   "/ci/features/dynamic-agents": {
     "id": "dynamic-agents",
     "name": "Dynamically Allocate Agents",
@@ -300,17 +333,6 @@
     "path": "/ci/features/flaky-tasks",
     "tags": []
   },
-  "/ci/features/on-premise": {
-    "id": "on-premise",
-    "name": "Set up Nx Cloud On-Premise",
-    "description": "Set up Nx Cloud on machines that you control",
-    "mediaImage": "",
-    "file": "nx-cloud/features/nx-enterprise-on-prem",
-    "itemList": [],
-    "isExternal": false,
-    "path": "/ci/features/on-premise",
-    "tags": ["on-premise"]
-  },
   "/ci/concepts": {
     "id": "concepts",
     "name": "Concepts",
@@ -425,17 +447,6 @@
         "mediaImage": "",
         "file": "",
         "itemList": [
-          {
-            "id": "connect-to-cloud",
-            "name": "Connect Nx Cloud",
-            "description": "",
-            "mediaImage": "",
-            "file": "nx-cloud/recipes/connect-to-cloud",
-            "itemList": [],
-            "isExternal": false,
-            "path": "/ci/recipes/set-up/connect-to-cloud",
-            "tags": []
-          },
           {
             "id": "monorepo-ci-azure",
             "name": "Setting up Azure Pipelines",
@@ -571,14 +582,14 @@
             "tags": []
           },
           {
-            "id": "bitbucket-cloud",
-            "name": "Enable Bitbucket Cloud PR Integration",
+            "id": "bitbucket",
+            "name": "Enable Bitbucket PR Integration",
             "description": "",
             "mediaImage": "",
-            "file": "nx-cloud/set-up/bitbucket-cloud",
+            "file": "nx-cloud/set-up/bitbucket",
             "itemList": [],
             "isExternal": false,
-            "path": "/ci/recipes/source-control-integration/bitbucket-cloud",
+            "path": "/ci/recipes/source-control-integration/bitbucket",
             "tags": []
           },
           {
@@ -622,6 +633,17 @@
             "mediaImage": "",
             "file": "",
             "itemList": [
+              {
+                "id": "on-premise",
+                "name": "Set up Nx Cloud On-Premise",
+                "description": "Set up Nx Cloud on machines that you control",
+                "mediaImage": "",
+                "file": "nx-cloud/features/nx-enterprise-on-prem",
+                "itemList": [],
+                "isExternal": false,
+                "path": "/ci/recipes/enterprise/on-premise/on-premise",
+                "tags": ["on-premise"]
+              },
               {
                 "id": "auth-single-admin",
                 "name": "Authenticate with a Single Admin",
@@ -677,6 +699,17 @@
                 "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket",
                 "tags": []
               },
+              {
+                "id": "auth-bitbucket-data-center",
+                "name": "Authenticate with BitBucket Data Center",
+                "description": "",
+                "mediaImage": "",
+                "file": "nx-cloud/enterprise/on-premise/auth-bitbucket-data-center",
+                "itemList": [],
+                "isExternal": false,
+                "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center",
+                "tags": []
+              },
               {
                 "id": "auth-saml",
                 "name": "Authenticate via SAML",
@@ -855,17 +888,6 @@
     "mediaImage": "",
     "file": "",
     "itemList": [
-      {
-        "id": "connect-to-cloud",
-        "name": "Connect Nx Cloud",
-        "description": "",
-        "mediaImage": "",
-        "file": "nx-cloud/recipes/connect-to-cloud",
-        "itemList": [],
-        "isExternal": false,
-        "path": "/ci/recipes/set-up/connect-to-cloud",
-        "tags": []
-      },
       {
         "id": "monorepo-ci-azure",
         "name": "Setting up Azure Pipelines",
@@ -937,17 +959,6 @@
     "path": "/ci/recipes/set-up",
     "tags": ["distribute-task-execution"]
   },
-  "/ci/recipes/set-up/connect-to-cloud": {
-    "id": "connect-to-cloud",
-    "name": "Connect Nx Cloud",
-    "description": "",
-    "mediaImage": "",
-    "file": "nx-cloud/recipes/connect-to-cloud",
-    "itemList": [],
-    "isExternal": false,
-    "path": "/ci/recipes/set-up/connect-to-cloud",
-    "tags": []
-  },
   "/ci/recipes/set-up/monorepo-ci-azure": {
     "id": "monorepo-ci-azure",
     "name": "Setting up Azure Pipelines",
@@ -1111,14 +1122,14 @@
         "tags": []
       },
       {
-        "id": "bitbucket-cloud",
-        "name": "Enable Bitbucket Cloud PR Integration",
+        "id": "bitbucket",
+        "name": "Enable Bitbucket PR Integration",
         "description": "",
         "mediaImage": "",
-        "file": "nx-cloud/set-up/bitbucket-cloud",
+        "file": "nx-cloud/set-up/bitbucket",
         "itemList": [],
         "isExternal": false,
-        "path": "/ci/recipes/source-control-integration/bitbucket-cloud",
+        "path": "/ci/recipes/source-control-integration/bitbucket",
         "tags": []
       },
       {
@@ -1159,15 +1170,15 @@
     "path": "/ci/recipes/source-control-integration/github",
     "tags": []
   },
-  "/ci/recipes/source-control-integration/bitbucket-cloud": {
-    "id": "bitbucket-cloud",
-    "name": "Enable Bitbucket Cloud PR Integration",
+  "/ci/recipes/source-control-integration/bitbucket": {
+    "id": "bitbucket",
+    "name": "Enable Bitbucket PR Integration",
     "description": "",
     "mediaImage": "",
-    "file": "nx-cloud/set-up/bitbucket-cloud",
+    "file": "nx-cloud/set-up/bitbucket",
     "itemList": [],
     "isExternal": false,
-    "path": "/ci/recipes/source-control-integration/bitbucket-cloud",
+    "path": "/ci/recipes/source-control-integration/bitbucket",
     "tags": []
   },
   "/ci/recipes/source-control-integration/gitlab": {
@@ -1206,6 +1217,17 @@
         "mediaImage": "",
         "file": "",
         "itemList": [
+          {
+            "id": "on-premise",
+            "name": "Set up Nx Cloud On-Premise",
+            "description": "Set up Nx Cloud on machines that you control",
+            "mediaImage": "",
+            "file": "nx-cloud/features/nx-enterprise-on-prem",
+            "itemList": [],
+            "isExternal": false,
+            "path": "/ci/recipes/enterprise/on-premise/on-premise",
+            "tags": ["on-premise"]
+          },
           {
             "id": "auth-single-admin",
             "name": "Authenticate with a Single Admin",
@@ -1261,6 +1283,17 @@
             "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket",
             "tags": []
           },
+          {
+            "id": "auth-bitbucket-data-center",
+            "name": "Authenticate with BitBucket Data Center",
+            "description": "",
+            "mediaImage": "",
+            "file": "nx-cloud/enterprise/on-premise/auth-bitbucket-data-center",
+            "itemList": [],
+            "isExternal": false,
+            "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center",
+            "tags": []
+          },
           {
             "id": "auth-saml",
             "name": "Authenticate via SAML",
@@ -1400,6 +1433,17 @@
     "mediaImage": "",
     "file": "",
     "itemList": [
+      {
+        "id": "on-premise",
+        "name": "Set up Nx Cloud On-Premise",
+        "description": "Set up Nx Cloud on machines that you control",
+        "mediaImage": "",
+        "file": "nx-cloud/features/nx-enterprise-on-prem",
+        "itemList": [],
+        "isExternal": false,
+        "path": "/ci/recipes/enterprise/on-premise/on-premise",
+        "tags": ["on-premise"]
+      },
       {
         "id": "auth-single-admin",
         "name": "Authenticate with a Single Admin",
@@ -1455,6 +1499,17 @@
         "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket",
         "tags": []
       },
+      {
+        "id": "auth-bitbucket-data-center",
+        "name": "Authenticate with BitBucket Data Center",
+        "description": "",
+        "mediaImage": "",
+        "file": "nx-cloud/enterprise/on-premise/auth-bitbucket-data-center",
+        "itemList": [],
+        "isExternal": false,
+        "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center",
+        "tags": []
+      },
       {
         "id": "auth-saml",
         "name": "Authenticate via SAML",
@@ -1504,6 +1559,17 @@
     "path": "/ci/recipes/enterprise/on-premise",
     "tags": []
   },
+  "/ci/recipes/enterprise/on-premise/on-premise": {
+    "id": "on-premise",
+    "name": "Set up Nx Cloud On-Premise",
+    "description": "Set up Nx Cloud on machines that you control",
+    "mediaImage": "",
+    "file": "nx-cloud/features/nx-enterprise-on-prem",
+    "itemList": [],
+    "isExternal": false,
+    "path": "/ci/recipes/enterprise/on-premise/on-premise",
+    "tags": ["on-premise"]
+  },
   "/ci/recipes/enterprise/on-premise/auth-single-admin": {
     "id": "auth-single-admin",
     "name": "Authenticate with a Single Admin",
@@ -1559,6 +1625,17 @@
     "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket",
     "tags": []
   },
+  "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center": {
+    "id": "auth-bitbucket-data-center",
+    "name": "Authenticate with BitBucket Data Center",
+    "description": "",
+    "mediaImage": "",
+    "file": "nx-cloud/enterprise/on-premise/auth-bitbucket-data-center",
+    "itemList": [],
+    "isExternal": false,
+    "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center",
+    "tags": []
+  },
   "/ci/recipes/enterprise/on-premise/auth-saml": {
     "id": "auth-saml",
     "name": "Authenticate via SAML",
@@ -1964,6 +2041,17 @@
         "isExternal": false,
         "path": "/ci/troubleshooting/ci-execution-failed",
         "tags": []
+      },
+      {
+        "id": "explain-with-ai",
+        "name": "Explain With AI",
+        "description": "",
+        "mediaImage": "",
+        "file": "nx-cloud/troubleshooting/explain-with-ai",
+        "itemList": [],
+        "isExternal": false,
+        "path": "/ci/troubleshooting/explain-with-ai",
+        "tags": []
       }
     ],
     "isExternal": false,
@@ -1980,5 +2068,16 @@
     "isExternal": false,
     "path": "/ci/troubleshooting/ci-execution-failed",
     "tags": []
+  },
+  "/ci/troubleshooting/explain-with-ai": {
+    "id": "explain-with-ai",
+    "name": "Explain With AI",
+    "description": "",
+    "mediaImage": "",
+    "file": "nx-cloud/troubleshooting/explain-with-ai",
+    "itemList": [],
+    "isExternal": false,
+    "path": "/ci/troubleshooting/explain-with-ai",
+    "tags": []
   }
 }

docs/generated/manifests/menus.json

@@ -284,7 +284,7 @@
             "disableCollapsible": false
           },
           {
-            "name": "Explore your Workspace",
+            "name": "Explore Your Workspace",
             "path": "/features/explore-graph",
             "id": "explore-graph",
             "isExternal": false,
@@ -376,14 +376,6 @@
                 "isExternal": true,
                 "children": [],
                 "disableCollapsible": false
-              },
-              {
-                "name": "Set up Nx Cloud On-Premise",
-                "path": "/ci/features/on-premise",
-                "id": "on-premise",
-                "isExternal": true,
-                "children": [],
-                "disableCollapsible": false
               }
             ],
             "disableCollapsible": false
@@ -408,7 +400,7 @@
         "disableCollapsible": false
       },
       {
-        "name": "Explore your Workspace",
+        "name": "Explore Your Workspace",
         "path": "/features/explore-graph",
         "id": "explore-graph",
         "isExternal": false,
@@ -500,14 +492,6 @@
             "isExternal": true,
             "children": [],
             "disableCollapsible": false
-          },
-          {
-            "name": "Set up Nx Cloud On-Premise",
-            "path": "/ci/features/on-premise",
-            "id": "on-premise",
-            "isExternal": true,
-            "children": [],
-            "disableCollapsible": false
           }
         ],
         "disableCollapsible": false
@@ -560,14 +544,6 @@
         "children": [],
         "disableCollapsible": false
       },
-      {
-        "name": "Set up Nx Cloud On-Premise",
-        "path": "/ci/features/on-premise",
-        "id": "on-premise",
-        "isExternal": true,
-        "children": [],
-        "disableCollapsible": false
-      },
       {
         "name": "Concepts",
         "path": "/concepts",
@@ -5169,6 +5145,14 @@
             "children": [],
             "disableCollapsible": false
           },
+          {
+            "name": "Connect Nx Cloud",
+            "path": "/ci/intro/connect-to-cloud",
+            "id": "connect-to-cloud",
+            "isExternal": false,
+            "children": [],
+            "disableCollapsible": false
+          },
           {
             "name": "Tutorials",
             "path": "/ci/intro/tutorials",
@@ -5213,6 +5197,14 @@
         "children": [],
         "disableCollapsible": false
       },
+      {
+        "name": "Connect Nx Cloud",
+        "path": "/ci/intro/connect-to-cloud",
+        "id": "connect-to-cloud",
+        "isExternal": false,
+        "children": [],
+        "disableCollapsible": false
+      },
       {
         "name": "Tutorials",
         "path": "/ci/intro/tutorials",
@@ -5284,6 +5276,14 @@
             "children": [],
             "disableCollapsible": false
           },
+          {
+            "name": "Nx Cloud AI",
+            "path": "/ci/features/nx-cloud-ai",
+            "id": "nx-cloud-ai",
+            "isExternal": false,
+            "children": [],
+            "disableCollapsible": false
+          },
           {
             "name": "Dynamically Allocate Agents",
             "path": "/ci/features/dynamic-agents",
@@ -5307,14 +5307,6 @@
             "isExternal": false,
             "children": [],
             "disableCollapsible": false
-          },
-          {
-            "name": "Set up Nx Cloud On-Premise",
-            "path": "/ci/features/on-premise",
-            "id": "on-premise",
-            "isExternal": false,
-            "children": [],
-            "disableCollapsible": false
           }
         ],
         "disableCollapsible": false
@@ -5343,6 +5335,14 @@
         "children": [],
         "disableCollapsible": false
       },
+      {
+        "name": "Nx Cloud AI",
+        "path": "/ci/features/nx-cloud-ai",
+        "id": "nx-cloud-ai",
+        "isExternal": false,
+        "children": [],
+        "disableCollapsible": false
+      },
       {
         "name": "Dynamically Allocate Agents",
         "path": "/ci/features/dynamic-agents",
@@ -5367,14 +5367,6 @@
         "children": [],
         "disableCollapsible": false
       },
-      {
-        "name": "Set up Nx Cloud On-Premise",
-        "path": "/ci/features/on-premise",
-        "id": "on-premise",
-        "isExternal": false,
-        "children": [],
-        "disableCollapsible": false
-      },
       {
         "name": "Concepts",
         "path": "/ci/concepts",
@@ -5460,14 +5452,6 @@
             "id": "set-up",
             "isExternal": false,
             "children": [
-              {
-                "name": "Connect Nx Cloud",
-                "path": "/ci/recipes/set-up/connect-to-cloud",
-                "id": "connect-to-cloud",
-                "isExternal": false,
-                "children": [],
-                "disableCollapsible": false
-              },
               {
                 "name": "Setting up Azure Pipelines",
                 "path": "/ci/recipes/set-up/monorepo-ci-azure",
@@ -5567,9 +5551,9 @@
                 "disableCollapsible": false
               },
               {
-                "name": "Enable Bitbucket Cloud PR Integration",
-                "path": "/ci/recipes/source-control-integration/bitbucket-cloud",
-                "id": "bitbucket-cloud",
+                "name": "Enable Bitbucket PR Integration",
+                "path": "/ci/recipes/source-control-integration/bitbucket",
+                "id": "bitbucket",
                 "isExternal": false,
                 "children": [],
                 "disableCollapsible": false
@@ -5605,6 +5589,14 @@
                 "id": "on-premise",
                 "isExternal": false,
                 "children": [
+                  {
+                    "name": "Set up Nx Cloud On-Premise",
+                    "path": "/ci/recipes/enterprise/on-premise/on-premise",
+                    "id": "on-premise",
+                    "isExternal": false,
+                    "children": [],
+                    "disableCollapsible": false
+                  },
                   {
                     "name": "Authenticate with a Single Admin",
                     "path": "/ci/recipes/enterprise/on-premise/auth-single-admin",
@@ -5645,6 +5637,14 @@
                     "children": [],
                     "disableCollapsible": false
                   },
+                  {
+                    "name": "Authenticate with BitBucket Data Center",
+                    "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center",
+                    "id": "auth-bitbucket-data-center",
+                    "isExternal": false,
+                    "children": [],
+                    "disableCollapsible": false
+                  },
                   {
                     "name": "Authenticate via SAML",
                     "path": "/ci/recipes/enterprise/on-premise/auth-saml",
@@ -5774,14 +5774,6 @@
         "id": "set-up",
         "isExternal": false,
         "children": [
-          {
-            "name": "Connect Nx Cloud",
-            "path": "/ci/recipes/set-up/connect-to-cloud",
-            "id": "connect-to-cloud",
-            "isExternal": false,
-            "children": [],
-            "disableCollapsible": false
-          },
           {
             "name": "Setting up Azure Pipelines",
             "path": "/ci/recipes/set-up/monorepo-ci-azure",
@@ -5833,14 +5825,6 @@
         ],
         "disableCollapsible": false
       },
-      {
-        "name": "Connect Nx Cloud",
-        "path": "/ci/recipes/set-up/connect-to-cloud",
-        "id": "connect-to-cloud",
-        "isExternal": false,
-        "children": [],
-        "disableCollapsible": false
-      },
       {
         "name": "Setting up Azure Pipelines",
         "path": "/ci/recipes/set-up/monorepo-ci-azure",
@@ -5961,9 +5945,9 @@
             "disableCollapsible": false
           },
           {
-            "name": "Enable Bitbucket Cloud PR Integration",
-            "path": "/ci/recipes/source-control-integration/bitbucket-cloud",
-            "id": "bitbucket-cloud",
+            "name": "Enable Bitbucket PR Integration",
+            "path": "/ci/recipes/source-control-integration/bitbucket",
+            "id": "bitbucket",
             "isExternal": false,
             "children": [],
             "disableCollapsible": false
@@ -5996,9 +5980,9 @@
         "disableCollapsible": false
       },
       {
-        "name": "Enable Bitbucket Cloud PR Integration",
-        "path": "/ci/recipes/source-control-integration/bitbucket-cloud",
-        "id": "bitbucket-cloud",
+        "name": "Enable Bitbucket PR Integration",
+        "path": "/ci/recipes/source-control-integration/bitbucket",
+        "id": "bitbucket",
         "isExternal": false,
         "children": [],
         "disableCollapsible": false
@@ -6031,6 +6015,14 @@
             "id": "on-premise",
             "isExternal": false,
             "children": [
+              {
+                "name": "Set up Nx Cloud On-Premise",
+                "path": "/ci/recipes/enterprise/on-premise/on-premise",
+                "id": "on-premise",
+                "isExternal": false,
+                "children": [],
+                "disableCollapsible": false
+              },
               {
                 "name": "Authenticate with a Single Admin",
                 "path": "/ci/recipes/enterprise/on-premise/auth-single-admin",
@@ -6071,6 +6063,14 @@
                 "children": [],
                 "disableCollapsible": false
               },
+              {
+                "name": "Authenticate with BitBucket Data Center",
+                "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center",
+                "id": "auth-bitbucket-data-center",
+                "isExternal": false,
+                "children": [],
+                "disableCollapsible": false
+              },
               {
                 "name": "Authenticate via SAML",
                 "path": "/ci/recipes/enterprise/on-premise/auth-saml",
@@ -6172,6 +6172,14 @@
         "id": "on-premise",
         "isExternal": false,
         "children": [
+          {
+            "name": "Set up Nx Cloud On-Premise",
+            "path": "/ci/recipes/enterprise/on-premise/on-premise",
+            "id": "on-premise",
+            "isExternal": false,
+            "children": [],
+            "disableCollapsible": false
+          },
           {
             "name": "Authenticate with a Single Admin",
             "path": "/ci/recipes/enterprise/on-premise/auth-single-admin",
@@ -6212,6 +6220,14 @@
             "children": [],
             "disableCollapsible": false
           },
+          {
+            "name": "Authenticate with BitBucket Data Center",
+            "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center",
+            "id": "auth-bitbucket-data-center",
+            "isExternal": false,
+            "children": [],
+            "disableCollapsible": false
+          },
           {
             "name": "Authenticate via SAML",
             "path": "/ci/recipes/enterprise/on-premise/auth-saml",
@@ -6247,6 +6263,14 @@
         ],
         "disableCollapsible": false
       },
+      {
+        "name": "Set up Nx Cloud On-Premise",
+        "path": "/ci/recipes/enterprise/on-premise/on-premise",
+        "id": "on-premise",
+        "isExternal": false,
+        "children": [],
+        "disableCollapsible": false
+      },
       {
         "name": "Authenticate with a Single Admin",
         "path": "/ci/recipes/enterprise/on-premise/auth-single-admin",
@@ -6287,6 +6311,14 @@
         "children": [],
         "disableCollapsible": false
       },
+      {
+        "name": "Authenticate with BitBucket Data Center",
+        "path": "/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center",
+        "id": "auth-bitbucket-data-center",
+        "isExternal": false,
+        "children": [],
+        "disableCollapsible": false
+      },
       {
         "name": "Authenticate via SAML",
         "path": "/ci/recipes/enterprise/on-premise/auth-saml",
@@ -6583,6 +6615,14 @@
             "isExternal": false,
             "children": [],
             "disableCollapsible": false
+          },
+          {
+            "name": "Explain With AI",
+            "path": "/ci/troubleshooting/explain-with-ai",
+            "id": "explain-with-ai",
+            "isExternal": false,
+            "children": [],
+            "disableCollapsible": false
           }
         ],
         "disableCollapsible": false
@@ -6594,6 +6634,14 @@
         "isExternal": false,
         "children": [],
         "disableCollapsible": false
+      },
+      {
+        "name": "Explain With AI",
+        "path": "/ci/troubleshooting/explain-with-ai",
+        "id": "explain-with-ai",
+        "isExternal": false,
+        "children": [],
+        "disableCollapsible": false
       }
     ]
   },

docs/generated/manifests/nx.json

@@ -385,7 +385,7 @@
       },
       {
         "id": "explore-graph",
-        "name": "Explore your Workspace",
+        "name": "Explore Your Workspace",
         "description": "",
         "mediaImage": "",
         "file": "shared/features/explore-graph",
@@ -510,17 +510,6 @@
             "isExternal": true,
             "path": "/ci/features/flaky-tasks",
             "tags": []
-          },
-          {
-            "id": "on-premise",
-            "name": "Set up Nx Cloud On-Premise",
-            "description": "Set up Nx Cloud on machines that you control",
-            "mediaImage": "",
-            "file": "",
-            "itemList": [],
-            "isExternal": true,
-            "path": "/ci/features/on-premise",
-            "tags": []
           }
         ],
         "isExternal": false,
@@ -556,7 +545,7 @@
   },
   "/features/explore-graph": {
     "id": "explore-graph",
-    "name": "Explore your Workspace",
+    "name": "Explore Your Workspace",
     "description": "",
     "mediaImage": "",
     "file": "shared/features/explore-graph",
@@ -681,17 +670,6 @@
         "isExternal": true,
         "path": "/ci/features/flaky-tasks",
         "tags": []
-      },
-      {
-        "id": "on-premise",
-        "name": "Set up Nx Cloud On-Premise",
-        "description": "Set up Nx Cloud on machines that you control",
-        "mediaImage": "",
-        "file": "",
-        "itemList": [],
-        "isExternal": true,
-        "path": "/ci/features/on-premise",
-        "tags": []
       }
     ],
     "isExternal": false,
@@ -764,17 +742,6 @@
     "path": "/ci/features/flaky-tasks",
     "tags": []
   },
-  "/ci/features/on-premise": {
-    "id": "on-premise",
-    "name": "Set up Nx Cloud On-Premise",
-    "description": "Set up Nx Cloud on machines that you control",
-    "mediaImage": "",
-    "file": "",
-    "itemList": [],
-    "isExternal": true,
-    "path": "/ci/features/on-premise",
-    "tags": []
-  },
   "/concepts": {
     "id": "concepts",
     "name": "Concepts",

docs/generated/manifests/tags.json

@@ -248,7 +248,7 @@
       "description": "",
       "file": "shared/features/explore-graph",
       "id": "explore-graph",
-      "name": "Explore your Workspace",
+      "name": "Explore Your Workspace",
       "path": "/features/explore-graph"
     },
     {
@@ -1134,7 +1134,7 @@
       "file": "nx-cloud/features/nx-enterprise-on-prem",
       "id": "on-premise",
       "name": "Set up Nx Cloud On-Premise",
-      "path": "/ci/features/on-premise"
+      "path": "/ci/recipes/enterprise/on-premise/on-premise"
     }
   ],
   "docker": [

docs/generated/packages/nx/documents/create-nx-workspace.md

@@ -121,9 +121,9 @@ Generate a 'src/' directory for Next.js
 
 Type: `string`
 
-Choices: [yes, github, circleci, skip]
+Choices: [github, circleci, gitlab, azure, bitbucket-pipelines, skip, yes]
 
-Do you want Nx Cloud to make your CI fast?
+Which CI provider would you like to use?
 
 ### packageManager
 

docs/map.json

@@ -99,7 +99,7 @@
               "file": "shared/features/cache-task-results"
             },
             {
-              "name": "Explore your Workspace",
+              "name": "Explore Your Workspace",
               "id": "explore-graph",
               "tags": ["explore-graph"],
               "file": "shared/features/explore-graph"
@@ -179,14 +179,6 @@
                   "file": "",
                   "path": "/ci/features/flaky-tasks",
                   "isExternal": true
-                },
-                {
-                  "name": "Set up Nx Cloud On-Premise",
-                  "id": "on-premise",
-                  "description": "Set up Nx Cloud on machines that you control",
-                  "file": "",
-                  "path": "/ci/features/on-premise",
-                  "isExternal": true
                 }
               ]
             }
@@ -1572,6 +1564,11 @@
               "id": "why-nx-cloud",
               "file": "nx-cloud/intro/why-nx-cloud"
             },
+            {
+              "name": "Connect Nx Cloud",
+              "id": "connect-to-cloud",
+              "file": "nx-cloud/intro/connect-to-cloud"
+            },
             {
               "name": "Tutorials",
               "id": "tutorials",
@@ -1616,6 +1613,12 @@
               "description": "Learn how to efficiently distribute tasks across machines to take full advantage of parallelization. Nx Agents make this a trivial task.",
               "file": "shared/features/distribute-task-execution"
             },
+            {
+              "name": "Nx Cloud AI",
+              "id": "nx-cloud-ai",
+              "description": "Learn how to enable AI features in Nx Cloud, and what features it enables",
+              "file": "nx-cloud/features/ai-features"
+            },
             {
               "name": "Dynamically Allocate Agents",
               "description": "Learn how to dynamically allocate agents based on the size of a PR, keeping the balance of speed and cost.",
@@ -1633,13 +1636,6 @@
               "id": "flaky-tasks",
               "description": "Learn how Nx Cloud is able to automatically identify flaky tasks and re-run them for you.",
               "file": "nx-cloud/features/flaky-tasks"
-            },
-            {
-              "name": "Set up Nx Cloud On-Premise",
-              "description": "Set up Nx Cloud on machines that you control",
-              "id": "on-premise",
-              "tags": ["on-premise"],
-              "file": "nx-cloud/features/nx-enterprise-on-prem"
             }
           ]
         },
@@ -1684,11 +1680,6 @@
               "description": "Learn how to set up Nx Cloud for your workspace.",
               "tags": ["distribute-task-execution"],
               "itemList": [
-                {
-                  "name": "Connect Nx Cloud",
-                  "id": "connect-to-cloud",
-                  "file": "nx-cloud/recipes/connect-to-cloud"
-                },
                 {
                   "name": "Setting up Azure Pipelines",
                   "id": "monorepo-ci-azure",
@@ -1754,9 +1745,9 @@
                   "file": "nx-cloud/set-up/github"
                 },
                 {
-                  "name": "Enable Bitbucket Cloud PR Integration",
-                  "id": "bitbucket-cloud",
-                  "file": "nx-cloud/set-up/bitbucket-cloud"
+                  "name": "Enable Bitbucket PR Integration",
+                  "id": "bitbucket",
+                  "file": "nx-cloud/set-up/bitbucket"
                 },
                 {
                   "name": "Enable GitLab MR Integration",
@@ -1780,6 +1771,13 @@
                   "id": "on-premise",
                   "description": "Manage an on-premise installation of Nx Cloud",
                   "itemList": [
+                    {
+                      "name": "Set up Nx Cloud On-Premise",
+                      "description": "Set up Nx Cloud on machines that you control",
+                      "id": "on-premise",
+                      "tags": ["on-premise"],
+                      "file": "nx-cloud/features/nx-enterprise-on-prem"
+                    },
                     {
                       "name": "Authenticate with a Single Admin",
                       "id": "auth-single-admin",
@@ -1805,6 +1803,11 @@
                       "id": "auth-bitbucket",
                       "file": "nx-cloud/enterprise/on-premise/auth-bitbucket"
                     },
+                    {
+                      "name": "Authenticate with BitBucket Data Center",
+                      "id": "auth-bitbucket-data-center",
+                      "file": "nx-cloud/enterprise/on-premise/auth-bitbucket-data-center"
+                    },
                     {
                       "name": "Authenticate via SAML",
                       "id": "auth-saml",
@@ -1932,6 +1935,11 @@
               "name": "CI Execution Failed",
               "id": "ci-execution-failed",
               "file": "nx-cloud/troubleshooting/ci-execution-failed"
+            },
+            {
+              "name": "Explain With AI",
+              "id": "explain-with-ai",
+              "file": "nx-cloud/troubleshooting/explain-with-ai"
             }
           ]
         }

docs/nx-cloud/enterprise/on-premise/advanced-config.md

@@ -2,15 +2,7 @@
 
 ## Troubleshooting and Verbose Logging
 
-To help troubleshoot installations, add the following env variables when starting the container:
-
-```
--e NX_VERBOSE_LOGGING=true
--e NX_API_LOG_LEVEL=DEBUG
--e NX_MONGO_LOG_LEVEL=DEBUG
-```
-
-or if using helm set `verboseLogging` to `'true'`:
+To help troubleshoot installations set `verboseLogging` to `'true'`:
 
 ```yaml
 image:
@@ -30,10 +22,6 @@ source [MongoDB Kubernetes Operator](https://github.com/mongodb/mongodb-kubernet
 your own deployment of MongoDB. See [the Nx Cloud Kubernetes example](https://github.com/nrwl/nxcloud-k8s-setup) for
 more information.
 
-### Using CosmosDB
-
-If you are deploying to Azure, you might have access to CosmosDB. See here for more information.
-
 ### Using Mongo Atlas
 
 [Mongo Atlas](https://mongodb.com/) is a great option for deploying MongoDB.

docs/nx-cloud/enterprise/on-premise/ami-setup.md

@@ -116,6 +116,7 @@ nxCloudAppURL: 'https://nx-cloud.on.my-domain.ca' # make sure no backslash is at
 
 # we do not support self-hosted bitbucket instances
 #bitbucket:
+#  apiUrl: '' (if using Data Center/on-prem)
 #  auth:
 #    enabled: false
 

docs/nx-cloud/enterprise/on-premise/auth-bitbucket-data-center.md

@@ -0,0 +1,23 @@
+# BitBucket Data Center Auth
+
+This page is for configuring auth via BitBucket Data Center (on-prem). If you are using BitBucket Cloud please refer to the docs [here](/ci/recipes/enterprise/on-premise/auth-bitbucket).
+
+Before creating your container, your Bitbucket Data Center admin will need to create an "Application Link".
+
+## Creating an Application Link
+
+Your BitBucket installation admin will need to navigate to their installation settings:
+
+![Step 1](/nx-cloud/enterprise/on-premise/images/bitbucket_onprem_1.png)
+
+Then "Application Links":
+
+![Step 2](/nx-cloud/enterprise/on-premise/images/bitbucket_onprem_2.png)
+
+And create a new link using the settings below (make sure the callback URL is pointed to your BitBucket installation):
+
+![Step 3](/nx-cloud/enterprise/on-premise/images/bitbucket_onprem_3.png)
+
+## Connect your Nx Cloud installation to your new app
+
+It's now time to enable auth on NxCloud. Refer to the [auth guide](https://github.com/nrwl/nx-cloud-helm/blob/main/AUTH-GUIDE.md) here for instructions on configuring your Helm values file.

docs/nx-cloud/enterprise/on-premise/auth-bitbucket.md

@@ -1,8 +1,8 @@
-# BitBucket Auth
+# BitBucket Cloud Auth
 
-Nx Private Cloud currently only support **public** BitBucket auth. On-prem installation of BitBucket Server are currently not supported.
+This page is only for BitBucket Cloud (bitbucket.org). If you have an on-premise version of BitBucket Data Center please refer to the docs [here](/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center).
 
-Before creating your container, you'll need to create a BitBucket "OAuth consumer" for your organisation.
+First, you'll need to create a BitBucket "OAuth consumer" for your organisation.
 
 ## Creating a BitBucket OAuth consumer
 
@@ -45,11 +45,4 @@ Once you create, keep a note of the Key and the Secret:
 
 ## Connect your Nx Cloud installation to your new app
 
-Provide the following env variables to the `nx-cloud-frontend` container:
-
-- `BITBUCKET_APP_ID`
-- `BITBUCKET_APP_SECRET`
-
-{% callout title="Helm Chart Environment Variables" %}
-If you are using our Helm chart, you can find all the information you need about env variables in [the Helm chart repository](https://github.com/nrwl/nx-cloud-helm/blob/main/AUTH-GUIDE.md).
-{% /callout %}
+It's now time to enable auth on NxCloud. Refer to the [auth guide](https://github.com/nrwl/nx-cloud-helm/blob/main/AUTH-GUIDE.md) here for instructions on configuring your Helm values file.

docs/nx-cloud/enterprise/on-premise/auth-github.md

@@ -41,49 +41,4 @@ And then generate a new client secret, and save it somewhere secure (we'll use i
 
 ## Configure Nx Cloud Installation
 
-### Using Helm:
-
-```yaml
-image:
-  tag: 'latest'
-
-nxCloudAppURL: 'https://nx-cloud.myorg.com'
-
-github:
-  auth:
-    enabled: true
-
-secret:
-  name: 'cloudsecret'
-  nxCloudMongoServerEndpoint: 'NX_CLOUD_MONGO_SERVER_ENDPOINT'
-  githubAuthClientId: 'GITHUB_AUTH_CLIENT_ID'
-  githubAuthClientSecret: 'GITHUB_AUTH_CLIENT_SECRET'
-```
-
-Note that the secret must contain `GITHUB_AUTH_CLIENT_ID` and `GITHUB_AUTH_CLIENT_SECRET` (
-see [Nx Cloud Helm Charts](https://github.com/nrwl/nx-cloud-helm) for more context).
-
-### Not using Helm:
-
-Provide the following env variables to the `nx-cloud-frontend` container:
-
-- `GITHUB_AUTH_CLIENT_ID`
-- `GITHUB_AUTH_CLIENT_SECRET`
-
-{% callout title="Helm Chart Environment Variables" %}
-If you are using our Helm chart, you can find all the information you need about env variables in [the Helm chart repository](https://github.com/nrwl/nx-cloud-helm/blob/main/AUTH-GUIDE.md).
-{% /callout %}
-
-## GitHub Enterprise
-
-If you are running a self-hosted version of GitHub (Enterprise Server), you will need to configure one additional
-environment variable:
-
-`GITHUB_API_URL=https://custom-github-instance.com`
-
-This will point all auth endpoints to your GitHub server (rather the public one).
-
-{% callout type="check" title="Good to know!" %}
-The above environment variable, also helps with setting up the GitHub app integration, so you can have Nx Cloud build
-stats directly on your pull request. See full set up instructions [here](/ci/recipes/source-control-integration/github).
-{% /callout %}
+It's now time to enable auth on NxCloud. Refer to the [auth guide](https://github.com/nrwl/nx-cloud-helm/blob/main/AUTH-GUIDE.md) here for instructions on configuring your Helm values file.

docs/nx-cloud/enterprise/on-premise/auth-gitlab.md

@@ -37,19 +37,4 @@ Once you create, keep a note of the Client ID and the Secret:
 
 ## Connect your Nx Cloud installation to your new app
 
-Provide the following env variables to the `nx-cloud-frontend` container:
-
-- `GITLAB_APP_ID`
-- `GITLAB_APP_SECRET`
-
-{% callout title="Helm Chart Environment Variables" %}
-If you are using our Helm chart, you can find all the information you need about env variables in [the Helm chart repository](https://github.com/nrwl/nx-cloud-helm/blob/main/AUTH-GUIDE.md).
-{% /callout %}
-
-## Self-hosted GitLab
-
-If you are running a self-hosted version of GitLab, you will need to configure one additional environment variable:
-
-`GITLAB_API_URL=https://custom-gitlab-instance.com`
-
-This will point all the auth endpoints to your GitLab server (rather the public one).
+It's now time to enable auth on NxCloud. Refer to the [auth guide](https://github.com/nrwl/nx-cloud-helm/blob/main/AUTH-GUIDE.md) here for instructions on configuring your Helm values file.

docs/nx-cloud/enterprise/on-premise/auth-saml.md

@@ -130,30 +130,6 @@ if you are interested.
 
     ![Okta 10](/nx-cloud/enterprise/on-premise/images/saml/okta_10.png)
 
-12. Then add these two env vars to your secrets (see [Helm config](#helm-config) below):
-    1. `SAML_CERT=<your-cert-string-from-above>`
-    2. `SAML_ENTRY_POINT=<your-login-url-from-above>`
-
 ## Helm config
 
-If you are using [Helm to deploy Nx Cloud](https://github.com/nrwl/nx-cloud-helm) you
-will need to configure the below two values, as well as make the `SAML_CERT` and `SAML_ENTRY_POINT`
-env vars as secrets:
-
-```yaml
-# helm-values.yml
-addonUnlockKey: '<your-unlock-key>'
-
-saml:
-  enabled: true
-
-# secrets.yml
-apiVersion: v1
-kind: Secret
-metadata:
-  name: nxcloudsecret
-type: Opaque
-stringData:
-  SAML_CERT: '-----BEGIN CERTIFICATE-----\nblablablabla\n-----END CERTIFICATE-----\n'
-  SAML_ENTRY_POINT: 'https://some-oktaurl.com/sso/saml'
-```
+It's now time to enable auth on NxCloud. Refer to the [auth guide](https://github.com/nrwl/nx-cloud-helm/blob/main/AUTH-GUIDE.md) here for instructions on configuring your Helm values file.

docs/nx-cloud/enterprise/on-premise/auth-single-admin.md

@@ -36,6 +36,7 @@ For instructions on how to set up third-party auth providers, please refer to th
 - [GitHub Auth](/ci/recipes/enterprise/on-premise/auth-github)
 - [GitLab Auth](/ci/recipes/enterprise/on-premise/auth-gitlab)
 - [BitBucket Auth](/ci/recipes/enterprise/on-premise/auth-bitbucket)
+- [BitBucket Data Center Auth](/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center)
 - [SAML Auth](/ci/recipes/enterprise/on-premise/auth-saml)
 
 ## Inviting users

docs/nx-cloud/features/ai-features.md

@@ -0,0 +1,37 @@
+# Nx Cloud AI
+
+To use AI in Nx Cloud, you need to enable AI features in your organization settings. This will unlock advanced capabilities designed to enhance your development workflow.
+
+### How to Enable AI Features
+
+1. **Navigate to Organization Settings**:
+
+   - Go to your [Nx Cloud dashboard](https://cloud.nx.app/orgs?utm_source=nx.dev&utm_campaign=ai).
+   - Select your organization from the list.
+   - Access the settings by clicking on the settings icon.
+
+2. **Enable AI Features**:
+
+   - In the settings menu, locate the **AI Features** section.
+   - Toggle the setting to **On**.
+     ![enable ai features](/nx-cloud/features/ai-features.png)
+
+3. **Accept AI Terms**:
+   - Once the AI features are enabled, a terms and conditions prompt will appear.
+   - Review and accept the terms and conditions related to AI usage to proceed.
+
+### AI Driven Capabilities
+
+Once AI features are enabled, you gain access to several powerful tools designed to optimize your development process:
+
+#### Explain with AI
+
+This feature leverages AI to provide detailed explanations and insights about failed tasks. [Learn more about "Explain with AI" here.](/ci/troubleshooting/explain-with-ai)
+
+#### Automatic Resource Allocation (Coming Soon)
+
+This feature leverages custom AI/ML models to dynamically allocate resources based on your project’s specific needs. It optimizes performance by efficiently assigning Nx Agents to achieve target durations for main and PR branches.
+
+### Transform Your Workflow
+
+By enabling AI features in Nx Cloud, you’re setting your organization up for a more intelligent and efficient development workflow. Stay tuned for the release of these powerful AI driven tools and take your development process to the next level.

docs/nx-cloud/intro/ci-with-nx.md

@@ -14,6 +14,10 @@ Implementing an efficient CI setup for monorepos - while crucial - can be challe
 
 [Create an account on Nx Cloud](https://cloud.nx.app) and connect your repository.
 
+```shell
+npx nx connect
+```
+
 ## Learn about Nx on CI
 
 {% cards cols="2" lgCols="4" mdCols="4" smCols="2" %}

docs/nx-cloud/intro/connect-to-cloud.md

@@ -0,0 +1,44 @@
+# Connect to Nx Cloud
+
+Nx Cloud directly integrates with your existing CI setup.
+
+![Nx Cloud Overview](/shared/images/nx-cloud/nx-cloud-overview.webp)
+
+In a nutshell, here's how this works:
+
+**Step 1: Connect your workspace to Nx Cloud**
+
+This can be done by signing up on [nx.app](https://nx.app) and then connecting to your git repository.
+
+```shell
+npx nx connect
+```
+
+**Step 2: Your CI script triggers Nx Cloud**
+
+```yml
+- name: Start CI run
+  run: 'npx nx-cloud start-ci-run --distribute-on="8 linux-medium-js"'
+```
+
+Let us generate the workflow file for you, if you don't already have one.
+
+```shell
+npx nx g ci-workflow
+```
+
+Or, check out our [recipes for the various CI providers](/ci/recipes/set-up).
+
+**Step 3: Run your Nx commands as usual**
+
+```yml
+- run: npx nx-cloud record -- nx format:check
+- run: npx nx affected -t lint test build
+- run: npx nx affected -t e2e-ci --parallel 1
+```
+
+All these commands are automatically picked up by Nx Cloud, split up into smaller tasks and distributed across the specified number of machines.
+
+**Step 4: All results are played back automatically**
+
+Nx Cloud automatically plays back all results to your CI system, as if distribution never happened. You can continue doing post-processing on the results, like uploading test reports, deploying artifacts etc.

docs/nx-cloud/intro/why-nx-cloud.md

@@ -21,39 +21,9 @@ All this is possible because Nx Cloud directly integrates with Nx and has knowle
 
 Read more about individual features of Nx Cloud in the [features section](/ci/features).
 
-## How does Nx Cloud integrate into my existing CI setup
+## Integrate Nx Cloud into my CI setup
 
-Nx Cloud directly integrates with your existing CI setup.
-
-![Nx Cloud Overview](/shared/images/nx-cloud/nx-cloud-overview.webp)
-
-In a nutshell, here's how this works:
-
-**Step 1: Connect your workspace to Nx Cloud**
-
-This can be done by signing up on [nx.app](https://nx.app) and then connecting to your git repository. Read more about all the details [on this doc page](/ci/recipes/set-up/connect-to-cloud).
-
-**Step 2: Your CI script triggers Nx Cloud**
-
-```yml
-- name: Start CI run
-  run: 'npx nx-cloud start-ci-run --distribute-on="8 linux-medium-js"'
-```
-
-Check out our [recipes for the various CI providers](/ci/recipes/set-up).
-
-**Step 3: Run your Nx command as usual**
-
-```yml
-- run: npx nx-cloud record -- nx format:check
-- run: npx nx affected -t lint test build e2e-ci
-```
-
-All these commands are automatically picked up by Nx Cloud, split up into smaller tasks and distributed across the specified number of machines.
-
-**Step 4: All results are played back automatically**
-
-Nx Cloud automatically plays back all results to your CI system, as if distribution never happened. You can continue doing post-processing on the results, like uploading test reports, deploying artifacts etc.
+Ready to experience fast CI? Read the [connect to Nx Cloud](/ci/intro/connect-to-cloud) page for more details.
 
 ## Learn more
 

docs/nx-cloud/recipes/connect-to-cloud.md

@@ -1,33 +0,0 @@
-# Connect to Nx Cloud
-
-Create an account on [nx.app](https://nx.app). There are several ways to connect your repository to Nx Cloud.
-
-#### Connect Directly Through GitHub
-
-If your repository is hosted on GitHub, we recommend you create an Nx Cloud organization based on your GitHub organization.
-
-![Connect Your VCS Account](/nx-cloud/tutorial/connect-vcs-account.png)
-
-After that, connect you repository.
-
-![Connect Your Repository](/nx-cloud/tutorial/connect-repository.png)
-
-This will send a pull request to your repository that will add the `nxCloudAccessToken` property to `nx.json`.
-
-![Nx Cloud Setup PR](/nx-cloud/tutorial/nx-cloud-setup-pr.png)
-
-This wires up all the CI for you and configures access. Folks who can see your repository can see your workspace on nx.app.
-
-## Manually Connect Your Workspace
-
-If your repository is hosted on a different source control provider, you can also connect to Nx Cloud manually. You'll need to add a source control integration later to enable [Nx Agents](/ci/features/distribute-task-execution).
-
-Run the following command in your repository:
-
-```shell
-pnpm nx connect
-```
-
-Click the link in the terminal to claim your workspace on [nx.app](https://nx.app).
-
-The command generates an `nxCloudAccessToken` property inside of `nx.json`. This is a read-only token that should be committed to the repository.

docs/nx-cloud/recipes/encryption.md

@@ -22,5 +22,5 @@ Data is encrypted both at rest and in transit.
 - Every communication with the Nx Cloud API is encrypted in transit, including fetching/storing artifacts.
 - When using Nx Public Cloud, the stored metadata is encrypted.
 - When using Nx Public Cloud and e2e encryption, stored artifacts are encrypted.
-- When using the on-prem version of Nx Cloud, the stored metadata is encrypted if you run MongoDB yourself with encryption on (or if you, for instance, use CosmosDB)
+- When using the on-prem version of Nx Cloud, the stored metadata is encrypted if you run MongoDB yourself with encryption on
 - When using the on-prem version of Nx Cloud, stored artifacts are encrypted using e2e encryption.

docs/nx-cloud/set-up/bitbucket-cloud.md

@@ -1,35 +0,0 @@
-# Enable Bitbucket Cloud PR Integration
-
-## Get Started
-
-The Nx Cloud + Bitbucket Cloud Integration lets you access the result of every run—with all its logs and build insights—straight from your PR.
-
-## Connecting Your Workspace
-
-![Access VCS Setup](/nx-cloud/set-up/access-vcs-setup.webp)
-
-Once on the VCS Integrations setup page, select "Bitbucket". You will be prompted to enter the name of your workspace and its repository slug.
-
-Identifying your workspace name and repository slug can be done by looking at the URL from Bitbucket.
-
-```
-https://bitbucket.org/[workspace]/[repository-slug]/src/main/
-```
-
-For example, the url `https://bitbucket.org/nrwl/large-monorepo/src/main/` has a workspace name of "nrwl", and a repository slug of "large-monorepo".
-
-![Add Bitbucket Cloud Repository](/nx-cloud/set-up/add-bitbucket-cloud-repository.webp)
-
-### Configuring Authentication
-
-#### Using an App Password
-
-To use an app password for authentication, one must be generated with proper permissions. The minimum required permissions are write access to PRs.
-
-![Create App Password](/nx-cloud/set-up/minimal-bitbucket-cloud-app-password.webp)
-
-Once the app password is created, verify the username is correct, paste the value, and then click "Connect". This will verify that Nx Cloud can connect to your repo. Upon a successful test, your configuration is saved, and setup is complete.
-
-{% callout type="note" title="Use the correct username" %}
-Make sure that you are using your Bitbucket username, found on the [account settings](https://bitbucket.org/account/settings/) screen, and not your email address.
-{% /callout %}

docs/nx-cloud/set-up/bitbucket.md

@@ -0,0 +1,46 @@
+# Enable Bitbucket Integration
+
+## Get Started
+
+The Nx Cloud + Bitbucket Integration lets you access the result of every run—with all its logs and build insights—straight from your PR.
+
+### Allow NxCloud to authenticate to your BitBucket repository
+
+#### Using an App Password
+
+If you are using BitBucket Cloud (bitbucket.org) and are not self-hosting it, you can enable an ["app password" for authentication](https://support.atlassian.com/bitbucket-cloud/docs/create-an-app-password).
+
+The minimum required permissions are write access to PRs:
+
+![Create App Password](/nx-cloud/set-up/minimal-bitbucket-cloud-app-password.webp)
+
+Once the app password is created, save it in a secure location and then head back to your workspace settings on NxCloud and let's set up a BitBucket integration:
+
+![Access VCS Setup](/nx-cloud/set-up/access-vcs-setup.webp)
+
+1. Fill-in all the required fields for selecting your Bitbucket repository
+2. Username is found on the [account settings](https://bitbucket.org/account/settings/) screen (it is not your email address)
+3. Paste your app password created earlier into the Access Token box
+4. That's it!
+
+#### Using an HTTP Access Tokens
+
+If you are using BitBucket Data Center (on-prem) you need to enable ["HTTP Access Tokens" for authentication](https://confluence.atlassian.com/bitbucketserver/http-access-tokens-939515499.html).
+
+{% callout type="note" title="User linked access tokens" %}
+Due to the type of APIs NxCloud needs to call, we need to create an access [**at the user level**](https://confluence.atlassian.com/bitbucketserver/http-access-tokens-939515499.html). Repo level access tokens will not work.
+{% /callout %}
+
+The minimum required permissions are write access to the repository:
+
+![Create an HTTP Access Token](/nx-cloud/set-up/bitbucket-data-center-access-token.png)
+
+Once the token is created, save it in a secure location and then head back to your workspace settings on NxCloud and let's set up a BitBucket integration:
+
+![Access VCS Setup](/nx-cloud/set-up/access-vcs-setup.webp)
+
+1. Fill-in all the required fields for selecting your Bitbucket repository
+2. Username is found on the [account settings](https://your-bitbucket-instance.com/profile) screen (it is not your email address)
+3. Paste your access token created earlier into the Access Token box
+4. Make sure you give NxCloud the URL of your BitBucket instance (this can be in the simple form of `https://your-bitbucket-instance.com`)
+5. That's it!

docs/nx-cloud/troubleshooting/explain-with-ai.md

@@ -0,0 +1,78 @@
+# Explain with AI (beta)
+
+"Explain with AI" in Nx Cloud leverages artificial intelligence to provide detailed explanations and insights for failed task outputs.
+This feature helps developers understand complex errors quickly and offers suggestions for improvements, making the debugging process more efficient.
+
+With the power of Nx Cloud, all explanations will be provided with additional context from Nx targets and metadata. This ensures that the AI responses have the correct context related to your failed task. This means that if you're trying to debug failed Gradle tasks, the AI will know to help you specifically with Gradle.
+
+## What You Need to Enable This Feature
+
+To use the "Explain with AI" feature, you need to [enable AI features for your organization](/ci/features/nx-cloud-ai).
+
+- For enterprise on-prem customers, this feature is not enabled by default. You need to explicitly [enable AI features through environment flags](#how-to-enable-ai-features-for-enterprise-onprem-installations).
+- For public cloud users, the AI feature is enabled automatically, [except for those in the EU due to regional restrictions](#regional-availability).
+- This feature is not available for hobby (free) plans on Nx Cloud.
+
+## How to Use
+
+{% callout type="check" title="Authentication Required" %}
+If you don't see the "Explain with AI" button, make sure that you are logged into the application.
+{% /callout %}
+
+1. **Access the Task**:
+
+   - First, navigate to the Nx Cloud dashboard and locate the task that failed.
+   - Click on the task to open the detailed view.
+
+2. **Initiate AI Explanation**:
+
+   - Within the task details, find the "Explain with AI" button.
+   - Click on this button to start the AI analysis.
+     ![explain with ai button](/nx-cloud/troubleshooting/explain-with-ai-1.png)
+
+3. **Review the Explanation**:
+
+   - The AI will analyze the error log with additional context from the project task and provide a detailed explanation of the failure.
+   - It will also offer suggestions on how to resolve the issue.
+     ![explain response](/nx-cloud/troubleshooting/explain-with-ai-2.png)
+
+4. **Implement the Suggestions**:
+
+   - Go through the AI-generated suggestions carefully.
+   - Apply the recommended changes to your codebase.
+
+5. **Verify the Fix**:
+
+   - After making the changes, rerun the task to see if the issue is resolved.
+
+6. **Mark answer as not helpful** (optional):
+   - If the suggested changes did not help you, click on "Set answer as not helpful". This allows us to continuously improve the responses.
+
+## How to Enable AI Features for Enterprise On-Prem Installations
+
+To enable AI features for enterprise on-prem installations, add the following configuration to your `helm-values.yaml` file:
+
+```yaml
+nxApi
+  deployment:
+    env:
+      - name: NX_CLOUD_AI_ENABLED
+        value: 'true'
+
+frontend
+  deployment:
+    env:
+      - name: OPENAI_SECRET_KEY
+        valueFrom:
+          secretKeyRef:
+            name: open-ai-secrets
+            key: OPENAI_SECRET_KEY
+      - name: NX_CLOUD_AI_ENABLED
+        value: 'true'
+```
+
+Make sure your OpenAI secret key is correctly configured to provide the necessary credits for `gpt-3.5-turbo` and `gpt-4o`.
+
+### Regional Availability
+
+This feature is not available for the EU cluster in public cloud installations due to regional restrictions. However, on-prem customers in the EU can still use this feature by providing their own OpenAI secret key and enabling the required environment variables.

docs/shared/features/distribute-task-execution.md

@@ -37,7 +37,7 @@ For a more thorough explanation of how Nx Agents optimizes your CI pipeline, rea
 
 To enable task distribution with Nx Agents, there are two requirements:
 
-1. Enable version control system integration. The integrations currently available are [GitHub](/ci/recipes/source-control-integration/github), [GitLab](/ci/recipes/source-control-integration/gitlab), [Bitbucket](/ci/recipes/source-control-integration/bitbucket-cloud) and [Azure DevOps](/ci/recipes/source-control-integration/azure-devops). These integrations can be enabled from your [Nx Cloud dashboard](https://nx.app).
+1. Enable version control system integration. The integrations currently available are [GitHub](/ci/recipes/source-control-integration/github), [GitLab](/ci/recipes/source-control-integration/gitlab), [Bitbucket](/ci/recipes/source-control-integration/bitbucket) and [Azure DevOps](/ci/recipes/source-control-integration/azure-devops). These integrations can be enabled from your [Nx Cloud dashboard](https://nx.app).
 2. Add a single line to your CI pipeline configuration.
 
 Add the `start-ci-run` command to your CI pipeline configuration after checking out the repository and before installing `node_modules`:

docs/shared/features/remote-cache.md

@@ -10,7 +10,7 @@ In this diagram, Teika runs the build once on his machine, then CI, Kimiko and J
 
 ## Setting Up Nx Cloud
 
-To use **Nx Replay** you need to connect your workspace to Nx Cloud. See the [connect to Nx Cloud recipe](/ci/recipes/set-up/connect-to-cloud).
+To use **Nx Replay** you need to connect your workspace to Nx Cloud. See the [connect to Nx Cloud recipe](/ci/intro/connect-to-cloud).
 
 ## See Remote Caching in Action
 

docs/shared/reference/sitemap.md

@@ -16,7 +16,7 @@
   - [Features](/features)
     - [Run Tasks](/features/run-tasks)
     - [Cache Task Results](/features/cache-task-results)
-    - [Explore your Workspace](/features/explore-graph)
+    - [Explore Your Workspace](/features/explore-graph)
     - [Generate Code](/features/generate-code)
     - [Automate Updating Dependencies](/features/automate-updating-dependencies)
     - [Enforce Module Boundaries](/features/enforce-module-boundaries)
@@ -245,6 +245,7 @@
   - [Intro](/ci/intro)
     - [CI with Nx](/ci/intro/ci-with-nx)
     - [Why Nx Cloud?](/ci/intro/why-nx-cloud)
+    - [Connect Nx Cloud](/ci/intro/connect-to-cloud)
     - [Tutorials](/ci/intro/tutorials)
       - [Circle CI with Nx](/ci/intro/tutorials/circle)
       - [GitHub Actions with Nx](/ci/intro/tutorials/github-actions)
@@ -252,10 +253,10 @@
     - [Run Only Tasks Affected by a PR](/ci/features/affected)
     - [Use Remote Caching (Nx Replay)](/ci/features/remote-cache)
     - [Distribute Task Execution (Nx Agents)](/ci/features/distribute-task-execution)
+    - [Nx Cloud AI](/ci/features/nx-cloud-ai)
     - [Dynamically Allocate Agents](/ci/features/dynamic-agents)
     - [Automatically Split E2E Tasks (Atomizer)](/ci/features/split-e2e-tasks)
     - [Identify and Re-run Flaky Tasks](/ci/features/flaky-tasks)
-    - [Set up Nx Cloud On-Premise](/ci/features/on-premise)
   - [Concepts](/ci/concepts)
     - [The Building Blocks of Fast CI](/ci/concepts/building-blocks-fast-ci)
     - [Reduce Wasted Time in CI](/ci/concepts/reduce-waste)
@@ -263,7 +264,6 @@
     - [Cache Security](/ci/concepts/cache-security)
   - [Recipes](/ci/recipes)
     - [Set Up CI](/ci/recipes/set-up)
-      - [Connect Nx Cloud](/ci/recipes/set-up/connect-to-cloud)
       - [Setting up Azure Pipelines](/ci/recipes/set-up/monorepo-ci-azure)
       - [Setting up CircleCI](/ci/recipes/set-up/monorepo-ci-circle-ci)
       - [Setting up GitHub Actions](/ci/recipes/set-up/monorepo-ci-github-actions)
@@ -276,16 +276,18 @@
       - [Enable End to End Encryption](/ci/recipes/security/encryption)
     - [Source Control Integration](/ci/recipes/source-control-integration)
       - [Enable GitHub PR Integration](/ci/recipes/source-control-integration/github)
-      - [Enable Bitbucket Cloud PR Integration](/ci/recipes/source-control-integration/bitbucket-cloud)
+      - [Enable Bitbucket PR Integration](/ci/recipes/source-control-integration/bitbucket)
       - [Enable GitLab MR Integration](/ci/recipes/source-control-integration/gitlab)
       - [Enable Azure DevOps PR Integration](/ci/recipes/source-control-integration/azure-devops)
     - [Enterprise](/ci/recipes/enterprise)
       - [On-Premise](/ci/recipes/enterprise/on-premise)
+        - [Set up Nx Cloud On-Premise](/ci/recipes/enterprise/on-premise/on-premise)
         - [Authenticate with a Single Admin](/ci/recipes/enterprise/on-premise/auth-single-admin)
         - [Authenticate with GitHub](/ci/recipes/enterprise/on-premise/auth-github)
         - [On-Prem VM Setup](/ci/recipes/enterprise/on-premise/ami-setup)
         - [Authenticate with GitLab](/ci/recipes/enterprise/on-premise/auth-gitlab)
         - [Authenticate with BitBucket](/ci/recipes/enterprise/on-premise/auth-bitbucket)
+        - [Authenticate with BitBucket Data Center](/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center)
         - [Authenticate via SAML](/ci/recipes/enterprise/on-premise/auth-saml)
         - [Authenticate via SAML on Managed Version](/ci/recipes/enterprise/on-premise/auth-saml-managed)
         - [Advanced Configuration](/ci/recipes/enterprise/on-premise/advanced-config)
@@ -309,6 +311,7 @@
     - [Release Notes](/ci/reference/release-notes)
   - [Troubleshooting](/ci/troubleshooting)
     - [CI Execution Failed](/ci/troubleshooting/ci-execution-failed)
+    - [Explain With AI](/ci/troubleshooting/explain-with-ai)
 
 - Nx-api
   - [angular](/nx-api/angular)

docs/shared/tutorials/react-monorepo.md

@@ -509,7 +509,7 @@ export default App;
 
 Serving your app (`nx serve react-store`) and then navigating to `/products` should give you the following result:
 
-![products route](/shared/images/tutorial-react-standalone/react-tutorial-products-route.png)
+![products route](/shared/tutorials/react-tutorial-products-route.png)
 
 Let's apply the same for our `orders` library.
 
@@ -1026,9 +1026,7 @@ NX   Ran target lint for 7 projects (2s)
      - nx run products:lint
 ```
 
-If you have the ESLint plugin installed in your IDE you should immediately see an error:
-
-![ESLint module boundary error](/shared/images/tutorial-react-standalone/react-standalone-module-boundaries.png)
+If you have the ESLint plugin installed in your IDE you should also immediately see an error.
 
 Learn more about how to [enforce module boundaries](/features/enforce-module-boundaries).
 

docs/shared/tutorials/react-standalone-pdv.json

@@ -0,0 +1,248 @@
+{
+  "project": {
+    "name": "react-app",
+    "type": "lib",
+    "data": {
+      "root": ".",
+      "targets": {
+        "vite:build": {
+          "options": {
+            "cwd": ".",
+            "command": "vite build"
+          },
+          "cache": true,
+          "dependsOn": ["^vite:build"],
+          "inputs": [
+            "default",
+            "^default",
+            {
+              "externalDependencies": ["vite"]
+            }
+          ],
+          "outputs": ["{projectRoot}/dist"],
+          "executor": "nx:run-commands",
+          "configurations": {}
+        },
+        "build": {
+          "executor": "nx:run-script",
+          "metadata": {
+            "scriptContent": "nx vite:build",
+            "runCommand": "npm run build"
+          },
+          "cache": true,
+          "dependsOn": ["typecheck"],
+          "options": {
+            "script": "build"
+          },
+          "configurations": {}
+        }
+      },
+      "sourceRoot": ".",
+      "name": "react-app",
+      "projectType": "library",
+      "metadata": {
+        "targetGroups": {
+          "NPM Scripts": ["build"]
+        }
+      },
+      "implicitDependencies": [],
+      "tags": []
+    }
+  },
+  "sourceMap": {
+    "root": ["package.json", "nx/core/package-json-workspaces"],
+    "targets": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.options": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.cache": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.dependsOn": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.inputs": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.outputs": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.executor": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.options.cwd": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.options.command": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.serve": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.serve.options": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.serve.executor": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.serve.options.cwd": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.serve.options.command": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:preview": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:preview.options": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:preview.executor": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:preview.options.cwd": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:preview.options.command": [
+      "vite.config.ts",
+      "@nx/vite/plugin"
+    ],
+    "targets.serve-static": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.serve-static.executor": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.serve-static.options": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.serve-static.options.buildTarget": [
+      "vite.config.ts",
+      "@nx/vite/plugin"
+    ],
+    "targets.serve-static.options.spa": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.eslint:lint": [".eslintrc.cjs", "@nx/eslint/plugin"],
+    "targets.eslint:lint.cache": [".eslintrc.cjs", "@nx/eslint/plugin"],
+    "targets.eslint:lint.options": [".eslintrc.cjs", "@nx/eslint/plugin"],
+    "targets.eslint:lint.inputs": [".eslintrc.cjs", "@nx/eslint/plugin"],
+    "targets.eslint:lint.outputs": [".eslintrc.cjs", "@nx/eslint/plugin"],
+    "targets.eslint:lint.executor": [".eslintrc.cjs", "@nx/eslint/plugin"],
+    "targets.eslint:lint.options.cwd": [".eslintrc.cjs", "@nx/eslint/plugin"],
+    "targets.eslint:lint.options.command": [
+      ".eslintrc.cjs",
+      "@nx/eslint/plugin"
+    ],
+    "targets.typecheck": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.typecheck.executor": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.typecheck.options": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.typecheck.metadata": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.typecheck.cache": ["nx.json", "nx/core/target-defaults"],
+    "targets.typecheck.options.script": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.typecheck.metadata.scriptContent": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.typecheck.metadata.runCommand": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.build.executor": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.options": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.metadata": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.cache": ["nx.json", "nx/core/target-defaults"],
+    "targets.build.options.script": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.metadata.scriptContent": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.metadata.runCommand": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.lint": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.lint.executor": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.lint.options": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.lint.metadata": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.lint.cache": ["nx.json", "nx/core/target-defaults"],
+    "targets.lint.options.script": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.lint.metadata.scriptContent": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.lint.metadata.runCommand": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "sourceRoot": ["package.json", "nx/core/package-json-workspaces"],
+    "name": ["package.json", "nx/core/package-json-workspaces"],
+    "projectType": ["package.json", "nx/core/package-json-workspaces"],
+    "metadata.targetGroups": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.0": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.1": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.2": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.3": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.4": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.dev": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.dev.executor": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.dev.options": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.dev.metadata": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.dev.options.script": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.dev.metadata.scriptContent": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.dev.metadata.runCommand": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.dependsOn": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.preview": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.preview.executor": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.preview.options": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.preview.metadata": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.preview.options.script": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.preview.metadata.scriptContent": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.preview.metadata.runCommand": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ]
+  }
+}

docs/shared/tutorials/vue-app-pdv.json

@@ -0,0 +1,186 @@
+{
+  "project": {
+    "name": "vue-app",
+    "type": "lib",
+    "data": {
+      "root": ".",
+      "targets": {
+        "vite:build": {
+          "options": {
+            "cwd": ".",
+            "command": "vite build"
+          },
+          "cache": true,
+          "dependsOn": ["^vite:build"],
+          "inputs": [
+            "default",
+            "^default",
+            {
+              "externalDependencies": ["vite"]
+            }
+          ],
+          "outputs": ["{projectRoot}/dist"],
+          "executor": "nx:run-commands",
+          "configurations": {}
+        },
+        "build-only": {
+          "executor": "nx:run-script",
+          "metadata": {
+            "scriptContent": "nx vite:build",
+            "runCommand": "npm run build-only"
+          },
+          "outputs": ["{projectRoot}/dist"],
+          "cache": true,
+          "options": {
+            "script": "build-only"
+          },
+          "configurations": {}
+        },
+        "build": {
+          "executor": "nx:run-script",
+          "metadata": {
+            "scriptContent": "nx exec -- echo 'Ran type-check and build-only'",
+            "runCommand": "npm run build"
+          },
+          "dependsOn": [
+            "type-check",
+            {
+              "target": "build-only",
+              "params": "forward"
+            }
+          ],
+          "options": {
+            "script": "build"
+          },
+          "configurations": {}
+        }
+      },
+      "sourceRoot": ".",
+      "name": "vue-app",
+      "projectType": "library",
+      "metadata": {
+        "targetGroups": {
+          "NPM Scripts": ["build", "build-only"]
+        }
+      },
+      "implicitDependencies": [],
+      "tags": []
+    }
+  },
+  "sourceMap": {
+    "root": ["package.json", "nx/core/package-json-workspaces"],
+    "targets": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.options": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.cache": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.dependsOn": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.inputs": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.outputs": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.executor": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.options.cwd": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.vite:build.options.command": ["vite.config.ts", "@nx/vite/plugin"],
+    "targets.build-only": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.build-only.executor": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build-only.options": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build-only.metadata": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build-only.outputs": ["nx.json", "nx/core/target-defaults"],
+    "targets.build-only.cache": ["nx.json", "nx/core/target-defaults"],
+    "targets.build-only.options.script": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build-only.metadata.scriptContent": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build-only.metadata.runCommand": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "sourceRoot": ["package.json", "nx/core/package-json-workspaces"],
+    "name": ["package.json", "nx/core/package-json-workspaces"],
+    "projectType": ["package.json", "nx/core/package-json-workspaces"],
+    "metadata.targetGroups": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.0": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.1": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.2": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.3": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.4": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.5": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.6": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.7": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "metadata.targetGroups.NPM Scripts.8": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build": ["package.json", "nx/core/package-json-workspaces"],
+    "targets.build.executor": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.metadata": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.dependsOn": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.options": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.options.script": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.metadata.scriptContent": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ],
+    "targets.build.metadata.runCommand": [
+      "package.json",
+      "nx/core/package-json-workspaces"
+    ]
+  }
+}

e2e/node/src/__snapshots__/node-server.test.ts.snap

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Node Applications + webpack should generate a Dockerfile 1`] = `
+"# This file is generated by Nx.
+#
+# Build the docker image with \`npx nx docker-build docker-express-app\`.
+# Tip: Modify "docker-build" options in project.json to change docker build args.
+#
+# Run the container with \`docker run -p 3000:3000 -t docker-express-app\`.
+FROM docker.io/node:lts-alpine
+
+ENV HOST=0.0.0.0
+ENV PORT=3000
+
+WORKDIR /app
+
+RUN addgroup --system docker-express-app && \\
+          adduser --system -G docker-express-app docker-express-app
+
+COPY dist/apps/docker-express-app docker-express-app/
+RUN chown -R docker-express-app:docker-express-app .
+
+# You can remove this install step if you build with \`--bundle\` option.
+# The bundled output will include external dependencies.
+RUN npm --prefix docker-express-app --omit=dev -f install
+
+CMD [ "node", "docker-express-app" ]
+"
+`;

e2e/node/src/node-server.test.ts

@@ -2,6 +2,7 @@ import {
   checkFilesDoNotExist,
   checkFilesExist,
   cleanupProject,
+  getSelectedPackageManager,
   killPort,
   newProject,
   promisifiedTreeKill,
@@ -14,11 +15,19 @@ import {
 } from '@nx/e2e/utils';
 import { join } from 'path';
 
-xdescribe('Node Applications + webpack', () => {
+describe('Node Applications + webpack', () => {
   let proj: string;
+  const selectedPm = getSelectedPackageManager();
+
+  // TODO(nicholas): Look into how this can work with npm instead of forcing pnpm.
   beforeAll(() => {
     proj = newProject({
       packages: ['@nx/node'],
+      // npm has resolution for ajv some packages require ajv6 and some require ajv8 and npm resolves it to ajv6 (Error: Cannot find module 'ajv/dist/compile/codegen')
+      // - ajv@6 (fork-ts-checker-webpack-plugin, terser-webpack-plugin, webpack)
+      // - ajv@8 (babel-loader)
+      // Solution is to use pnpm or run fix it via npm ex.(npm dedupe --force)
+      packageManager: selectedPm === 'npm' ? 'pnpm' : selectedPm,
     });
   });
 
@@ -47,10 +56,10 @@ xdescribe('Node Applications + webpack', () => {
     }
   }
 
-  async function runE2eTests(appName: string) {
-    process.env.PORT = '5000';
+  async function runE2eTests(appName: string, port: number = 5000) {
+    process.env.PORT = `${port}`;
     const childProcess = await runCommandUntil(`serve ${appName}`, (output) => {
-      return output.includes('http://localhost:5000');
+      return output.includes(`http://localhost:${port}`);
     });
     const result = runCLI(`e2e ${appName}-e2e --verbose`);
     expect(result).toContain('Setting up...');
@@ -58,13 +67,11 @@ xdescribe('Node Applications + webpack', () => {
     expect(result).toContain('Successfully ran target e2e');
 
     await promisifiedTreeKill(childProcess.pid, 'SIGKILL');
-    await killPort(5000);
+    await killPort(port);
     process.env.PORT = '';
   }
 
-  // Disabled due to flakiness of ajv disabled (Error: Cannot find module 'ajv/dist/compile/codegen')
-  // TODO: (nicholas) Re-enable when the flakiness is resolved
-  xit('should generate an app using webpack', async () => {
+  describe('frameworks', () => {
     const testLib1 = uniq('test1');
     const testLib2 = uniq('test2');
     const expressApp = uniq('expressapp');
@@ -72,79 +79,98 @@ xdescribe('Node Applications + webpack', () => {
     const koaApp = uniq('koaapp');
     const nestApp = uniq('nest');
 
-    runCLI(`generate @nx/node:lib ${testLib1}`);
-    runCLI(`generate @nx/node:lib ${testLib2} --importPath=@acme/test2`);
-    runCLI(
-      `generate @nx/node:app ${expressApp} --framework=express --no-interactive`
-    );
-    runCLI(
-      `generate @nx/node:app ${fastifyApp} --framework=fastify --no-interactive`
-    );
-    runCLI(`generate @nx/node:app ${koaApp} --framework=koa --no-interactive`);
-    runCLI(
-      `generate @nx/node:app ${nestApp} --framework=nest --bundler=webpack --no-interactive`
-    );
+    beforeAll(() => {
+      runCLI(`generate @nx/node:lib ${testLib1}`);
+      runCLI(`generate @nx/node:lib ${testLib2} --importPath=@acme/test2`);
+      runCLI(
+        `generate @nx/node:app ${expressApp} --framework=express --port=7000 --no-interactive`
+      );
+      runCLI(
+        `generate @nx/node:app ${fastifyApp} --framework=fastify --port=7001 --no-interactive`
+      );
+      runCLI(
+        `generate @nx/node:app ${koaApp} --framework=koa --port=7002 --no-interactive`
+      );
+      runCLI(
+        `generate @nx/node:app ${nestApp} --framework=nest --port=7003 --bundler=webpack --no-interactive`
+      );
 
-    // Use esbuild by default
-    checkFilesDoNotExist(`apps/${expressApp}/webpack.config.js`);
-    checkFilesDoNotExist(`apps/${fastifyApp}/webpack.config.js`);
-    checkFilesDoNotExist(`apps/${koaApp}/webpack.config.js`);
+      addLibImport(expressApp, testLib1);
+      addLibImport(expressApp, testLib2, '@acme/test2');
+      addLibImport(fastifyApp, testLib1);
+      addLibImport(fastifyApp, testLib2, '@acme/test2');
+      addLibImport(koaApp, testLib1);
+      addLibImport(koaApp, testLib2, '@acme/test2');
 
-    // Uses only webpack
-    checkFilesExist(`apps/${nestApp}/webpack.config.js`);
+      addLibImport(nestApp, testLib1);
+      addLibImport(nestApp, testLib2, '@acme/test2');
+    });
 
-    expect(() => runCLI(`lint ${expressApp}`)).not.toThrow();
-    expect(() => runCLI(`lint ${fastifyApp}`)).not.toThrow();
-    expect(() => runCLI(`lint ${koaApp}`)).not.toThrow();
-    expect(() => runCLI(`lint ${nestApp}`)).not.toThrow();
+    it('should generate an app defaults using webpack or esbuild', async () => {
+      // Use esbuild by default
+      checkFilesDoNotExist(`apps/${expressApp}/webpack.config.js`);
+      checkFilesDoNotExist(`apps/${fastifyApp}/webpack.config.js`);
+      checkFilesDoNotExist(`apps/${koaApp}/webpack.config.js`);
 
-    expect(() => runCLI(`lint ${expressApp}-e2e`)).not.toThrow();
-    expect(() => runCLI(`lint ${fastifyApp}-e2e`)).not.toThrow();
-    expect(() => runCLI(`lint ${koaApp}-e2e`)).not.toThrow();
-    expect(() => runCLI(`lint ${nestApp}-e2e`)).not.toThrow();
+      // Uses only webpack
+      checkFilesExist(`apps/${nestApp}/webpack.config.js`);
 
-    // Only Fastify generates with unit tests since it supports them without additional libraries.
-    expect(() => runCLI(`test ${fastifyApp}`)).not.toThrow();
+      expect(() => runCLI(`lint ${expressApp}`)).not.toThrow();
+      expect(() => runCLI(`lint ${fastifyApp}`)).not.toThrow();
+      expect(() => runCLI(`lint ${koaApp}`)).not.toThrow();
+      expect(() => runCLI(`lint ${nestApp}`)).not.toThrow();
 
-    // https://github.com/nrwl/nx/issues/16601
-    const nestMainContent = readFile(`apps/${nestApp}/src/main.ts`);
-    updateFile(
-      `apps/${nestApp}/src/main.ts`,
-      `
+      expect(() => runCLI(`lint ${expressApp}-e2e`)).not.toThrow();
+      expect(() => runCLI(`lint ${fastifyApp}-e2e`)).not.toThrow();
+      expect(() => runCLI(`lint ${koaApp}-e2e`)).not.toThrow();
+      expect(() => runCLI(`lint ${nestApp}-e2e`)).not.toThrow();
+
+      // Only Fastify generates with unit tests since it supports them without additional libraries.
+      expect(() => runCLI(`test ${fastifyApp}`)).not.toThrow();
+
+      // https://github.com/nrwl/nx/issues/16601
+      const nestMainContent = readFile(`apps/${nestApp}/src/main.ts`);
+      updateFile(
+        `apps/${nestApp}/src/main.ts`,
+        `
       ${nestMainContent}
       // Make sure this is not replaced during build time
       console.log('env: ' + process.env['NODE_ENV']);
       `
-    );
-    runCLI(`build ${nestApp}`);
-    expect(readFile(`dist/apps/${nestApp}/main.js`)).toContain(
-      `'env: ' + process.env['NODE_ENV']`
-    );
+      );
+      runCLI(`build ${nestApp}`);
+      expect(readFile(`dist/apps/${nestApp}/main.js`)).toContain(
+        `'env: ' + process.env['NODE_ENV']`
+      );
+    }, 300_000);
 
-    addLibImport(expressApp, testLib1);
-    addLibImport(expressApp, testLib2, '@acme/test2');
-    addLibImport(fastifyApp, testLib1);
-    addLibImport(fastifyApp, testLib2, '@acme/test2');
-    addLibImport(koaApp, testLib1);
-    addLibImport(koaApp, testLib2, '@acme/test2');
+    it('should e2e test express app', async () => {
+      await runE2eTests(expressApp, 7000);
+    });
 
-    addLibImport(nestApp, testLib1);
-    addLibImport(nestApp, testLib2, '@acme/test2');
+    it('should e2e test fastify app', async () => {
+      await runE2eTests(fastifyApp, 7001);
+    });
 
-    await runE2eTests(expressApp);
-    await runE2eTests(fastifyApp);
-    await runE2eTests(koaApp);
-    await runE2eTests(nestApp);
-  }, 900_000);
+    it('should e2e test koa app', async () => {
+      await runE2eTests(koaApp, 7002);
+    });
+
+    it('should e2e test nest app', async () => {
+      await runE2eTests(nestApp, 7003);
+    });
+  });
 
   it('should generate a Dockerfile', async () => {
-    const expressApp = uniq('expressapp');
+    const expressApp = 'docker-express-app'; // needs to be consistent for the Dockerfile snapshot
 
     runCLI(
-      `generate @nx/node:app  ${expressApp} --framework=express --docker --no-interactive`
+      `generate @nx/node:app ${expressApp} --framework=express --docker --no-interactive`
     );
 
     checkFilesExist(`apps/${expressApp}/Dockerfile`);
+    const dockerFile = readFile(`apps/${expressApp}/Dockerfile`);
+    expect(dockerFile).toMatchSnapshot();
   }, 300_000);
 
   it('should support waitUntilTargets for serve target', async () => {

graph/ui-code-block/src/lib/json-code-block.tsx

@@ -1,13 +1,8 @@
-import {
-  ClipboardDocumentCheckIcon,
-  ClipboardDocumentIcon,
-} from '@heroicons/react/24/outline';
-// @ts-ignore
-import { CopyToClipboard } from 'react-copy-to-clipboard';
 // @ts-ignore
 import SyntaxHighlighter, { createElement } from 'react-syntax-highlighter';
-import { JSX, ReactNode, useEffect, useMemo, useState } from 'react';
+import { JSX, ReactNode, useMemo } from 'react';
 import { twMerge } from 'tailwind-merge';
+import { CopyToClipboardButton } from '@nx/graph/ui-components';
 
 export function JsonCodeBlockPreTag({
   children,
@@ -30,45 +25,27 @@ export function JsonCodeBlockPreTag({
 export interface JsonCodeBlockProps {
   data: any;
   renderSource: (propertyName: string) => ReactNode;
+  copyTooltipText: string;
 }
 
 export function JsonCodeBlock(props: JsonCodeBlockProps): JSX.Element {
-  const [copied, setCopied] = useState(false);
   const jsonString = useMemo(
     () => JSON.stringify(props.data, null, 2),
     [props.data]
   );
-  useEffect(() => {
-    if (!copied) return;
-    const t = setTimeout(() => {
-      setCopied(false);
-    }, 3000);
-    return () => clearTimeout(t);
-  }, [copied]);
   return (
     <div className="code-block group relative w-full">
       <div className="absolute right-0 top-0 z-10 flex">
-        <CopyToClipboard
+        <CopyToClipboardButton
           text={jsonString}
-          onCopy={() => {
-            setCopied(true);
-          }}
-        >
-          <button
-            type="button"
-            className={twMerge(
-              'not-prose flex',
-              'border border-slate-200 bg-slate-50/50 p-2 dark:border-slate-700 dark:bg-slate-800/60',
-              'opacity-0 transition-opacity group-hover:opacity-100'
-            )}
-          >
-            {copied ? (
-              <ClipboardDocumentCheckIcon className="h-5 w-5 text-blue-500 dark:text-sky-500" />
-            ) : (
-              <ClipboardDocumentIcon className="h-5 w-5" />
-            )}
-          </button>
-        </CopyToClipboard>
+          tooltipAlignment="right"
+          tooltipText={props.copyTooltipText}
+          className={twMerge(
+            'not-prose flex',
+            'border border-slate-200 bg-slate-50/50 p-2 dark:border-slate-700 dark:bg-slate-800/60',
+            'opacity-0 transition-opacity group-hover:opacity-100'
+          )}
+        />
       </div>
       <SyntaxHighlighter
         language="json"

graph/ui-components/src/index.ts

@@ -1,3 +1,4 @@
+export * from './lib/copy-to-clipboard-button';
 export * from './lib/debounced-text-input';
 export * from './lib/tag';
 export * from './lib/dropdown';

graph/ui-components/src/lib/copy-to-clipboard-button.stories.tsx

@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import {
+  CopyToClipboardButton,
+  CopyToClipboardButtonProps,
+} from './copy-to-clipboard-button';
+
+const meta: Meta<typeof CopyToClipboardButton> = {
+  component: CopyToClipboardButton,
+  title: 'CopyToClipboardButton',
+};
+export default meta;
+
+type Story = StoryObj<typeof CopyToClipboardButton>;
+
+export const Simple: Story = {
+  args: {
+    text: 'Hello, world!',
+    tooltipAlignment: 'left',
+  } as CopyToClipboardButtonProps,
+};

graph/ui-components/src/lib/copy-to-clipboard-button.tsx

@@ -0,0 +1,61 @@
+// @ts-ignore
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import { JSX, ReactNode, useEffect, useState } from 'react';
+import {
+  ClipboardDocumentCheckIcon,
+  ClipboardDocumentIcon,
+} from '@heroicons/react/24/outline';
+
+export interface CopyToClipboardButtonProps {
+  text: string;
+  tooltipText?: string;
+  tooltipAlignment?: 'left' | 'right';
+  className?: string;
+  children?: ReactNode;
+}
+
+export function CopyToClipboardButton({
+  text,
+  tooltipAlignment,
+  tooltipText,
+  className,
+  children,
+}: CopyToClipboardButtonProps) {
+  const [copied, setCopied] = useState(false);
+
+  useEffect(() => {
+    if (!copied) return;
+    const t = setTimeout(() => {
+      setCopied(false);
+    }, 3000);
+    return () => clearTimeout(t);
+  }, [copied]);
+
+  return (
+    <CopyToClipboard
+      text={text}
+      onCopy={() => {
+        setCopied(true);
+      }}
+    >
+      <button
+        type="button"
+        data-tooltip={tooltipText ? tooltipText : false}
+        data-tooltip-align-right={tooltipAlignment === 'right'}
+        data-tooltip-align-left={tooltipAlignment === 'left'}
+        className={className}
+        onClick={(e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        }}
+      >
+        {copied ? (
+          <ClipboardDocumentCheckIcon className="inline h-5 w-5 text-blue-500 dark:text-sky-500" />
+        ) : (
+          <ClipboardDocumentIcon className="inline h-5 w-5" />
+        )}
+        {children}
+      </button>
+    </CopyToClipboard>
+  );
+}

graph/ui-project-details/src/lib/copy-to-clipboard/copy-to-clipboard.stories.tsx

@@ -1,17 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { CopyToClipboard } from './copy-to-clipboard';
-
-const meta: Meta<typeof CopyToClipboard> = {
-  component: CopyToClipboard,
-  title: 'CopyToClipboard',
-};
-export default meta;
-
-type Story = StoryObj<typeof CopyToClipboard>;
-
-export const Simple: Story = {
-  args: {
-    onCopy: () => {},
-    tooltipAlignment: 'left',
-  },
-};

graph/ui-project-details/src/lib/copy-to-clipboard/copy-to-clipboard.tsx

@@ -1,36 +0,0 @@
-import { ClipboardIcon } from '@heroicons/react/24/outline';
-import { JSX, useEffect, useState } from 'react';
-
-interface CopyToClipboardProps {
-  onCopy: () => void;
-  tooltipAlignment?: 'left' | 'right';
-}
-
-export function CopyToClipboard(props: CopyToClipboardProps): JSX.Element {
-  const [copied, setCopied] = useState(false);
-  useEffect(() => {
-    if (copied) {
-      const timeout = setTimeout(() => {
-        setCopied(false);
-      }, 3000);
-      return () => clearTimeout(timeout);
-    }
-  });
-  return (
-    <span
-      data-tooltip="Copy to clipboard"
-      data-tooltip-align-right={props.tooltipAlignment === 'right'}
-    >
-      <ClipboardIcon
-        className={`inline h-4 w-5 !cursor-pointer ${
-          copied ? 'text-sky-500' : ''
-        }`}
-        onClick={(e) => {
-          e.stopPropagation();
-          setCopied(true);
-          props.onCopy();
-        }}
-      ></ClipboardIcon>
-    </span>
-  );
-}

graph/ui-project-details/src/lib/project-details/project-details.tsx

@@ -1,5 +1,3 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 /* eslint-disable @nx/enforce-module-boundaries */
 // nx-ignore-next-line
 import type { ProjectGraphProjectNode } from '@nx/devkit';
@@ -71,7 +69,7 @@ export const ProjectDetails = ({
       >
         <div
           className={twMerge(
-            `flex items-center justify-between`,
+            `flex flex-wrap items-center justify-between`,
             isCompact ? `gap-1` : `mb-4 gap-2`
           )}
         >
@@ -90,17 +88,15 @@ export const ProjectDetails = ({
               className="h-6 w-6"
             />
           </div>
-          <span>
-            {onViewInProjectGraph && viewInProjectGraphPosition === 'top' && (
-              <ViewInProjectGraphButton
-                callback={() =>
-                  onViewInProjectGraph({ projectName: project.name })
-                }
-              />
-            )}{' '}
-          </span>
+          {onViewInProjectGraph && viewInProjectGraphPosition === 'top' && (
+            <ViewInProjectGraphButton
+              callback={() =>
+                onViewInProjectGraph({ projectName: project.name })
+              }
+            />
+          )}
         </div>
-        <div className="flex justify-between py-2">
+        <div className="flex flex-wrap justify-between py-2">
           <div>
             {projectData.metadata?.description ? (
               <p className="mb-2 text-sm capitalize text-gray-500 dark:text-slate-400">
@@ -133,16 +129,14 @@ export const ProjectDetails = ({
             ) : null}
           </div>
           <div className="self-end">
-            <span>
-              {onViewInProjectGraph &&
-                viewInProjectGraphPosition === 'bottom' && (
-                  <ViewInProjectGraphButton
-                    callback={() =>
-                      onViewInProjectGraph({ projectName: project.name })
-                    }
-                  />
-                )}{' '}
-            </span>
+            {onViewInProjectGraph &&
+              viewInProjectGraphPosition === 'bottom' && (
+                <ViewInProjectGraphButton
+                  callback={() =>
+                    onViewInProjectGraph({ projectName: project.name })
+                  }
+                />
+              )}
           </div>
         </div>
       </header>

graph/ui-project-details/src/lib/target-configuration-details-header/target-configuration-details-header.tsx

@@ -1,6 +1,7 @@
 /* eslint-disable @nx/enforce-module-boundaries */
 // nx-ignore-next-line
 import type { TargetConfiguration } from '@nx/devkit';
+import { CopyToClipboardButton } from '@nx/graph/ui-components';
 import {
   ChevronDownIcon,
   ChevronUpIcon,
@@ -17,7 +18,6 @@ import { twMerge } from 'tailwind-merge';
 import { Pill } from '../pill';
 import { TargetTechnologies } from '../target-technologies/target-technologies';
 import { SourceInfo } from '../source-info/source-info';
-import { CopyToClipboard } from '../copy-to-clipboard/copy-to-clipboard';
 import { getDisplayHeaderFromTargetConfiguration } from '../utils/get-display-header-from-target-configuration';
 import { TargetExecutor } from '../target-executor/target-executor';
 
@@ -53,10 +53,6 @@ export const TargetConfigurationDetailsHeader = ({
   onViewInTaskGraph,
   onNxConnect,
 }: TargetConfigurationDetailsHeaderProps) => {
-  const handleCopyClick = async (copyText: string) => {
-    await window.navigator.clipboard.writeText(copyText);
-  };
-
   if (!collapsable) {
     // when collapsable is false, isCollasped should be false
     isCollasped = false;
@@ -156,6 +152,12 @@ export const TargetConfigurationDetailsHeader = ({
           </div>
         </div>
         <div className="flex items-center gap-2">
+          <CopyToClipboardButton
+            text={JSON.stringify(targetConfiguration, null, 2)}
+            tooltipText={!isCollasped ? 'Copy Target' : undefined}
+            tooltipAlignment="right"
+            className="rounded-md bg-inherit p-1 text-sm text-slate-600 ring-1 ring-inset ring-slate-400/40 hover:bg-slate-200 dark:text-slate-300 dark:ring-slate-400/30 dark:hover:bg-slate-700/60"
+          />
           {onViewInTaskGraph && (
             <button
               className="rounded-md bg-inherit p-1 text-sm text-slate-600 ring-1 ring-inset ring-slate-400/40 hover:bg-slate-200 dark:text-slate-300 dark:ring-slate-400/30 dark:hover:bg-slate-700/60"
@@ -194,21 +196,22 @@ export const TargetConfigurationDetailsHeader = ({
       </div>
       {!isCollasped && (
         <div className="ml-5 mt-2 text-sm">
-          <SourceInfo
-            data={sourceMap[`targets.${targetName}`]}
-            propertyKey={`targets.${targetName}`}
-            color="text-gray-500 dark:text-slate-400"
-          />
+          <div className="flex">
+            <SourceInfo
+              data={sourceMap[`targets.${targetName}`]}
+              propertyKey={`targets.${targetName}`}
+              color="text-gray-500 dark:text-slate-400"
+            />
+          </div>
           {targetName !== 'nx-release-publish' && (
             <div className="mt-2 text-right">
               <code className="ml-4 rounded bg-gray-100 px-2 py-1 font-mono text-gray-800 dark:bg-gray-700 dark:text-gray-300">
                 nx run {projectName}:{targetName}
               </code>
               <span>
-                <CopyToClipboard
-                  onCopy={() =>
-                    handleCopyClick(`nx run ${projectName}:${targetName}`)
-                  }
+                <CopyToClipboardButton
+                  text={`nx run ${projectName}:${targetName}`}
+                  tooltipText="Copy Command"
                   tooltipAlignment="right"
                 />
               </span>

graph/ui-project-details/src/lib/target-configuration-details/target-configuration-details.tsx

@@ -1,12 +1,11 @@
 /* eslint-disable @nx/enforce-module-boundaries */
 // nx-ignore-next-line
 import type { TargetConfiguration } from '@nx/devkit';
-
 import { JsonCodeBlock } from '@nx/graph/ui-code-block';
+import { CopyToClipboardButton } from '@nx/graph/ui-components';
 import { useCallback, useContext, useEffect, useState } from 'react';
 import { FadingCollapsible } from './fading-collapsible';
 import { TargetConfigurationProperty } from './target-configuration-property';
-import { CopyToClipboard } from '../copy-to-clipboard/copy-to-clipboard';
 import { PropertyInfoTooltip, Tooltip } from '@nx/graph/ui-tooltips';
 import { TooltipTriggerText } from './tooltip-trigger-text';
 import { Pill } from '../pill';
@@ -53,10 +52,6 @@ export default function TargetConfigurationDetails({
   const [collapsed, setCollapsed] = useState(true);
   const { expandedTargets, toggleTarget } = useContext(ExpandedTargetsContext);
 
-  const handleCopyClick = async (copyText: string) => {
-    await window.navigator.clipboard.writeText(copyText);
-  };
-
   const handleCollapseToggle = useCallback(() => {
     if (toggleTarget) {
       toggleTarget(targetName);
@@ -110,10 +105,7 @@ export default function TargetConfigurationDetails({
         <div className="p-4 text-base">
           <div className="group mb-4">
             <h4 className="mb-4">
-              <TargetExecutorTitle
-                {...displayHeader}
-                handleCopyClick={handleCopyClick}
-              />
+              <TargetExecutorTitle {...displayHeader} />
             </h4>
             <p className="pl-5 font-mono">
               <TargetExecutor {...displayHeader} link={link}>
@@ -131,10 +123,7 @@ export default function TargetConfigurationDetails({
           {script && (
             <div className="group mb-4">
               <h4 className="mb-4">
-                <TargetExecutorTitle
-                  script={script}
-                  handleCopyClick={handleCopyClick}
-                />
+                <TargetExecutorTitle script={script} />
               </h4>
               <p className="pl-5 font-mono">
                 <TargetExecutor script={script} link={link}>
@@ -164,6 +153,7 @@ export default function TargetConfigurationDetails({
                 <FadingCollapsible>
                   <JsonCodeBlock
                     data={options}
+                    copyTooltipText="Copy Options"
                     renderSource={(propertyName: string) => (
                       <TargetSourceInfo
                         className="flex min-w-0 pl-4"
@@ -198,14 +188,11 @@ export default function TargetConfigurationDetails({
                   </span>
                 </Tooltip>
                 <span className="mb-1 ml-2 hidden group-hover:inline">
-                  <CopyToClipboard
-                    onCopy={() =>
-                      handleCopyClick(
-                        `"inputs": ${JSON.stringify(
-                          targetConfiguration.inputs
-                        )}`
-                      )
-                    }
+                  <CopyToClipboardButton
+                    text={`"inputs": ${JSON.stringify(
+                      targetConfiguration.inputs
+                    )}`}
+                    tooltipText="Copy Inputs"
                   />
                 </span>
               </h4>
@@ -239,14 +226,11 @@ export default function TargetConfigurationDetails({
                   </span>
                 </Tooltip>
                 <span className="mb-1 ml-2 hidden group-hover:inline">
-                  <CopyToClipboard
-                    onCopy={() =>
-                      handleCopyClick(
-                        `"outputs": ${JSON.stringify(
-                          targetConfiguration.outputs
-                        )}`
-                      )
-                    }
+                  <CopyToClipboardButton
+                    text={`"outputs": ${JSON.stringify(
+                      targetConfiguration.outputs
+                    )}`}
+                    tooltipText="Copy Outputs"
                   />
                 </span>
               </h4>
@@ -279,15 +263,12 @@ export default function TargetConfigurationDetails({
                     <TooltipTriggerText>Depends On</TooltipTriggerText>
                   </span>
                 </Tooltip>
-                <span className="inline pl-4 opacity-0 transition-opacity duration-150 ease-in-out group-hover/line:opacity-100">
-                  <CopyToClipboard
-                    onCopy={() =>
-                      handleCopyClick(
-                        `"dependsOn": ${JSON.stringify(
-                          targetConfiguration.dependsOn
-                        )}`
-                      )
-                    }
+                <span className="mb-1 ml-2 hidden group-hover:inline">
+                  <CopyToClipboardButton
+                    text={`"dependsOn": ${JSON.stringify(
+                      targetConfiguration.dependsOn
+                    )}`}
+                    tooltipText="Copy Depends On"
                   />
                 </span>
               </h4>
@@ -336,6 +317,7 @@ export default function TargetConfigurationDetails({
               <FadingCollapsible>
                 <JsonCodeBlock
                   data={targetConfiguration.configurations}
+                  copyTooltipText="Copy Configurations"
                   renderSource={(propertyName: string) => (
                     <TargetSourceInfo
                       className="flex min-w-0 pl-4"

graph/ui-project-details/src/lib/target-executor/target-executor-title.tsx

@@ -1,29 +1,26 @@
 import { PropertyInfoTooltip, Tooltip } from '@nx/graph/ui-tooltips';
-import { CopyToClipboard } from '../copy-to-clipboard/copy-to-clipboard';
+import { CopyToClipboardButton } from '@nx/graph/ui-components';
 import { TooltipTriggerText } from '../target-configuration-details/tooltip-trigger-text';
 
 export function TargetExecutorTitle({
   commands,
   command,
   script,
-  handleCopyClick,
+  executor,
 }: {
-  handleCopyClick: (copyText: string) => void;
   commands?: string[];
   command?: string;
   script?: string;
+  executor?: string;
 }) {
   if (commands && commands.length) {
     return (
       <span className="font-medium">
         Commands
         <span className="mb-1 ml-2 hidden group-hover:inline">
-          <CopyToClipboard
-            onCopy={() =>
-              handleCopyClick(
-                `"commands": [${commands.map((c) => `"${c}"`).join(', ')}]`
-              )
-            }
+          <CopyToClipboardButton
+            text={`"commands": [${commands.map((c) => `"${c}"`).join(', ')}]`}
+            tooltipText="Copy Commands"
           />
         </span>
       </span>
@@ -34,8 +31,9 @@ export function TargetExecutorTitle({
       <span className="font-medium">
         Command
         <span className="mb-1 ml-2 hidden group-hover:inline">
-          <CopyToClipboard
-            onCopy={() => handleCopyClick(`"command": "${command}"`)}
+          <CopyToClipboardButton
+            text={`"command": "${command}"`}
+            tooltipText="Copy Command"
           />
         </span>
       </span>
@@ -46,7 +44,7 @@ export function TargetExecutorTitle({
       <span className="font-medium">
         Script
         <span className="mb-1 ml-2 hidden group-hover:inline">
-          <CopyToClipboard onCopy={() => handleCopyClick(script)} />
+          <CopyToClipboardButton text={script} tooltipText="Copy Script" />
         </span>
       </span>
     );
@@ -58,6 +56,12 @@ export function TargetExecutorTitle({
     >
       <span className="font-medium">
         <TooltipTriggerText>Executor</TooltipTriggerText>
+        <span className="mb-1 ml-2 hidden group-hover:inline">
+          <CopyToClipboardButton
+            text={executor ?? ''}
+            tooltipText="Copy Executor"
+          />
+        </span>
       </span>
     </Tooltip>
   );

nx-dev/data-access-menu/src/lib/menu.utils.ts

@@ -95,7 +95,8 @@ export function getBasicNxCloudSection(items: MenuItem[]): MenuSection {
       .map((m) => {
         return {
           ...m,
-          disableCollapsible: !m.id.endsWith('tutorial'),
+          disableCollapsible:
+            !m.id.endsWith('tutorial') && !m.id.endsWith('concepts'),
         };
       }),
   };

nx-dev/feature-doc-viewer/src/lib/related-documents-section.tsx

@@ -54,6 +54,7 @@ function CategoryBox({ category }: { category: RelatedDocumentsCategory }) {
             <Link
               href={d.path}
               className="flex flex-grow items-center justify-between no-underline hover:text-sky-600 hover:underline dark:hover:text-sky-400"
+              prefetch={false}
             >
               <span>{d.name}</span>
               <ArrowRightIcon className="h-4 w-4 text-slate-500 dark:text-slate-400" />

nx-dev/feature-doc-viewer/src/lib/table-of-contents.tsx

@@ -93,6 +93,7 @@ export function TableOfContents({
                         'pl-6': item.level === 3,
                       }
                     )}
+                    prefetch={false}
                   >
                     {item.level === 1 ? 'Overview' : item.title}
                   </Link>

nx-dev/feature-package-schema-viewer/src/lib/content.tsx

@@ -129,6 +129,7 @@ export function Content({
             className="relative mx-4 inline-flex rounded-md border border-green-100 bg-green-50 px-4 py-2 text-xs font-medium text-green-600 dark:border-green-900 dark:bg-green-900/30 dark:text-green-400"
             href="/recipes/other/rescope"
             title="Nx 16 package name changes"
+            prefetch={false}
           >
             Rescope @nrwl to @nx
           </Link>

nx-dev/feature-search/src/lib/algolia-search.tsx

@@ -20,7 +20,11 @@ function Hit({
   hit: InternalDocSearchHit | StoredDocSearchHit;
   children: ReactNode;
 }): JSX.Element {
-  return <Link href={hit.url}>{children}</Link>;
+  return (
+    <Link href={hit.url} prefetch={false}>
+      {children}
+    </Link>
+  );
 }
 
 export function AlgoliaSearch({

nx-dev/nx-dev-e2e/src/nx-cloud-documentation.spec.ts

@@ -32,7 +32,7 @@ const pages: Array<{ title: string; path: string }> = [
   },
   {
     title: 'Running Nx Cloud Enterprise',
-    path: '/ci/features/on-premise',
+    path: '/ci/recipes/enterprise/on-premise/on-premise',
   },
   {
     title: 'Auth (Basic)',
@@ -51,9 +51,13 @@ const pages: Array<{ title: string; path: string }> = [
     path: '/ci/recipes/enterprise/on-premise/ami-setup',
   },
   {
-    title: 'BitBucket Auth',
+    title: 'BitBucket Cloud Auth',
     path: '/ci/recipes/enterprise/on-premise/auth-bitbucket',
   },
+  {
+    title: 'BitBucket Data Center Auth',
+    path: '/ci/recipes/enterprise/on-premise/auth-bitbucket-data-center',
+  },
   {
     title: 'SAML Auth',
     path: '/ci/recipes/enterprise/on-premise/auth-saml',

nx-dev/nx-dev/pages/changelog.tsx

@@ -240,7 +240,11 @@ export default function Changelog(props: ChangeLogProps): JSX.Element {
             </h1>
             <p className="mt-4">
               All the Nx goodies in one page, sorted by release. See our{' '}
-              <Link className="underline" href="/reference/releases">
+              <Link
+                className="underline"
+                href="/reference/releases"
+                prefetch={false}
+              >
                 release page
               </Link>{' '}
               for information about the release cycle and LTS policy.

nx-dev/nx-dev/pages/company.tsx

@@ -0,0 +1,46 @@
+import { useRouter } from 'next/router';
+import { NextSeo } from 'next-seo';
+import { CoFounders, Hero, TheTeam, Layout } from '@nx/nx-dev/ui-company';
+
+export function Company(): JSX.Element {
+  const router = useRouter();
+
+  return (
+    <>
+      <NextSeo
+        title="Who we are"
+        description="We create build tools to solve problems for developers, startups and large enterprises."
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: 'Company',
+          description:
+            'We create build tools to solve problems for developers, startups and large enterprises.',
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'NxDev',
+          type: 'website',
+        }}
+      />
+      <Layout>
+        <div>
+          <Hero />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <CoFounders />
+        </div>
+        <div className="mt-32 lg:mt-56">
+          <TheTeam />
+        </div>
+      </Layout>
+    </>
+  );
+}
+
+export default Company;

nx-dev/nx-dev/pages/customers.tsx

@@ -0,0 +1,52 @@
+import { DefaultLayout } from '@nx/nx-dev/ui-common';
+import { NextSeo } from 'next-seo';
+import { useRouter } from 'next/router';
+
+import {
+  EnterpriseCustomers,
+  Hero,
+  OssProjects,
+} from '@nx/nx-dev/ui-customers';
+
+export function Customers(): JSX.Element {
+  const router = useRouter();
+
+  return (
+    <>
+      <NextSeo
+        title="Our customers"
+        description="Our customers are spread across the USA, Canada, UK, and Europe."
+        openGraph={{
+          url: 'https://nx.dev' + router.asPath,
+          title: 'Customers',
+          description:
+            'Our customers are spread across the USA, Canada, UK, and Europe.',
+          images: [
+            {
+              url: 'https://nx.dev/socials/nx-media.png',
+              width: 800,
+              height: 421,
+              alt: 'Nx: Smart Monorepos · Fast CI',
+              type: 'image/jpeg',
+            },
+          ],
+          siteName: 'NxDev',
+          type: 'website',
+        }}
+      />
+      <DefaultLayout>
+        <div>
+          <Hero />
+        </div>
+        <div className="mt-16 lg:mt-16">
+          <EnterpriseCustomers />
+        </div>
+        <div className="mt-16 lg:mt-32">
+          <OssProjects />
+        </div>
+      </DefaultLayout>
+    </>
+  );
+}
+
+export default Customers;

nx-dev/nx-dev/pages/nx-api/index.tsx

@@ -114,7 +114,11 @@ export default function Packages({
                     <p>
                       In version 16, we have rescoped our packages to{' '}
                       <code>@nx/*</code> from <code>@nrwl/*</code>.{' '}
-                      <Link href="/recipes/other/rescope" className="underline">
+                      <Link
+                        href="/recipes/other/rescope"
+                        className="underline"
+                        prefetch={false}
+                      >
                         Read more about the rescope ≫
                       </Link>
                     </p>
@@ -129,6 +133,7 @@ export default function Packages({
                           key={'ref-' + pkg.name}
                           href={pkg.path}
                           className="group relative flex items-center gap-3 rounded-md border border-slate-200 bg-slate-50/40 p-4 text-sm capitalize shadow-sm transition hover:bg-slate-50 dark:border-slate-800/40 dark:bg-slate-800/60 dark:hover:bg-slate-800"
+                          prefetch={false}
                         >
                           <img
                             className="h-5 w-5 object-cover opacity-75 dark:invert"

nx-dev/nx-dev/pages/plugin-registry.tsx

@@ -1,10 +1,14 @@
-import { getBasicPluginsSection } from '@nx/nx-dev/data-access-menu';
-import { Menu } from '@nx/nx-dev/models-menu';
-import { Breadcrumbs, DocumentationHeader, Footer } from '@nx/nx-dev/ui-common';
+import { getBasicNxSection } from '@nx/nx-dev/data-access-menu';
+import { MenuItem } from '@nx/nx-dev/models-menu';
+import {
+  Breadcrumbs,
+  DocumentationHeader,
+  Footer,
+  SidebarContainer,
+} from '@nx/nx-dev/ui-common';
 import { PluginDirectory } from '@nx/nx-dev/ui-community';
 import { NextSeo } from 'next-seo';
 import { useRouter } from 'next/router';
-import { useRef } from 'react';
 import { menusApi } from '../lib/menus.api';
 import { useNavToggle } from '../lib/navigation-toggle.effect';
 import { nxPackagesApi } from '../lib/packages.api';
@@ -20,7 +24,7 @@ interface PluginInfo {
 }
 interface BrowseProps {
   pluginList: PluginInfo[];
-  // segments: string[];
+  menu: MenuItem[];
 }
 
 export async function getStaticProps(): Promise<{ props: BrowseProps }> {
@@ -56,7 +60,7 @@ export async function getStaticProps(): Promise<{ props: BrowseProps }> {
           isOfficial: false,
         })),
       ],
-      // segments,
+      menu: menusApi.getMenu('nx', ''),
     },
   };
 }
@@ -64,14 +68,9 @@ export async function getStaticProps(): Promise<{ props: BrowseProps }> {
 export default function Browse(props: BrowseProps): JSX.Element {
   const router = useRouter();
   const { toggleNav, navIsOpen } = useNavToggle();
-  const wrapperElement = useRef(null);
 
-  const vm: {
-    menu: Menu;
-  } = {
-    menu: {
-      sections: [getBasicPluginsSection(menusApi.getMenu('extending-nx', ''))],
-    },
+  const menu = {
+    sections: [getBasicNxSection(props.menu)],
   };
 
   return (
@@ -106,8 +105,14 @@ export default function Browse(props: BrowseProps): JSX.Element {
           role="main"
           className="flex h-full flex-1 overflow-y-hidden"
         >
+          <div className="hidden">
+            <SidebarContainer
+              menu={menu}
+              navIsOpen={navIsOpen}
+              toggleNav={toggleNav}
+            />
+          </div>
           <div
-            ref={wrapperElement}
             id="wrapper"
             data-testid="wrapper"
             className="relative flex flex-grow flex-col items-stretch justify-start overflow-y-scroll"

nx-dev/nx-dev/pages/tips.tsx

@@ -43,6 +43,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/getting-started/intro"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Intro to Nx
           </Link>
@@ -78,6 +79,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/concepts/integrated-vs-package-based"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Types of Repos Guide
           </Link>
@@ -109,6 +111,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/ci/features/distribute-task-execution"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Nx Agents
           </Link>
@@ -120,6 +123,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/ci/intro/ci-with-nx"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             CI with Nx
           </Link>
@@ -153,6 +157,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/recipes/adopting-nx/adding-to-existing-project"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Add Nx to an Existing Project
           </Link>
@@ -187,6 +192,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/concepts/module-federation/micro-frontend-architecture"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Micro Frontends with Nx
           </Link>
@@ -211,18 +217,21 @@ const tips: NewYearTip[] = [
           <Link
             href="/getting-started/tutorials/react-standalone-tutorial"
             className="m-4 w-20"
+            prefetch={false}
           >
             {frameworkIcons.react.image}
           </Link>
           <Link
             href="/getting-started/tutorials/angular-standalone-tutorial"
             className="m-4 w-20"
+            prefetch={false}
           >
             {frameworkIcons.angular.image}
           </Link>
           <Link
             href="/getting-started/tutorials/vue-standalone-tutorial"
             className="m-4 w-20"
+            prefetch={false}
           >
             {frameworkIcons.vue.image}
           </Link>
@@ -232,6 +241,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/showcase/example-repos"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Nx with your Favorite Tech
           </Link>
@@ -266,6 +276,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/extending-nx/recipes/create-install-package"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Build Your Own CLI
           </Link>
@@ -304,6 +315,7 @@ const tips: NewYearTip[] = [
           <Link
             href="https://go.nx.dev/nx-agents-ea"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Sign up now for early access.
           </Link>
@@ -313,6 +325,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/ci/features/distribute-task-execution"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Nx Agents
           </Link>
@@ -347,6 +360,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/recipes/tips-n-tricks/standalone-to-integrated"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             convert a standalone app repo to a monorepo
           </Link>
@@ -378,6 +392,7 @@ const tips: NewYearTip[] = [
           <Link
             href="https://blog.nrwl.io/evergreen-tooling-more-than-just-codemods-fc68f32ce605"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Evergreen Tooling
           </Link>
@@ -388,6 +403,7 @@ const tips: NewYearTip[] = [
           <Link
             href="/features/automate-updating-dependencies"
             className="text-slate-900 underline dark:text-slate-100"
+            prefetch={false}
           >
             Automate Updating Dependencies
           </Link>