Support scrolling screens or folders into view when clicking

packages/builder/src/components/common/NavItem.svelte

@@ -20,8 +20,13 @@
   let contentRef
   $: selected && contentRef && scrollToView()
 
-  function onIconClick(event) {
+  const onClick = () => {
-    event.stopPropagation()
+    scrollToView()
+    dispatch("click")
+  }
+
+  const onIconClick = e => {
+    e.stopPropagation()
     dispatch("iconClick")
   }
 
@@ -44,7 +49,7 @@
   on:dragstart
   on:dragover
   on:drop
-  on:click
+  on:click={onClick}
   ondragover="return false"
   ondragenter="return false"
 >

packages/builder/src/components/design/NavigationPanel/ComponentNavigationTree/PathTree.svelte

@@ -30,7 +30,9 @@
   export let indent
   export let border
 
+  let folder
   let routeManuallyOpened = false
+
   $: selectedScreen = $currentAsset
   $: allScreens = getAllScreens(route)
   $: filteredScreens = getFilteredScreens(allScreens, $screenSearchString)
@@ -85,8 +87,7 @@
       <NavItem
         icon="WebPage"
         indentLevel={indent || 1}
-        selected={$store.selectedScreenId === screen.id &&
+        selected={$store.selectedScreenId === screen.id}
-          $store.currentView === "detail"}
         opened={$store.selectedScreenId === screen.id}
         text={ROUTE_NAME_MAP[screen.route]?.[screen.role] || screen.route}
         withArrow={route.subpaths}