chore: assign todos

Author: antfu

packages/vite/src/app/components/data/ChunkDetails.vue

@@ -20,6 +20,7 @@ withDefaults(defineProps<{
         <div i-ph-shapes-duotone />
         <div>{{ chunk.name || '[unnamed]' }}</div>
         <DisplayBadge :text="chunk.reason" />
+        <!-- TODO: Estimated Chunk Size -->
       </div>
 
       <div flex-auto />
@@ -54,6 +55,8 @@ withDefaults(defineProps<{
       </div>
     </details>
 
+    <!-- TODO: imports seems to be "imported-by" instead of "imports", maybe something wrong on Rolldown side? -->
+    <!-- TODO: We might want to display both "imports" and "imported-by" relationship -->
     <details v-if="showImports && chunk.imports.length > 0" open="true">
       <summary op50>
         <span>Imports ({{ chunk.imports.length }})</span>

packages/vite/src/app/components/data/SearchPanel.vue

@@ -102,28 +102,25 @@ function unselectToggle() {
         <div text-sm>{{ rule.description || rule.name }}</div>
       </label>
       <button
-        rounded-md px2 py1
+        rounded-md p1
         flex="~ items-center gap-1"
         select-none
         hover="bg-active"
         title="Reverse Selection"
         @click="reverseSelect"
       >
-        <div text-xs op50>
-          Reverse
-        </div>
+        <div op75 i-ph-selection-background-duotone />
       </button>
       <button
-        rounded-md px2 py1
+        rounded-md p1
         flex="~ items-center gap-1"
         select-none
         hover="bg-active"
         :title="model.selected?.length === 0 ? 'Select All' : 'Unselect All'"
         @click="unselectToggle"
       >
-        <div text-xs op50>
-          {{ model.selected?.length === 0 ? 'Select All' : 'Unselect All' }}
-        </div>
+        <div v-if="model.selected?.length === 0" op75 i-ph-selection-slash-duotone />
+        <div v-else op75 i-ph-selection-plus-duotone />
       </button>
     </div>
     <slot />

packages/vite/src/app/pages/session/[session]/chunks.vue

@@ -58,6 +58,7 @@ function toggleDisplay(type: ClientSettings['chunkViewType']) {
           <div :class="viewType.icon" />
           {{ viewType.label }}
         </button>
+        <!-- TODO: add graph views -->
       </div>
     </div>
     <template v-if="settings.chunkViewType === 'list'">
@@ -73,6 +74,7 @@ function toggleDisplay(type: ClientSettings['chunkViewType']) {
       </div>
     </template>
     <template v-else-if="settings.chunkViewType === 'graph'">
+      <!-- TODO: We should draw a deep-first graph instead of flat graph -->
       <ChunksGraph
         :session="session"
         :chunks="normalizedChunks"