From d5b3d160ad68381ea8f776dd30456ee0b53dade4 Mon Sep 17 00:00:00 2001
From: liangmiQwQ <mi_yyds@126.com>
Date: Wed, 17 Sep 2025 06:20:00 +0800
Subject: [PATCH 1/4] fix: remove chunk panel when opening module panel

---
 packages/devtools-vite/src/app/components/display/ModuleId.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/devtools-vite/src/app/components/display/ModuleId.vue b/packages/devtools-vite/src/app/components/display/ModuleId.vue
index f99bb35b..837ec70c 100644
--- a/packages/devtools-vite/src/app/components/display/ModuleId.vue
+++ b/packages/devtools-vite/src/app/components/display/ModuleId.vue
@@ -49,7 +49,7 @@ const containerClass = computed(() => {
 <template>
   <component
     :is="link ? NuxtLink : 'div'"
-    :to="link ? (typeof link === 'string' ? link : { path: route.path, query: { ...route.query, module: id }, hash: location.hash }) : undefined"
+    :to="link ? (typeof link === 'string' ? link : { path: route.path, query: { ...route.query, module: id, chunk: undefined }, hash: location.hash }) : undefined"
   >
     <Tooltip
       my-auto text-sm font-mono block w-full

From 3b859d90c7c5937c2bd8b085eda9f75450e27ece Mon Sep 17 00:00:00 2001
From: liangmiQwQ <mi_yyds@126.com>
Date: Wed, 17 Sep 2025 21:22:46 +0800
Subject: [PATCH 2/4] feat: improve ChunkDetails close button displaying

---
 .../src/app/components/data/ChunkDetails.vue         |  1 +
 .../src/app/components/data/ChunkDetailsLoader.vue   | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/devtools-vite/src/app/components/data/ChunkDetails.vue b/packages/devtools-vite/src/app/components/data/ChunkDetails.vue
index b6ebfb97..a98c347f 100644
--- a/packages/devtools-vite/src/app/components/data/ChunkDetails.vue
+++ b/packages/devtools-vite/src/app/components/data/ChunkDetails.vue
@@ -33,6 +33,7 @@ withDefaults(defineProps<{
         <div i-ph-package-duotone />
         {{ chunk.modules.length }}
       </div>
+      <slot />
     </div>
 
     <template v-if="showImports && chunk.imports.length > 0">
diff --git a/packages/devtools-vite/src/app/components/data/ChunkDetailsLoader.vue b/packages/devtools-vite/src/app/components/data/ChunkDetailsLoader.vue
index b1ed5058..5dd66f5b 100644
--- a/packages/devtools-vite/src/app/components/data/ChunkDetailsLoader.vue
+++ b/packages/devtools-vite/src/app/components/data/ChunkDetailsLoader.vue
@@ -27,11 +27,11 @@ const { state, isLoading } = useAsyncState(
 <template>
   <VisualLoading v-if="isLoading" />
 
-  <div v-if="state" p4 pt-12 relative h-full w-full of-auto z-panel-content>
-    <DisplayCloseButton
-      absolute right-2 top-1.5
-      @click="emit('close')"
-    />
-    <DataChunkDetails :session="session" :chunk="state" />
+  <div v-if="state" p4 relative h-full w-full of-auto z-panel-content>
+    <DataChunkDetails :session="session" :chunk="state">
+      <DisplayCloseButton
+        @click="emit('close')"
+      />
+    </DataChunkDetails>
   </div>
 </template>

From 6fc4bdaf45e4306c9e986e8d7bb74aed476222d3 Mon Sep 17 00:00:00 2001
From: liangmiQwQ <mi_yyds@126.com>
Date: Wed, 17 Sep 2025 21:23:48 +0800
Subject: [PATCH 3/4] chore: improve AssetDetails displaying

---
 .../src/app/components/data/AssetDetails.vue         |  1 +
 .../src/app/components/data/AssetDetailsLoader.vue   | 12 ++++++------
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/devtools-vite/src/app/components/data/AssetDetails.vue b/packages/devtools-vite/src/app/components/data/AssetDetails.vue
index 408d6a07..a437766e 100644
--- a/packages/devtools-vite/src/app/components/data/AssetDetails.vue
+++ b/packages/devtools-vite/src/app/components/data/AssetDetails.vue
@@ -81,6 +81,7 @@ function openInEditor() {
           <div i-ph-file-text />
           View source
         </button>
+        <slot />
       </div>
     </div>
 
diff --git a/packages/devtools-vite/src/app/components/data/AssetDetailsLoader.vue b/packages/devtools-vite/src/app/components/data/AssetDetailsLoader.vue
index 4a3bd2b7..d7585aed 100644
--- a/packages/devtools-vite/src/app/components/data/AssetDetailsLoader.vue
+++ b/packages/devtools-vite/src/app/components/data/AssetDetailsLoader.vue
@@ -52,11 +52,11 @@ const { state } = useAsyncState(
 </script>
 
 <template>
-  <div v-if="state?.asset" p4 relative h-full w-full of-auto pt12 bg-glass z-panel-content>
-    <DisplayCloseButton
-      absolute right-2 top-1.5
-      @click="emit('close')"
-    />
-    <DataAssetDetails :asset="state.asset" :session="session" :chunks="state?.chunks" :importers="state?.importers" :imports="state?.imports" />
+  <div v-if="state?.asset" p4 relative h-full w-full of-auto bg-glass z-panel-content>
+    <DataAssetDetails :asset="state.asset" :session="session" :chunks="state?.chunks" :importers="state?.importers" :imports="state?.imports">
+      <DisplayCloseButton
+        @click="emit('close')"
+      />
+    </DataAssetDetails>
   </div>
 </template>

From 343602a7e1f9beadee0dcc52651ec903e5683d71 Mon Sep 17 00:00:00 2001
From: liangmiQwQ <mi_yyds@126.com>
Date: Wed, 17 Sep 2025 21:29:48 +0800
Subject: [PATCH 4/4] feat: add link to chunk in asset details panel

---
 .../src/app/components/data/AssetDetails.vue             | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/devtools-vite/src/app/components/data/AssetDetails.vue b/packages/devtools-vite/src/app/components/data/AssetDetails.vue
index a437766e..08be7fea 100644
--- a/packages/devtools-vite/src/app/components/data/AssetDetails.vue
+++ b/packages/devtools-vite/src/app/components/data/AssetDetails.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { Asset as AssetInfo } from '@rolldown/debug'
 import type { RolldownAssetInfo, RolldownChunkInfo, SessionContext } from '~~/shared/types'
+import { useRoute } from '#app/composables/router'
 import { useRpc } from '#imports'
 import { useAsyncState } from '@vueuse/core'
 import { computed, ref } from 'vue'
@@ -18,6 +19,7 @@ const props = withDefaults(defineProps<{
 })
 
 const rpc = useRpc()
+const route = useRoute()
 const showSource = ref(false)
 const { state } = useAsyncState(
   async () => {
@@ -111,14 +113,17 @@ function openInEditor() {
         <div op50>
           Chunks
         </div>
-        <div v-for="chunk of assetChunks" :key="chunk.chunk_id" border="~ base rounded-lg" px2 py1>
+        <NuxtLink
+          v-for="chunk of assetChunks" :key="chunk.chunk_id" border="~ base rounded-lg" px2 py1
+          :to="{ path: route.path, query: { chunk: chunk.chunk_id } }"
+        >
           <DataChunkDetails
             :chunk="chunk"
             :session="session"
             :show-modules="false"
             :show-imports="false"
           />
-        </div>
+        </NuxtLink>
       </div>
       <template v-if="_importers?.length || _imports?.length">
         <div flex="~ col gap-2">