From 62493b493f6a1b276cf1cb8eb896ff9c47c024ad Mon Sep 17 00:00:00 2001
From: Marion Giusti <marion.giusti@dalibo.com>
Date: Fri, 19 Jun 2026 09:37:14 +0200
Subject: [PATCH 1/2] chore: normalize Typescript imports

---
 src/components/Plan.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Plan.vue b/src/components/Plan.vue
index 12055524..7ea369a7 100644
--- a/src/components/Plan.vue
+++ b/src/components/Plan.vue
@@ -31,7 +31,7 @@ import { findNodeById } from "@/services/help-service"
 import { HighlightType, NodeProp } from "@/enums"
 import { json_, pgsql_ } from "@/filters"
 import { setDefaultProps } from "vue-tippy"
-import { store } from "@/store.ts"
+import { store } from "@/store"
 
 setDefaultProps({
   theme: "bootstrap",

From 686e6671b90567491799d8d351f711aa6dbe5fc0 Mon Sep 17 00:00:00 2001
From: Marion Giusti <marion.giusti@dalibo.com>
Date: Fri, 19 Jun 2026 09:44:19 +0200
Subject: [PATCH 2/2] fix: fix typo in FlexHierarchyPointNode and related
 TypeScript errors

---
 src/components/Plan.vue | 9 ++++++++-
 src/d3-flextree.d.ts    | 4 ++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Plan.vue b/src/components/Plan.vue
index 7ea369a7..12702f8e 100644
--- a/src/components/Plan.vue
+++ b/src/components/Plan.vue
@@ -107,7 +107,7 @@ const layout = flextree({
   ) => Math.pow(nodeA.path(nodeB).length, 1.5),
 })
 
-const tree = ref(layout.hierarchy({}))
+const tree = ref<FlexHierarchyPointNode<Node>>()
 
 onMounted(() => {
   watch(() => [props.planSource, props.planQuery], parseAndShow, {
@@ -146,6 +146,10 @@ function parseAndShow() {
 }
 
 function doLayout() {
+  if (tree.value === undefined){
+    return
+  }
+
   layoutRootNode.value = layout(tree.value)
 
   const mainLayoutExtent = getLayoutExtent(layoutRootNode.value)
@@ -378,6 +382,9 @@ function isNeverExecuted(node: Node): boolean {
 
 watch(
   () => {
+    if (tree.value === undefined) {
+      return
+    }
     const data: [number, number][] = []
     data.concat(
       tree.value
diff --git a/src/d3-flextree.d.ts b/src/d3-flextree.d.ts
index 380a5349..b34c5c5c 100644
--- a/src/d3-flextree.d.ts
+++ b/src/d3-flextree.d.ts
@@ -44,11 +44,11 @@ declare module "d3-flextree" {
      *
      * @param root The specified root hierarchy.
      */
-    (root: FlexHierarchiePointNode<Datum>): FlexHierarchyPointNode<Datum>
+    (root: FlexHierarchyPointNode<Datum>): FlexHierarchyPointNode<Datum>
 
     hierarchy<Datum>(
       data: Datum,
       children?: (d: Datum) => Iterable<Datum> | null | undefined,
-    ): FlexHierarchiePointNode<Datum>
+    ): FlexHierarchyPointNode<Datum>
   }
 }