Handle neverShowQueries inside the KebabMenu component.

.changeset/nasty-pumas-wait.md

@@ -0,0 +1,5 @@
+---
+'@evidence-dev/core-components': patch
+---
+
+Dont hide entire kebab menu when neverShowQueries is true

packages/ui/core-components/src/lib/organisms/layout/header/Header.svelte

@@ -1,5 +1,4 @@
 <script>
-	import { dev } from '$app/environment';
 	import { Icon } from '@steeze-ui/svelte-icon';
 	import { X, Menu2 } from '@steeze-ui/tabler-icons';
 	import { addBasePath } from '@evidence-dev/sdk/utils/svelte';
@@ -118,9 +117,7 @@
 				{/if}
 			</div>
 			<div class="relative">
-				{#if dev || !neverShowQueries}
-					<KebabMenu />
-				{/if}
+				<KebabMenu {neverShowQueries} />
 			</div>
 		</div>
 	</div>

packages/ui/core-components/src/lib/organisms/layout/header/KebabMenu.svelte

@@ -26,6 +26,9 @@
 	}
 
 	const { selectedAppearance, activeAppearance, cycleAppearance, themesConfig } = getThemeStores();
+
+	export let neverShowQueries;
+
 	$: themeLabel =
 		$selectedAppearance === 'system'
 			? 'System'
@@ -47,14 +50,17 @@
 				Print PDF
 				<DropdownMenu.Shortcut>⌘P</DropdownMenu.Shortcut>
 			</DropdownMenu.Item>
-			<DropdownMenu.Item
-				on:click={(e) => {
-					e.preventDefault();
-					showQueries.update((val) => !val);
-				}}
-			>
-				{$showQueries ? 'Hide ' : 'Show '} Queries
-			</DropdownMenu.Item>
+			{#if dev || !neverShowQueries}
+				<DropdownMenu.Item
+					on:click={(e) => {
+						e.preventDefault();
+						showQueries.update((val) => !val);
+					}}
+				>
+					{$showQueries ? 'Hide ' : 'Show '} Queries
+				</DropdownMenu.Item>
+			{/if}
+
 			{#if themesConfig.appearance.switcher}
 				<DropdownMenu.Item
 					on:click={(e) => {