fix: prevent failing navigator when instances are inconsistent (#4303)

Users somehow make instances tree inconsistent. For example deleting
instances does not delete id from parent children.

I still have not idea how to reproduce this but we need to stop failing
users with broken state. Here just logged into console instead of
throwing error.

Author: TrySound

apps/builder/app/builder/features/sidebar-left/panels/navigator/navigator-tree.tsx

@@ -106,7 +106,9 @@ const $flatTree = computed(
     ) => {
       const instance = instances.get(instanceId);
       if (instance === undefined) {
-        throw Error("Unknown instance");
+        // log instead of failing navigator tree
+        console.error(`Unknown instance ${instanceId}`);
+        return;
       }
       const propValues = propValuesByInstanceSelector.get(
         JSON.stringify(selector)
@@ -149,7 +151,7 @@ const $flatTree = computed(
               const child = instance.children[index];
               if (child.type === "id") {
                 const isLastChild = index === instance.children.length - 1;
-                lastItem = traverse(
+                const lastDescendentItem = traverse(
                   child.value,
                   [
                     child.value,
@@ -165,6 +167,9 @@ const $flatTree = computed(
                   level + 2,
                   index
                 );
+                if (lastDescendentItem) {
+                  lastItem = lastDescendentItem;
+                }
               }
             }
           });
@@ -174,7 +179,7 @@ const $flatTree = computed(
           const child = instance.children[index];
           if (child.type === "id") {
             const isLastChild = index === instance.children.length - 1;
-            lastItem = traverse(
+            const lastDescendentItem = traverse(
               child.value,
               [child.value, ...selector],
               isHidden,
@@ -183,6 +188,9 @@ const $flatTree = computed(
               level + 1,
               index
             );
+            if (lastDescendentItem) {
+              lastItem = lastDescendentItem;
+            }
           }
         }
       }