feat(graph): update graph lib to latest nx graph

graph/client/src/app/console-project-details/project-details.app.tsx

@@ -3,7 +3,7 @@ import {
   ErrorToastUI,
   ExpandedTargetsProvider,
   getExternalApiService,
-} from '@nx/graph/shared';
+} from '@nx/graph/legacy';
 import { useSelector } from '@xstate/react';
 import { useCallback } from 'react';
 import { Interpreter } from 'xstate';

graph/client/src/app/external-api-impl.ts

@@ -1,4 +1,4 @@
-import { ExternalApi, getExternalApiService } from '@nx/graph/shared';
+import { ExternalApi, getExternalApiService } from '@nx/graph/legacy';
 import { getRouter } from './get-router';
 import { getProjectGraphService } from './machines/get-services';
 import { getGraphService } from './machines/graph.service';

graph/client/src/app/feature-projects/machines/composite-graph.state.ts

@@ -16,6 +16,7 @@ export const compositeGraphStateConfig: ProjectGraphStateNodeConfig = {
         dependencies: ctx.dependencies,
         fileMap: ctx.fileMap,
         affectedProjects: ctx.affectedProjects,
+        touchedProjects: [],
         workspaceLayout: ctx.workspaceLayout,
         groupByFolder: ctx.groupByFolder,
         selectedProjects: ctx.selectedProjects,
@@ -36,6 +37,7 @@ export const compositeGraphStateConfig: ProjectGraphStateNodeConfig = {
         dependencies: ctx.dependencies,
         fileMap: ctx.fileMap,
         affectedProjects: ctx.affectedProjects,
+        touchedProjects: [],
         workspaceLayout: ctx.workspaceLayout,
         groupByFolder: ctx.groupByFolder,
         selectedProjects: ctx.selectedProjects,

graph/client/src/app/feature-projects/machines/project-graph.machine.ts

@@ -73,6 +73,7 @@ export const projectGraphMachine = createMachine<
               dependencies: ctx.dependencies,
               fileMap: ctx.fileMap,
               affectedProjects: ctx.affectedProjects,
+              touchedProjects: [],
               workspaceLayout: ctx.workspaceLayout,
               groupByFolder: ctx.groupByFolder,
               collapseEdges: ctx.collapseEdges,
@@ -150,6 +151,7 @@ export const projectGraphMachine = createMachine<
               projects: ctx.projects,
               dependencies: ctx.dependencies,
               affectedProjects: ctx.affectedProjects,
+              touchedProjects: [],
               fileMap: ctx.fileMap,
               workspaceLayout: ctx.workspaceLayout,
               groupByFolder: ctx.groupByFolder,
@@ -172,6 +174,7 @@ export const projectGraphMachine = createMachine<
               projects: ctx.projects,
               dependencies: ctx.dependencies,
               affectedProjects: ctx.affectedProjects,
+              touchedProjects: [],
               fileMap: ctx.fileMap,
               workspaceLayout: ctx.workspaceLayout,
               groupByFolder: ctx.groupByFolder,

graph/client/src/app/feature-projects/panels/text-filter-panel.tsx

@@ -1,4 +1,4 @@
-import { DebouncedTextInput } from '@nx/graph/ui-components';
+import { DebouncedTextInput } from '@nx/graph/legacy';
 
 export interface TextFilterPanelProps {
   textFilter: string;

graph/client/src/app/feature-projects/project-list.tsx

@@ -25,7 +25,7 @@ import { ExperimentalFeature } from '../ui-components/experimental-feature';
 import { TracingAlgorithmType } from './machines/interfaces';
 import { getProjectGraphService } from '../machines/get-services';
 import { Link, useNavigate, useNavigation } from 'react-router-dom';
-import { useRouteConstructor } from '@nx/graph/shared';
+import { useRouteConstructor } from '@nx/graph/legacy';
 import { CompositeNode } from '../interfaces';
 import { useMemo } from 'react';
 

graph/client/src/app/feature-projects/projects-sidebar.tsx

@@ -33,7 +33,7 @@ import {
   useEnvironmentConfig,
   usePoll,
   useRouteConstructor,
-} from '@nx/graph/shared';
+} from '@nx/graph/legacy';
 import {
   useNavigate,
   useParams,

graph/client/src/app/feature-tasks/task-list.tsx

@@ -10,7 +10,7 @@ import {
 import { WorkspaceLayout } from '../interfaces';
 import { ExclamationCircleIcon, EyeIcon } from '@heroicons/react/24/outline';
 import { ReactNode } from 'react';
-import { Tooltip } from '@nx/graph/ui-tooltips';
+import { Tooltip } from '@nx/graph/legacy';
 import { TaskGraphErrorTooltip } from './task-graph-error-tooltip';
 
 interface SidebarProject {

graph/client/src/app/feature-tasks/tasks-sidebar.tsx

@@ -15,9 +15,7 @@ import type {
 import { useEffect, useMemo } from 'react';
 import { getGraphService } from '../machines/graph.service';
 import { CheckboxPanel } from '../ui-components/checkbox-panel';
-
-import { useRouteConstructor } from '@nx/graph/shared';
-import { Dropdown } from '@nx/graph/ui-components';
+import { Dropdown, useRouteConstructor } from '@nx/graph/legacy';
 import { useCurrentPath } from '../hooks/use-current-path';
 import { ShowHideAll } from '../ui-components/show-hide-all';
 import { createTaskName } from '../util';

graph/client/src/app/get-router.ts

@@ -1,6 +1,6 @@
 import { createBrowserRouter, createHashRouter } from 'react-router-dom';
 import { getRoutesForEnvironment } from './routes';
-import { getEnvironmentConfig } from '@nx/graph/shared';
+import { getEnvironmentConfig } from '@nx/graph/legacy';
 
 let router;
 

graph/client/src/app/hooks/use-current-path.ts

@@ -1,7 +1,7 @@
 import { matchRoutes, useLocation } from 'react-router-dom';
 import { getRoutesForEnvironment } from '../routes';
 import { useState } from 'react';
-import { getEnvironmentConfig } from '@nx/graph/shared';
+import { getEnvironmentConfig } from '@nx/graph/legacy';
 
 export const useCurrentPath = () => {
   const [lastLocation, setLastLocation] = useState<string>();

graph/client/src/app/machines/get-services.ts

@@ -1,7 +1,7 @@
 import { interpret, InterpreterStatus } from 'xstate';
 import { projectGraphMachine } from '../feature-projects/machines/project-graph.machine';
 import { getGraphService } from './graph.service';
-import { GraphTooltipService } from '@nx/graph/ui-graph';
+import { GraphTooltipService } from '@nx/graph/legacy';
 
 let projectGraphService = interpret(projectGraphMachine, {
   devTools: !!window.useXstateInspect,

graph/client/src/app/machines/graph.service.ts

@@ -1,8 +1,8 @@
-import { GraphService } from '@nx/graph/ui-graph';
 import {
+  GraphService,
   getEnvironmentConfig,
   getProjectGraphDataService,
-} from '@nx/graph/shared';
+} from '@nx/graph/legacy';
 import { selectValueByThemeStatic } from '@nx/graph-internal/ui-theme';
 
 let graphService: GraphService;

graph/client/src/app/routes.tsx

@@ -14,7 +14,7 @@ import type { ProjectGraphProjectNode } from 'nx/src/config/project-graph';
 import {
   getEnvironmentConfig,
   getProjectGraphDataService,
-} from '@nx/graph/shared';
+} from '@nx/graph/legacy';
 import { TasksSidebarErrorBoundary } from './feature-tasks/tasks-sidebar-error-boundary';
 import { ProjectDetailsPage } from '@nx/graph-internal/project-details';
 import { ErrorBoundary } from './ui-components/error-boundary';

graph/client/src/app/shell.tsx

@@ -18,10 +18,11 @@ import {
   getProjectGraphDataService,
   useEnvironmentConfig,
   usePoll,
-} from '@nx/graph/shared';
-import { Dropdown, Spinner } from '@nx/graph/ui-components';
+  Dropdown,
+  Spinner,
+  Tooltip,
+} from '@nx/graph/legacy';
 import { getSystemTheme, Theme, ThemePanel } from '@nx/graph-internal/ui-theme';
-import { Tooltip } from '@nx/graph/ui-tooltips';
 import classNames from 'classnames';
 import { useEffect, useLayoutEffect, useState } from 'react';
 import {

graph/client/src/app/ui-components/debugger-panel.tsx

@@ -1,7 +1,6 @@
 import { memo } from 'react';
 import { GraphPerfReport } from '../interfaces';
-import { Dropdown } from '@nx/graph/ui-components';
-import type { WorkspaceData } from '@nx/graph/shared';
+import { Dropdown, type WorkspaceData } from '@nx/graph/legacy';
 
 export interface DebuggerPanelProps {
   projects: WorkspaceData[];

graph/client/src/app/ui-components/error-boundary.tsx

@@ -4,7 +4,7 @@ import {
   getProjectGraphDataService,
   useEnvironmentConfig,
   usePoll,
-} from '@nx/graph/shared';
+} from '@nx/graph/legacy';
 import {
   isRouteErrorResponse,
   useParams,

graph/client/src/app/ui-components/error-page.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable @nx/enforce-module-boundaries */
 // nx-ignore-next-line
-import { ErrorRenderer } from '@nx/graph/ui-components';
+import { ErrorRenderer } from '@nx/graph/legacy';
 import { GraphError } from 'nx/src/command-line/graph/graph';
 /* eslint-enable @nx/enforce-module-boundaries */
 import type { JSX } from 'react';

graph/client/src/app/ui-components/experimental-feature.tsx

@@ -1,4 +1,4 @@
-import { useEnvironmentConfig } from '@nx/graph/shared';
+import { useEnvironmentConfig } from '@nx/graph/legacy';
 import { Children, cloneElement } from 'react';
 
 export function ExperimentalFeature(props) {

graph/client/src/app/ui-tooltips/graph-tooltip-display.tsx

@@ -12,9 +12,9 @@ import {
   ProjectNodeTooltipActions,
   TaskNodeTooltip,
   Tooltip,
-} from '@nx/graph/ui-tooltips';
+} from '@nx/graph/legacy';
 import { TaskNodeActions } from './task-node-actions';
-import { getExternalApiService, useRouteConstructor } from '@nx/graph/shared';
+import { getExternalApiService, useRouteConstructor } from '@nx/graph/legacy';
 import { useNavigate } from 'react-router-dom';
 import { useCallback } from 'react';
 

graph/client/src/app/ui-tooltips/task-node-actions.tsx

@@ -1,5 +1,5 @@
 import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline';
-import { TaskNodeTooltipProps } from '@nx/graph/ui-tooltips';
+import { TaskNodeTooltipProps } from '@nx/graph/legacy';
 import { useEffect, useState } from 'react';
 
 export function TaskNodeActions(props: TaskNodeTooltipProps) {

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

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom';
-import { useRouteConstructor } from '@nx/graph/shared';
+import { useRouteConstructor } from '@nx/graph/legacy';
 import { ThemePanel } from '@nx/graph-internal/ui-theme';
 
 export function ProjectDetailsHeader() {

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

@@ -17,7 +17,7 @@ import {
   getProjectGraphDataService,
   useEnvironmentConfig,
   usePoll,
-} from '@nx/graph/shared';
+} from '@nx/graph/legacy';
 import { ProjectDetailsHeader } from './project-details-header';
 
 export function ProjectDetailsPage() {

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

@@ -11,8 +11,8 @@ import {
   getExternalApiService,
   useEnvironmentConfig,
   useRouteConstructor,
-} from '@nx/graph/shared';
-import { Spinner } from '@nx/graph/ui-components';
+} from '@nx/graph/legacy';
+import { Spinner } from '@nx/graph/legacy';
 
 import { ProjectDetails } from '@nx/graph-internal/ui-project-details';
 import { useCallback, useContext, useEffect } from 'react';

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

@@ -2,7 +2,7 @@
 import SyntaxHighlighter, { createElement } from 'react-syntax-highlighter';
 import { JSX, ReactNode, useMemo } from 'react';
 import { twMerge } from 'tailwind-merge';
-import { CopyToClipboardButton } from '@nx/graph/ui-components';
+import { CopyToClipboardButton } from '@nx/graph/legacy';
 
 export function JsonCodeBlockPreTag({
   children,

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

@@ -1,6 +1,6 @@
 import type { Meta } from '@storybook/react';
 import { ProjectDetails } from './project-details';
-import { ExpandedTargetsProvider } from '@nx/graph/shared';
+import { ExpandedTargetsProvider } from '@nx/graph/legacy';
 
 const meta: Meta<typeof ProjectDetails> = {
   component: ProjectDetails,

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

@@ -5,7 +5,7 @@ import type { ProjectGraphProjectNode } from '@nx/devkit';
 import { GraphError } from 'nx/src/command-line/graph/graph';
 /* eslint-enable @nx/enforce-module-boundaries */
 import { EyeIcon } from '@heroicons/react/24/outline';
-import { PropertyInfoTooltip, Tooltip } from '@nx/graph/ui-tooltips';
+import { PropertyInfoTooltip, Tooltip } from '@nx/graph/legacy';
 import { twMerge } from 'tailwind-merge';
 import { TagList } from '../tag-list/tag-list';
 import { OwnersList } from '../owners-list/owners-list';

graph/ui-project-details/src/lib/show-all-options/show-options-help.tsx

@@ -1,12 +1,12 @@
 import { Fragment, ReactNode, useMemo, useState } from 'react';
 import { PlayIcon, XMarkIcon } from '@heroicons/react/24/outline';
 import { Transition } from '@headlessui/react';
-import { getExternalApiService, useEnvironmentConfig } from '@nx/graph/shared';
+import { getExternalApiService, useEnvironmentConfig } from '@nx/graph/legacy';
 /* eslint-disable @nx/enforce-module-boundaries */
 // nx-ignore-next-line
 import type { TargetConfiguration } from '@nx/devkit';
 import { TerminalOutput } from '@nx/nx-dev/ui-fence';
-import { Tooltip } from '@nx/graph/ui-tooltips';
+import { Tooltip } from '@nx/graph/legacy';
 import { TooltipTriggerText } from '../target-configuration-details/tooltip-trigger-text';
 
 interface ShowOptionsHelpProps {

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

@@ -1,4 +1,4 @@
-import { SourcemapInfoToolTip, Tooltip } from '@nx/graph/ui-tooltips';
+import { SourcemapInfoToolTip, Tooltip } from '@nx/graph/legacy';
 import { InformationCircleIcon } from '@heroicons/react/24/outline';
 import { twMerge } from 'tailwind-merge';
 

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

@@ -3,7 +3,7 @@ import {
   TargetConfigurationGroupList,
   TargetConfigurationGroupListProps,
 } from './target-configuration-details-group-list';
-import { ExpandedTargetsProvider } from '@nx/graph/shared';
+import { ExpandedTargetsProvider } from '@nx/graph/legacy';
 
 const meta: Meta<typeof TargetConfigurationGroupList> = {
   component: TargetConfigurationGroupList,

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

@@ -1,19 +1,18 @@
 /* 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,
   EyeIcon,
   PlayIcon,
 } from '@heroicons/react/24/outline';
-
 import {
+  CopyToClipboardButton,
   AtomizerTooltip,
   PropertyInfoTooltip,
   Tooltip,
-} from '@nx/graph/ui-tooltips';
+} from '@nx/graph/legacy';
 import { twMerge } from 'tailwind-merge';
 import { Pill } from '../pill';
 import { TargetTechnologies } from '../target-technologies/target-technologies';

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

@@ -2,9 +2,9 @@
 // nx-ignore-next-line
 import type { TargetConfiguration } from '@nx/devkit';
 import { JsonCodeBlock } from '@nx/graph-internal/ui-code-block';
-import { ExpandedTargetsContext } from '@nx/graph/shared';
-import { CopyToClipboardButton } from '@nx/graph/ui-components';
-import { PropertyInfoTooltip, Tooltip } from '@nx/graph/ui-tooltips';
+import { ExpandedTargetsContext } from '@nx/graph/legacy';
+import { CopyToClipboardButton } from '@nx/graph/legacy';
+import { PropertyInfoTooltip, Tooltip } from '@nx/graph/legacy';
 import { useCallback, useContext, useEffect, useState } from 'react';
 import { Pill } from '../pill';
 import { ShowOptionsHelp } from '../show-all-options/show-options-help';

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

@@ -1,4 +1,4 @@
-import { Tooltip } from '@nx/graph/ui-tooltips';
+import { Tooltip } from '@nx/graph/legacy';
 import { JSX, ReactNode } from 'react';
 import { TooltipTriggerText } from './tooltip-trigger-text';
 import { QuestionMarkCircleIcon } from '@heroicons/react/24/outline';

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

@@ -1,5 +1,5 @@
-import { PropertyInfoTooltip, Tooltip } from '@nx/graph/ui-tooltips';
-import { CopyToClipboardButton } from '@nx/graph/ui-components';
+import { PropertyInfoTooltip, Tooltip } from '@nx/graph/legacy';
+import { CopyToClipboardButton } from '@nx/graph/legacy';
 import { TooltipTriggerText } from '../target-configuration-details/tooltip-trigger-text';
 
 export function TargetExecutorTitle({

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

@@ -1,4 +1,4 @@
-import { ExternalLink } from '@nx/graph/ui-tooltips';
+import { ExternalLink } from '@nx/graph/legacy';
 
 export interface TargetExecutorProps {
   command?: string;

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

@@ -1,4 +1,4 @@
-import { TechnologyIcon } from '@nx/graph/ui-icons';
+import { TechnologyIcon } from '@nx/graph/legacy';
 import { HTMLProps } from 'react';
 
 export interface TargetTechnologiesProps extends HTMLProps<HTMLDivElement> {

graph/ui-theme/src/lib/theme-resolver.tsx

@@ -1,4 +1,4 @@
-import { getEnvironmentConfig } from '@nx/graph/shared';
+import { getEnvironmentConfig } from '@nx/graph/legacy';
 
 const htmlEl = document.documentElement;
 export const localStorageThemeKey = 'nx-dep-graph-theme';

nx-dev/feature-ai/src/lib/feed/feed-answer.spec.tsx

@@ -1,26 +1,15 @@
 import { normalizeContent } from './feed-answer';
 
-jest.mock('@nx/graph/ui-icons', () => {
-  return {
-    Icon: jest.fn(() => null),
-  };
-});
-jest.mock('@nx/graph/ui-tooltips', () => {
+jest.mock('@nx/graph/legacy', () => {
   return {
     Tooltip: jest.fn(() => null),
     PropertyInfoTooltip: jest.fn(() => null),
-  };
-});
-jest.mock('@nx/graph/ui-components', () => {
-  return {
+    Icon: jest.fn(() => null),
     CopyToClipboardButton: jest.fn(() => null),
-  };
-});
-jest.mock('@nx/graph/shared', () => {
-  return {
     ExpandedTargetsContext: jest.fn(() => null),
   };
 });
+
 jest.mock('@nx/nx-dev/ui-primitives', () => {
   return {
     cx: jest.fn(() => null),

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

@@ -8,7 +8,7 @@ import {
 import { NextSeo } from 'next-seo';
 import Link from 'next/link';
 import { useRouter } from 'next/router';
-import { frameworkIcons } from '@nx/graph/ui-icons';
+import { frameworkIcons } from '@nx/graph/legacy';
 import { ReactNode, useEffect, useState } from 'react';
 
 interface NewYearTip {