# GraphPage

**Kind:** Component

**Source:** [`atloria-monorepo/apps/web/src/app/app/graph/page.tsx`](https://github.com/sherkety/atloria/blob/main/atloria-monorepo/apps/web/src/app/app/graph/page.tsx#L59)

## Diagram

```mermaid
graph TD
    component_GraphPage_6ebb50fc["GraphPage"]
    class component_GraphPage_6ebb50fc rootComponent
```

## Relationships

- RENDERS → `motion-div`
- RENDERS → `Card`
- RENDERS → `CardContent`
- RENDERS → `ShareIcon`
- RENDERS → `CardHeader`
- RENDERS → `ReactFlowProvider`
- RENDERS → `MagnifyingGlassIcon`
- RENDERS → `FunnelIcon`
- RENDERS → `ReactFlow`
- RENDERS → `Background`
- RENDERS → `Controls`
- RENDERS → `MiniMap`
- RENDERS → `Panel`
- USES_HOOK → `useKnowledgeGraph`
- USES_HOOK → `useNodesState`
- USES_HOOK → `useEdgesState`
- USES_HOOK → `useState`
- USES_HOOK → `useMemo`
- USES_HOOK → `useEffect`
- USES_HOOK → `useCallback`
