Fix add component FAB not working when screen or navigation are selected

packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/AppPreview.svelte

@@ -1,12 +1,7 @@
 <script>
   import { get } from "svelte/store"
   import { onMount, onDestroy } from "svelte"
-  import {
-    store,
-    selectedComponent,
-    selectedScreen,
-    currentAsset,
-  } from "builderStore"
+  import { store, selectedScreen, currentAsset } from "builderStore"
   import ConfirmDialog from "components/common/ConfirmDialog.svelte"
   import {
     ProgressCircle,
@@ -70,7 +65,7 @@
   $: refreshContent(json)
 
   // Determine if the add component menu is active
-  $: isAddingComponent = $isActive(`./${$selectedComponent?._id}/new`)
+  $: isAddingComponent = $isActive(`./${selectedComponentId}/new`)
 
   // Register handler to send custom to the preview
   $: sendPreviewEvent = (name, payload) => {
@@ -212,10 +207,10 @@
   }
 
   const toggleAddComponent = () => {
-    if (isAddingComponent) {
-      $goto(`./${$selectedComponent?._id}`)
+    if ($isActive(`./${selectedComponentId}/new`)) {
+      $goto(`./${selectedComponentId}`)
     } else {
-      $goto(`./${$selectedComponent?._id}/new`)
+      $goto(`./${selectedComponentId}/new`)
     }
   }
 

packages/builder/src/pages/builder/app/[application]/design/[screenId]/_components/ComponentList/index.svelte

@@ -15,7 +15,7 @@
 
   const toNewComponentRoute = () => {
     if ($isActive(`./${$store.selectedComponentId}/new`)) {
-      return
+      $goto(`./${$store.selectedComponentId}`)
     } else {
       $goto(`./${$store.selectedComponentId}/new`)
     }