From 2bc06b72d251fe17c06a177f7a57c78a4ab0e7e1 Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Mon, 16 Jun 2025 18:29:04 +0200
Subject: [PATCH] nit showExpr + badge improvements

---
 frontend/src/lib/components/SchemaForm.svelte |  5 +++
 .../components/schema/JobSchemaPicker.svelte  | 34 +++++++++++++------
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/frontend/src/lib/components/SchemaForm.svelte b/frontend/src/lib/components/SchemaForm.svelte
index 32d5e67d6c..6765265a98 100644
--- a/frontend/src/lib/components/SchemaForm.svelte
+++ b/frontend/src/lib/components/SchemaForm.svelte
@@ -239,6 +239,11 @@
 	})
 	$effect.pre(() => {
 		;[schema, args]
+		if (args && typeof args == 'object') {
+			for (const key in args) {
+				args[key]
+			}
+		}
 		untrack(() => handleHiddenFields(schema, args ?? {}))
 	})
 	$effect.pre(() => {
diff --git a/frontend/src/lib/components/schema/JobSchemaPicker.svelte b/frontend/src/lib/components/schema/JobSchemaPicker.svelte
index e074c69a67..115d442e5a 100644
--- a/frontend/src/lib/components/schema/JobSchemaPicker.svelte
+++ b/frontend/src/lib/components/schema/JobSchemaPicker.svelte
@@ -4,13 +4,25 @@
 	import { ExternalLink } from 'lucide-svelte'
 	import { base } from '$lib/base'
 
-	export let job: any
-	export let payloadData: any | undefined = undefined
-	export let hovering = false
-	export let showAuthor = false
-	export let placement: 'bottom-start' | 'top-start' | 'bottom-end' | 'top-end' = 'bottom-start'
-	export let viewerOpen = false
-	export let limitPayloadSize = false
+	interface Props {
+		job: any
+		payloadData?: any | undefined
+		hovering?: boolean
+		showAuthor?: boolean
+		placement?: 'bottom-start' | 'top-start' | 'bottom-end' | 'top-end'
+		viewerOpen?: boolean
+		limitPayloadSize?: boolean
+	}
+
+	let {
+		job,
+		payloadData = undefined,
+		hovering = false,
+		showAuthor = false,
+		placement = 'bottom-start',
+		viewerOpen = false,
+		limitPayloadSize = false
+	}: Props = $props()
 </script>
 
 <SchemaPickerRow
@@ -22,15 +34,15 @@
 	on:openChange
 	{limitPayloadSize}
 >
-	<svelte:fragment slot="start">
+	{#snippet start()}
 		<div class="center-center">
 			<div
 				class="rounded-full w-2 h-2 {job.success ? 'bg-green-400' : 'bg-red-400'}"
 				title={job.success ? 'Success' : 'Failed'}
 			></div>
 		</div>
-	</svelte:fragment>
-	<svelte:fragment slot="extra">
+	{/snippet}
+	{#snippet extra()}
 		<div class="flex flex-row gap-2">
 			{#if showAuthor}
 				<span class="text-secondary px-2 w-28 truncate" title={job.created_by}>
@@ -48,5 +60,5 @@
 				</a>
 			</div>
 		</div>
-	</svelte:fragment>
+	{/snippet}
 </SchemaPickerRow>