make top bar togglable

frontend/src/lib/components/apps/components/inputs/AppNumberInput.svelte

@@ -46,6 +46,7 @@
 
 <AlignWrapper {render} {verticalAlignment}>
 	<input
+		on:pointerdown|stopPropagation={() => ($selectedComponent = id)}
 		on:focus={() => ($selectedComponent = id)}
 		class={twMerge(
 			'windmillapp w-full py-1.5 text-sm focus:ring-indigo-100 px-2 mx-0.5',

frontend/src/lib/components/apps/editor/AppPreview.svelte

@@ -91,7 +91,7 @@
 		class="{$$props.class} {lockedClasses} h-full 
 	w-full {app.fullscreen ? '' : 'max-w-6xl'} mx-auto"
 	>
-		{#if $appStore.grid}
+		{#if $appStore.grid && !$appStore.norefreshbar}
 			<div class={classNames('mx-auto', width)}>
 				<div
 					class="w-full sticky top-0 flex justify-between border-b bg-gray-50 px-4 py-1 items-center gap-4"
@@ -105,6 +105,7 @@
 				</div>
 			</div>
 		{/if}
+
 		<div
 			style={app.css?.['app']?.['grid']?.style}
 			class={twMerge('px-4 pt-4 pb-2 overflow-visible', app.css?.['app']?.['grid']?.class ?? '')}

frontend/src/lib/components/apps/editor/GridEditor.svelte

@@ -12,6 +12,7 @@
 	import { push } from '$lib/history'
 	import { expandGriditem, findGridItem } from './appUtils'
 	import Grid from '../svelte-grid/Grid.svelte'
+	import Toggle from '$lib/components/Toggle.svelte'
 
 	export let policy: Policy
 
@@ -84,8 +85,14 @@
 		{#if !$connectingInput.opened}
 			<RecomputeAllComponents />
 		{/if}
-		<div class="text-2xs text-gray-600">
-			{policy.on_behalf_of ? `on behalf of ${policy.on_behalf_of_email}` : ''}
+		<div class="flex text-2xs text-gray-600 gap-1 items-center">
+			<div class="py-2 pr-2  text-gray-600 flex gap-2 items-center">
+				Hide bar on view
+				<input class="windmillapp" type="checkbox" bind:checked={$app.norefreshbar} />
+			</div>
+			<div>
+				{policy.on_behalf_of ? `on behalf of ${policy.on_behalf_of_email}` : ''}
+			</div>
 		</div>
 	</div>
 

frontend/src/lib/components/apps/types.ts

@@ -101,6 +101,7 @@ export type InlineScript = {
 export type App = {
 	grid: GridItem[]
 	fullscreen: boolean
+	norefreshbar?: boolean
 	unusedInlineScripts: Array<{
 		name: string
 		inlineScript: InlineScript