fix: make select not reset on user changes in app + app css fix

frontend/build_full_app_css.sh

@@ -1 +1 @@
-BUILD_FULL_APP="true" npx tailwindcss -i src/lib/assets/app.css -o src/lib/assets/tailwind_full.js --postcss
+NODE_ENV="production" npx tailwindcss -i src/lib/assets/app.css -o static/tailwind_full.css --postcss

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

@@ -97,6 +97,10 @@
 					}
 			  })
 			: []
+
+		if (value != undefined && listItems.some((x) => x.value === value)) {
+			return
+		}
 		let rawValue
 		if (resolvedConfig.defaultValue !== undefined) {
 			rawValue = resolvedConfig.defaultValue

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { getContext, setContext } from 'svelte'
-	import { writable, type Writable } from 'svelte/store'
+	import { get, writable, type Writable } from 'svelte/store'
 	import { buildWorld } from '../rx'
 	import type {
 		App,
@@ -85,11 +85,8 @@
 	function onContextChange(context: any) {
 		Object.assign(ncontext, context)
 		ncontext = ncontext
-		worldStore.update((x) => {
-			Object.entries(context).forEach(([key, value]) => {
-				x.outputsById?.['ctx']?.[key].set(value, true)
-			})
-			return x
+		Object.entries(context).forEach(([key, value]) => {
+			get(worldStore).outputsById?.['ctx']?.[key].set(value, true)
 		})
 	}
 

frontend/src/routes/(root)/+layout.svelte

@@ -12,6 +12,7 @@
 	// import EditorTheme from '$lib/components/EditorTheme.svelte'
 	import { computeDrift } from '$lib/forLater'
 	import { setLicense } from '$lib/enterpriseUtils'
+	import { deepEqual } from 'fast-equals'
 
 	const monacoEditorUnhandledErrors = [
 		'Model not found',
@@ -142,8 +143,13 @@
 					const user = $userStore
 
 					if (workspace && user) {
-						userStore.set(await getUserExt(workspace))
-						console.log('refreshed user')
+						const newUser = await getUserExt(workspace)
+						if (!deepEqual(newUser, $userStore)) {
+							userStore.set(newUser)
+							console.info('refreshed user')
+						} else {
+							console.debug('user is the same')
+						}
 					}
 				} catch (e) {
 					console.error('Could not refresh user', e)

frontend/tailwind.config.cjs

@@ -477,7 +477,7 @@ const config = {
 					fontSize: theme('fontSize.base'),
 					fontWeight: theme('fontWeight.normal'),
 
-					backgroundColor: 'rgb(var(--color-surface) / <alpha-value>)',
+					backgroundColor: 'rgb(var(--color-surface))',
 					color: lightTheme.textPrimary,
 					'--color-surface': lightThemeRgb.surface,
 					'--color-surface-secondary': lightThemeRgb.surfaceSecondary,
@@ -625,10 +625,10 @@ const config = {
 					color: theme('colors.gray.400')
 				},
 				"[type='checkbox']:checked": {
-					backgroundImage: `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");`
+					backgroundImage: `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")`
 				},
 				".dark [type='checkbox']:checked": {
-					backgroundImage: `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");`
+					backgroundImage: `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")`
 				},
 				'input:not(.windmillapp),input[type="text"]:not(.windmillapp),input[type="email"]:not(.windmillapp),input[type="url"]:not(.windmillapp),input[type="password"]:not(.windmillapp),input[type="number"]:not(.windmillapp),input[type="date"]:not(.windmillapp),input[type="datetime-local"]:not(.windmillapp),input[type="month"]:not(.windmillapp),input[type="search"]:not(.windmillapp),input[type="tel"]:not(.windmillapp),input[type="time"]:not(.windmillapp),input[type="week"]:not(.windmillapp),textarea:not(.windmillapp):not(.monaco-mouse-cursor-text),select:not(.windmillapp)':
 					{