diff --git a/packages/vite/src/app/components/data/SearchPanel.vue b/packages/vite/src/app/components/data/SearchPanel.vue
index 8cb997c2..1e8fb739 100644
--- a/packages/vite/src/app/components/data/SearchPanel.vue
+++ b/packages/vite/src/app/components/data/SearchPanel.vue
@@ -72,15 +72,18 @@ function unselectToggle() {
 
 <template>
   <div flex="col gap-2" max-w-90vw min-w-30vw border="~ base rounded-xl" bg-glass>
-    <div v-if="modelValue.search !== false">
-      <input
-        v-model="model.search"
-        p2 px4
-        w-full
-        style="outline: none"
-        placeholder="Search"
-      >
-    </div>
+    <slot name="search">
+      <div v-if="modelValue.search !== false" class="flex items-center">
+        <input
+          v-model="model.search"
+          p2 px4
+          w-full
+          style="outline: none"
+          placeholder="Search"
+        >
+        <slot name="search-end" />
+      </div>
+    </slot>
     <div v-if="rules.length" :class="selectedContainerClass" flex="~ gap-2 wrap" p2 border="t base">
       <label
         v-for="rule of rules"
diff --git a/packages/vite/src/app/components/modules/FlatList.vue b/packages/vite/src/app/components/modules/FlatList.vue
index 41727331..3c2d5a77 100644
--- a/packages/vite/src/app/components/modules/FlatList.vue
+++ b/packages/vite/src/app/components/modules/FlatList.vue
@@ -1,9 +1,18 @@
 <script setup lang="ts">
 import type { ModuleListItem, SessionContext } from '~~/shared/types'
 
-defineProps<{
+withDefaults(defineProps<{
   session: SessionContext
   modules: ModuleListItem[]
+  disableTooltip?: boolean
+  link?: boolean
+}>(), {
+  disableTooltip: false,
+  link: true,
+})
+
+const emit = defineEmits<{
+  (e: 'select', module: ModuleListItem): void
 }>()
 </script>
 
@@ -14,13 +23,14 @@ defineProps<{
       key-prop="id"
     >
       <template #default="{ item }">
-        <div flex pb2>
+        <div flex pb2 @click="emit('select', item)">
           <DisplayModuleId
             :id="item.id"
             :session
             hover="bg-active" block px2 p1 w-full
             border="~ base rounded"
-            :link="true"
+            :link="link"
+            :disable-tooltip="disableTooltip"
           />
         </div>
       </template>
diff --git a/packages/vite/src/app/components/modules/PathSelector.vue b/packages/vite/src/app/components/modules/PathSelector.vue
new file mode 100644
index 00000000..098e82ce
--- /dev/null
+++ b/packages/vite/src/app/components/modules/PathSelector.vue
@@ -0,0 +1,120 @@
+<script setup lang="ts">
+import type { ModuleListItem, SessionContext } from '~~/shared/types'
+import { computed, watch } from 'vue'
+import { useModulePathSelector } from '~/composables/moduleGraph'
+
+const props = defineProps<{
+  session: SessionContext
+  modules: ModuleListItem[]
+}>()
+
+const emit = defineEmits<{
+  (e: 'close'): void
+  (e: 'select', nodes: { start: string, end: string }): void
+}>()
+
+const modulesMap = computed(() => {
+  const map = new Map<string, ModuleListItem>()
+  props.modules.forEach((m) => {
+    map.set(m.id, m)
+  })
+  return map
+})
+
+const startSelector = useModulePathSelector({
+  getModules: () => {
+    if (!startSelector.state.value.search) {
+      return props.modules
+    }
+    else {
+      return startSelector.fuse.value!.value?.search(startSelector.state.value.search).map(r => r.item) ?? []
+    }
+  },
+})
+
+startSelector.initSelector(computed(() => props.modules))
+
+function getAllImports(moduleId: string, visited = new Set<string>()): ModuleListItem[] {
+  if (visited.has(moduleId))
+    return []
+  visited.add(moduleId)
+
+  const module = modulesMap.value.get(moduleId)
+  if (!module?.imports?.length)
+    return []
+
+  const res: ModuleListItem[] = []
+
+  for (const importItem of module.imports) {
+    const importedModule = modulesMap.value.get(importItem.module_id)
+    if (!importedModule)
+      continue
+
+    if (!visited.has(importedModule.id)) {
+      res.push(importedModule)
+      res.push(...getAllImports(importedModule.id, visited))
+    }
+  }
+
+  return res
+}
+
+const endSelector = useModulePathSelector({
+  getModules: () => {
+    return startSelector.state.value.selected ? getAllImports(startSelector.state.value.selected) : []
+  },
+})
+
+endSelector.initSelector(endSelector.modules)
+
+const filteredEndModules = computed(() => {
+  if (!endSelector.state.value.search) {
+    return endSelector.modules.value
+  }
+  else {
+    return endSelector.fuse.value!.value?.search(endSelector.state.value.search).map(r => r.item) ?? []
+  }
+})
+
+watch([() => startSelector.state.value.selected, () => endSelector.state.value.selected], () => {
+  emit('select', {
+    start: startSelector.state.value.selected ?? '',
+    end: endSelector.state.value.selected ?? '',
+  })
+})
+</script>
+
+<template>
+  <div h12 px4 p2 relative flex="~ gap2 items-center">
+    <div flex="~ items-center gap2" class="flex-1" min-w-0>
+      <ModulesPathSelectorItem
+        v-model:search="startSelector.state.value.search"
+        placeholder="Start"
+        :selector="startSelector"
+        :session="session"
+        :modules="startSelector.modules.value"
+        @clear="() => { startSelector.clear(); endSelector.clear() }"
+      />
+      <div class="i-carbon-arrow-right op50" flex-shrink-0 />
+
+      <ModulesPathSelectorItem
+        v-model:search="endSelector.state.value.search"
+        placeholder="End"
+        :selector="endSelector"
+        :session="session"
+        :modules="filteredEndModules"
+        @clear="endSelector.clear"
+      >
+        <template #empty>
+          <div flex="~ items-center justify-center" w-full h-20>
+            <span italic op50>
+              {{ startSelector.state.value.selected ? 'No modules' : 'Select a start module to get end modules' }}
+            </span>
+          </div>
+        </template>
+      </ModulesPathSelectorItem>
+    </div>
+
+    <DisplayCloseButton class="mr--2" @click="emit('close')" />
+  </div>
+</template>
diff --git a/packages/vite/src/app/components/modules/PathSelectorItem.vue b/packages/vite/src/app/components/modules/PathSelectorItem.vue
new file mode 100644
index 00000000..c3f253fc
--- /dev/null
+++ b/packages/vite/src/app/components/modules/PathSelectorItem.vue
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import type { ModuleListItem, SessionContext } from '~~/shared/types'
+import type { ModulePathSelector } from '~/composables/moduleGraph'
+import { hideAllPoppers, Menu as VMenu } from 'floating-vue'
+
+withDefaults(
+  defineProps<{
+    selector: ModulePathSelector
+    placeholder: string
+    session: SessionContext
+    modules?: ModuleListItem[]
+    emptyStateText?: string
+    onClear?: () => void
+  }>(),
+  {
+    modules: undefined,
+    emptyStateText: undefined,
+    onClear: undefined,
+  },
+)
+
+const emit = defineEmits<{
+  (e: 'clear'): void
+}>()
+
+const search = defineModel<string>('search', { required: true })
+</script>
+
+<template>
+  <div flex-1 w-0>
+    <div v-if="selector.state.value.selected" w-full overflow-hidden flex="~ items-center" border="~ base rounded" p1 relative>
+      <div overflow-hidden text-ellipsis pr6 py0.5 w-0 flex-1>
+        <DisplayModuleId
+          :id="selector.state.value.selected"
+          :session="session"
+          block text-nowrap
+          :link="false"
+          :disable-tooltip="true"
+        />
+      </div>
+      <button i-carbon-clean text-4 hover="op100" op50 title="Clear" absolute right-2 @click="emit('clear')" />
+    </div>
+    <VMenu v-else :distance="15" :triggers="['click']" :auto-hide="false" :delay="{ show: 300, hide: 150 }">
+      <input
+        v-model="search"
+        p1
+        px4 w-full border="~ base rounded-1" style="outline: none" :placeholder="placeholder"
+        @blur="hideAllPoppers"
+      >
+      <template #popper>
+        <div class="p2 w100" flex="~ col gap2">
+          <ModulesFlatList
+            v-if="modules?.length"
+            :session="session"
+            :modules="modules"
+            disable-tooltip
+            :link="false"
+            @select="selector.select"
+          />
+          <slot v-else name="empty" />
+        </div>
+      </template>
+    </VMenu>
+  </div>
+</template>
diff --git a/packages/vite/src/app/composables/moduleGraph.ts b/packages/vite/src/app/composables/moduleGraph.ts
index ddb9a084..da05b6e4 100644
--- a/packages/vite/src/app/composables/moduleGraph.ts
+++ b/packages/vite/src/app/composables/moduleGraph.ts
@@ -1,8 +1,11 @@
+import type { ComputedRefWithControl } from '@vueuse/core'
 import type { HierarchyLink, HierarchyNode } from 'd3-hierarchy'
 import type { ComputedRef, InjectionKey, MaybeRef, Ref, ShallowReactive, ShallowRef } from 'vue'
-import { onKeyPressed, useEventListener, useMagicKeys } from '@vueuse/core'
+import type { ModuleListItem } from '~~/shared/types'
+import { computedWithControl, onKeyPressed, useEventListener, useMagicKeys } from '@vueuse/core'
 import { hierarchy, tree } from 'd3-hierarchy'
 import { linkHorizontal, linkVertical } from 'd3-shape'
+import Fuse from 'fuse.js'
 import { computed, inject, nextTick, provide, ref, shallowReactive, shallowRef, unref } from 'vue'
 import { useZoomElement } from './zoomElement'
 
@@ -352,3 +355,57 @@ export function useGraphDraggingScroll() {
     isGrabbing,
   }
 }
+
+export interface ModulePathSelector {
+  state: { value: { search: string, selected: string | null } }
+  modules: ComputedRef<ModuleListItem[]>
+  fuse: Ref<ComputedRefWithControl<Fuse<ModuleListItem>> | undefined>
+  initSelector: (modules: ComputedRef<ModuleListItem[]>) => void
+  select: (module: ModuleListItem) => void
+  clear: () => void
+}
+
+export function useModulePathSelector(options: {
+  getModules: () => ModuleListItem[]
+}): ModulePathSelector {
+  const state = ref<{
+    search: string
+    selected: string | null
+  }>({
+    search: '',
+    selected: null,
+  })
+  const fuse = ref<ComputedRefWithControl<Fuse<ModuleListItem>>>()
+
+  const modules = computed(options.getModules)
+
+  function initSelector(modules: ComputedRef<ModuleListItem[]>) {
+    fuse.value = computedWithControl(
+      modules,
+      () => new Fuse(modules.value, {
+        includeScore: true,
+        keys: ['id'],
+        ignoreLocation: true,
+        threshold: 0.4,
+      }),
+    )
+  }
+
+  function select(node: ModuleListItem) {
+    state.value.selected = node.id
+    state.value.search = ''
+  }
+
+  function clear() {
+    state.value.selected = null
+  }
+
+  return {
+    state,
+    modules,
+    fuse,
+    initSelector,
+    select,
+    clear,
+  }
+}
diff --git a/packages/vite/src/app/pages/session/[session]/graph/index.vue b/packages/vite/src/app/pages/session/[session]/graph/index.vue
index d56e99a6..68cc03f4 100644
--- a/packages/vite/src/app/pages/session/[session]/graph/index.vue
+++ b/packages/vite/src/app/pages/session/[session]/graph/index.vue
@@ -16,9 +16,21 @@ const props = defineProps<{
 
 const route = useRoute()
 const router = useRouter()
+const pathSelectorVisible = ref(false)
+const pathNodes = ref({
+  start: '',
+  end: '',
+})
+
+function selectPathNodes(nodes: { start: string, end: string }) {
+  pathNodes.value = {
+    start: nodes.start,
+    end: nodes.end,
+  }
+}
 
 const searchValue = ref<{
-  search: string
+  search: string | false
   selected: string[] | null
   [key: string]: any
 }>({
@@ -115,18 +127,96 @@ const searched = computed(() => {
     .map(r => r.item)
 })
 
+const filteredGraph = computed(() => {
+  const { start, end } = pathNodes.value
+  if (!start && !end)
+    return searched.value
+
+  const modulesMap = new Map(props.session.modulesList.map(m => [m.id, m]))
+  const linkedNodes = new Set<string>()
+
+  const bfs = (startId: string, getNext: (id: string) => string[], stopAt?: string) => {
+    const queue = [startId]
+    const visited = new Set<string>()
+    const pathMap = new Map<string, string[]>([[startId, [startId]]])
+
+    while (queue.length > 0) {
+      const id = queue.shift()!
+      if (visited.has(id))
+        continue
+      visited.add(id)
+
+      if (stopAt) {
+        if (id === stopAt)
+          pathMap.get(id)?.forEach(nodeId => linkedNodes.add(nodeId))
+      }
+      else {
+        linkedNodes.add(id)
+      }
+
+      if (!stopAt || id !== stopAt) {
+        getNext(id).forEach((nextId) => {
+          if (!visited.has(nextId)) {
+            queue.push(nextId)
+            if (stopAt)
+              pathMap.set(nextId, [...(pathMap.get(id) || []), nextId])
+          }
+        })
+      }
+    }
+  }
+
+  if (start && end) {
+    bfs(start, id => modulesMap.get(id)?.imports.map(imp => imp.module_id) || [], end)
+  }
+  else if (start) {
+    bfs(start, id => modulesMap.get(id)?.imports.map(imp => imp.module_id) || [])
+  }
+  else if (end) {
+    bfs(end, id => modulesMap.get(id)?.importers || [])
+  }
+
+  return filtered.value.filter(x => linkedNodes.has(x.id)).map((m) => {
+    if (m.id === start) {
+      return {
+        ...m,
+        importers: [],
+      }
+    }
+    return m
+  })
+})
+
 function toggleDisplay(type: ClientSettings['moduleGraphViewType']) {
   if (route.query.module) {
     router.replace({ query: { ...route.query, module: undefined } })
   }
   settings.value.moduleGraphViewType = type
 }
+
+function togglePathSelector(state: boolean) {
+  pathSelectorVisible.value = state
+  searchValue.value.search = state ? false : ''
+}
 </script>
 
 <template>
   <div relative max-h-screen of-hidden>
     <div absolute left-4 top-4 z-panel-nav>
       <DataSearchPanel v-model="searchValue" :rules="searchFilterTypes">
+        <template v-if="pathSelectorVisible" #search>
+          <ModulesPathSelector :session="session" :modules="searched" @select="selectPathNodes" @close="togglePathSelector(false)" />
+        </template>
+        <template #search-end>
+          <div v-if="settings.moduleGraphViewType === 'graph'" h12 mr2 flex="~ items-center">
+            <button
+              w-8 h-8 rounded-full flex items-center justify-center
+              hover="bg-active op100" op50 title="Module Navigator" @click="togglePathSelector(true)"
+            >
+              <i i-ri:route-line flex />
+            </button>
+          </div>
+        </template>
         <div flex="~ gap-2 items-center" p2 border="t base">
           <span op50 pl2 text-sm>View as</span>
           <button
@@ -171,7 +261,7 @@ function toggleDisplay(type: ClientSettings['moduleGraphViewType']) {
     <template v-else-if="settings.moduleGraphViewType === 'graph'">
       <ModulesGraph
         :session="session"
-        :modules="searched"
+        :modules="filteredGraph"
       />
     </template>
     <template v-else>