Hide dev tools when in screen peek modal

packages/client/src/components/ClientApp.svelte

@@ -42,7 +42,10 @@
   let permissionError = false
 
   // Determine if we should show devtools or not
-  $: isDevPreview = $appStore.isDevApp && !$builderStore.inBuilder
+  $: isDevPreview =
+    $appStore.isDevApp &&
+    !$builderStore.inBuilder &&
+    !$routeStore.queryParams?.peek
 
   // Handle no matching route
   $: {

packages/client/src/components/app/Layout.svelte

@@ -47,14 +47,6 @@
   })
   setContext("layout", store)
 
-  // Permanently go into peek mode if we ever get the peek flag
-  let isPeeking = false
-  $: {
-    if ($routeStore.queryParams?.peek) {
-      isPeeking = true
-    }
-  }
-
   $: validLinks = links?.filter(link => link.text && link.url) || []
   $: typeClass = NavigationClasses[navigation] || NavigationClasses.None
   $: navWidthClass = WidthClasses[navWidth || width] || WidthClasses.Large
@@ -120,7 +112,7 @@
     <div
       class="nav-wrapper"
       class:sticky
-      class:hidden={isPeeking}
+      class:hidden={$routeStore.queryParams?.peek}
       class:clickable={$builderStore.inBuilder}
       on:click={$builderStore.inBuilder ? builderStore.actions.clickNav : null}
       style={navStyle}

packages/client/src/stores/builder.js

@@ -77,7 +77,6 @@ const createBuilderStore = () => {
       store.update(state => ({ ...state, editMode: enabled }))
     },
     clickNav: () => {
-      console.log("click nav")
       dispatchEvent("click-nav")
     },
   }