fix circular dependency

Author: william-schlegel

packages/app-builder/src/components/CaseManager/MainLinksGraph.tsx

@@ -1,11 +1,8 @@
 import { CustomerGraphProvider } from '@app-builder/components/Graph/contexts/CustomerGraphProvider';
 import { GraphIndexProvider } from '@app-builder/components/Graph/contexts/GraphIndexContext';
 import { graphEdgeTypes, graphNodeTypes } from '@app-builder/components/Graph/GraphComponents';
-import {
-  GraphMeasuredLayout,
-  graphFitViewOptions,
-  useLaidOutGraph,
-} from '@app-builder/components/Graph/lib/use-laid-out-graph';
+import { graphFitViewOptions } from '@app-builder/components/Graph/lib/graph-fit-view';
+import { GraphMeasuredLayout, useLaidOutGraph } from '@app-builder/components/Graph/lib/use-laid-out-graph';
 import { type DataModel } from '@app-builder/models/data-model';
 import { type GraphData } from '@app-builder/models/graph';
 import { useGetGenerateGraphQuery } from '@app-builder/queries/graph/generate-graph';

packages/app-builder/src/components/Data/SemanticTables/CreateTable/SampleGraph.tsx

@@ -1,13 +1,10 @@
 import { GraphIndexProvider } from '@app-builder/components/Graph/contexts/GraphIndexContext';
 import { useGraphInteractionActions } from '@app-builder/components/Graph/contexts/GraphInteractionContext';
 import { graphEdgeTypes, graphNodeTypes } from '@app-builder/components/Graph/GraphComponents';
+import { graphFitViewOptions } from '@app-builder/components/Graph/lib/graph-fit-view';
 import { GraphRfEdge, GraphRfNode } from '@app-builder/components/Graph/lib/graph-rf-types';
 import { EMPTY_HOVER_TRAIL, shortestPathUnion } from '@app-builder/components/Graph/lib/hover-trail';
-import {
-  GraphMeasuredLayout,
-  graphFitViewOptions,
-  useLaidOutGraph,
-} from '@app-builder/components/Graph/lib/use-laid-out-graph';
+import { GraphMeasuredLayout, useLaidOutGraph } from '@app-builder/components/Graph/lib/use-laid-out-graph';
 import { DataModel } from '@app-builder/models';
 import {
   type GraphData,

packages/app-builder/src/components/Graph/GraphImpl.tsx

@@ -13,16 +13,12 @@ import { useSetGraphStats } from './contexts/GraphStatsContext';
 import { useGraphStructure } from './contexts/GraphStructureContext';
 import { useGraphViewSettings } from './contexts/GraphViewSettingsContext';
 import { graphEdgeTypes, graphNodeTypes } from './GraphComponents';
+import { graphFitViewOptions } from './lib/graph-fit-view';
 import { graphI18n } from './lib/graph-i18n';
 import { type GraphObjectRef, nodeKey, parseNodeKey } from './lib/graph-keys';
 import { GraphRfEdge, type GraphRfNode } from './lib/graph-rf-types';
 import { EMPTY_HOVER_TRAIL, shortestPathUnion } from './lib/hover-trail';
-import {
-  applyVisibilityFilters,
-  GraphMeasuredLayout,
-  graphFitViewOptions,
-  useLaidOutGraph,
-} from './lib/use-laid-out-graph';
+import { applyVisibilityFilters, GraphMeasuredLayout, useLaidOutGraph } from './lib/use-laid-out-graph';
 import '@xyflow/react/dist/style.css';
 
 export type GraphImplProps = {

packages/app-builder/src/components/Graph/lib/graph-fit-view.ts

@@ -0,0 +1 @@
+export const graphFitViewOptions = { maxZoom: 1 } as const;

packages/app-builder/src/components/Graph/lib/use-laid-out-graph.ts

@@ -7,14 +7,12 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 import { useGraphStructure } from '../contexts/GraphStructureContext';
 import { useGraphViewSettings } from '../contexts/GraphViewSettingsContext';
 import { createGraphTypeHelpers } from './data-model-map';
+import { graphFitViewOptions } from './graph-fit-view';
 import { buildGraphIndex } from './graph-index';
 import { clusterGraphElements, layoutGraph, withBestHandles } from './graph-layout';
 import { type GraphRfEdge, type GraphRfNode } from './graph-rf-types';
 import { toFlatFlowElements } from './utils';
 
-/** Caps auto-fit at native node size so sparse graphs don't fill the pane. */
-export const graphFitViewOptions = { maxZoom: 1 } as const;
-
 /** Re-run layout once React Flow has measured node sizes (must be a ReactFlow child). */
 export function GraphMeasuredLayout({
   layoutElements,

packages/app-builder/src/components/ReactFlow.tsx

@@ -12,7 +12,7 @@ import {
 import '@xyflow/react/dist/style.css';
 import { useCallback, useEffect, useRef } from 'react';
 import { Icon } from 'ui-icons';
-import { graphFitViewOptions } from './Graph/lib/use-laid-out-graph';
+import { graphFitViewOptions } from './Graph/lib/graph-fit-view';
 
 type LayoutElements<NodeType extends Node, EdgeType extends Edge> = (
   nodes: NodeType[],