fix: Module Graph view is blocking the Console view

Signed-off-by: GurkiranSingh <gurkiransinghk@gmail.com>

Author: g4rry420

packages/ui/client/components/FileDetails.vue

@@ -9,7 +9,6 @@ import type { ModuleGraphData } from '#types'
 const data = ref<ModuleGraphData>({ externalized: [], graph: {}, inlined: [] })
 const graph = ref<ModuleGraph>({ nodes: [], links: [] })
 const draft = ref(false)
-const hasGraphBeenDisplayed = ref(false)
 
 debouncedWatch(
   current,
@@ -29,9 +28,6 @@ function open() {
 }
 
 function changeViewMode(view: Params['view']) {
-  if (view === 'graph')
-    hasGraphBeenDisplayed.value = true
-
   viewMode.value = view
 }
 const consoleCount = computed(() => {
@@ -99,8 +95,8 @@ function onDraft(value: boolean) {
     </div>
 
     <div flex flex-col flex-1 overflow="hidden">
-      <div v-if="hasGraphBeenDisplayed" flex-1>
-        <ViewModuleGraph v-show="viewMode === 'graph'" :graph="graph" data-testid="graph" />
+      <div v-show="viewMode === 'graph'" flex-1>
+        <ViewModuleGraph :graph="graph" data-testid="graph" />
       </div>
       <ViewEditor v-if="viewMode === 'editor'" :key="current.filepath" :file="current" data-testid="editor" @draft="onDraft" />
       <ViewConsoleOutput v-else-if="viewMode === 'console'" :file="current" data-testid="console" />