fix: hide tail line at end of build flow

Author: webfansplz

packages/devtools/src/app/components/flowmap/Expandable.vue

@@ -1,10 +1,13 @@
 <script setup lang="ts">
-defineProps<{
+withDefaults(defineProps<{
   expandable?: boolean
   classRootNode?: string
   activeStart?: boolean
   activeEnd?: boolean
-}>()
+  showTail?: boolean
+}>(), {
+  showTail: true,
+})
 
 const expanded = defineModel<boolean>('expanded', { required: false, default: true })
 </script>
@@ -43,9 +46,10 @@ const expanded = defineModel<boolean>('expanded', { required: false, default: tr
           <slot name="container" />
         </div>
         <svg
+          v-if="showTail"
           ml-1em w-27px h-30px
-          style="transform: scaleX(-1)"
-          viewBox="0 0 27 30" fill="none" xmlns="http://www.w3.org/2000/svg"
+          style="transform: scaleX(-1)" viewBox="0 0 27 30" fill="none"
+          xmlns="http://www.w3.org/2000/svg"
           :class="activeEnd ? 'fg-flow-line-active' : 'fg-flow-line'"
         >
           <g>

packages/devtools/src/app/components/flowmap/ModuleFlow.vue

@@ -340,6 +340,7 @@ const codeDisplay = computed(() => {
           :class-root-node="info.assets.length === 0 ? 'border-dashed' : ''"
           :active-start="isSelectedAncestor(info.assets[0])"
           :active-end="isSelectedAncestor(info.assets.at(-1))"
+          :show-tail="false"
           pl6 pt4
         >
           <template #node>