From 71cdb1905ea7e2a525d05650f80725ca15538f6b Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 3 Sep 2024 14:22:21 +0200
Subject: [PATCH] remove frontend warnings

---
 frontend/package-lock.json                    |  9 +++---
 frontend/package.json                         |  4 +--
 frontend/src/lib/components/ArgInput.svelte   |  1 +
 .../src/lib/components/AutheliaSetting.svelte |  1 +
 .../lib/components/AuthentikSetting.svelte    |  1 +
 frontend/src/lib/components/DateInput.svelte  |  1 +
 .../src/lib/components/FlowBuilder.svelte     |  4 +--
 .../src/lib/components/FlowMetadata.svelte    |  1 +
 .../components/FlowStatusViewerInner.svelte   |  2 +-
 .../lib/components/InputTransformForm.svelte  | 30 +++++++++----------
 .../InputTransformSchemaForm.svelte           |  2 +-
 frontend/src/lib/components/ItemPicker.svelte |  1 +
 .../src/lib/components/KanidmSetting.svelte   |  1 +
 .../src/lib/components/KeycloakSetting.svelte |  1 +
 .../lib/components/LightweightArgInput.svelte |  1 +
 .../src/lib/components/ModulePreview.svelte   |  2 +-
 .../lib/components/ModulePreviewForm.svelte   |  6 ++--
 .../src/lib/components/OAuthSetting.svelte    | 21 ++++++-------
 .../src/lib/components/OktaSetting.svelte     |  1 +
 .../src/lib/components/ZitadelSetting.svelte  |  1 +
 .../table/AppAggridInfiniteTable.svelte       |  8 +----
 .../table/AppAggridInfiniteTableEe.svelte     |  8 +----
 .../components/inputs/AppQuillEditor.svelte   |  2 +-
 .../inputs/currency/CurrencyInput.svelte      |  2 +-
 .../apps/editor/DeploymentHistory.svelte      |  1 +
 .../apps/editor/component/Component.svelte    |  2 --
 .../editor/contextPanel/SubGridOutput.svelte  |  1 +
 .../settingsPanel/ComponentPanel.svelte       |  1 -
 .../DecisionTreeGraphEditor.svelte            |  1 -
 .../inputEditor/IconSelectInput.svelte        |  1 +
 .../apps/svelte-select/lib/Select.svelte      |  1 +
 .../clearableInput/ClearableInput.svelte      |  1 +
 .../components/common/drawer/Drawer.svelte    |  2 +-
 .../components/common/menu/MenuItem.svelte    |  1 +
 .../common/modal/AlwaysMountedModal.svelte    |  1 +
 .../components/common/stepper/Stepper.svelte  |  1 +
 .../components/copilot/StepInputsGen.svelte   |  4 +--
 .../components/details/ClipboardPanel.svelte  |  1 +
 .../flows/content/FlowConstants.svelte        |  6 ++--
 .../flows/content/FlowEditorPanel.svelte      |  2 +-
 .../flows/content/FlowModuleComponent.svelte  |  4 +--
 .../flows/content/FlowSettings.svelte         |  1 +
 .../src/lib/components/flows/flowState.ts     |  2 +-
 .../lib/components/flows/flowStateUtils.ts    |  3 +-
 .../components/flows/map/FlowJobsMenu.svelte  |  1 -
 .../flows/map/FlowModuleSchemaItem.svelte     |  2 ++
 .../flows/map/FlowModuleSchemaMap.svelte      |  2 +-
 frontend/src/lib/components/flows/utils.ts    | 10 +++----
 .../lib/components/graph/FlowGraphV2.svelte   |  2 +-
 .../renderers/nodes/BranchAllStart.svelte     |  1 +
 .../renderers/nodes/BranchOneStart.svelte     |  1 +
 .../graph/renderers/nodes/ModuleNode.svelte   |  1 +
 .../src/lib/components/icons/AzureIcon.svelte |  2 +-
 .../lib/components/icons/FunkwhaleIcon.svelte | 20 +------------
 .../src/lib/components/runs/RunsFilter.svelte |  7 +++++
 .../components/schema/PropertyEditor.svelte   |  5 ----
 .../FlowBuilderTutorialsForLoop.svelte        |  4 +--
 57 files changed, 100 insertions(+), 106 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index aac6b0693b..dcb02c6abd 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -5569,9 +5569,9 @@
 			}
 		},
 		"node_modules/caniuse-lite": {
-			"version": "1.0.30001563",
-			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001563.tgz",
-			"integrity": "sha512-na2WUmOxnwIZtwnFI2CZ/3er0wdNzU7hN+cPYz/z2ajHThnkWjNBOpEPP4n+4r2WPM847JaMotaJE3bnfzjyKw==",
+			"version": "1.0.30001655",
+			"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001655.tgz",
+			"integrity": "sha512-jRGVy3iSGO5Uutn2owlb5gR6qsGngTw9ZTb4ali9f3glshcNmJ2noam4Mo9zia5P9Dk3jNNydy7vQjuE5dQmfg==",
 			"dev": true,
 			"funding": [
 				{
@@ -5586,7 +5586,8 @@
 					"type": "github",
 					"url": "https://github.com/sponsors/ai"
 				}
-			]
+			],
+			"license": "CC-BY-4.0"
 		},
 		"node_modules/canvas": {
 			"version": "2.11.2",
diff --git a/frontend/package.json b/frontend/package.json
index 2622042e87..a335f8cf0a 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -139,11 +139,11 @@
 		"vscode-languageclient": "~9.0.1",
 		"vscode-uri": "~3.0.8",
 		"vscode-ws-jsonrpc": "~3.3.2",
-		"windmill-parser-wasm-rust": "^1.387.0",
-		"windmill-parser-wasm-php": "^1.382.2",
 		"windmill-parser-wasm-go": "^1.382.2",
+		"windmill-parser-wasm-php": "^1.382.2",
 		"windmill-parser-wasm-py": "^1.382.2",
 		"windmill-parser-wasm-regex": "^1.382.2",
+		"windmill-parser-wasm-rust": "^1.387.0",
 		"windmill-parser-wasm-ts": "^1.382.2",
 		"windmill-sql-datatype-parser-wasm": "^1.318.0",
 		"y-monaco": "^0.1.4",
diff --git a/frontend/src/lib/components/ArgInput.svelte b/frontend/src/lib/components/ArgInput.svelte
index 0f57c0949a..0f68f374d5 100644
--- a/frontend/src/lib/components/ArgInput.svelte
+++ b/frontend/src/lib/components/ArgInput.svelte
@@ -905,5 +905,6 @@
 	/* Firefox */
 	input[type='number'] {
 		-moz-appearance: textfield !important;
+		appearance: textfield !important;
 	}
 </style>
diff --git a/frontend/src/lib/components/AutheliaSetting.svelte b/frontend/src/lib/components/AutheliaSetting.svelte
index 48d2a08d64..d97b54c7e7 100644
--- a/frontend/src/lib/components/AutheliaSetting.svelte
+++ b/frontend/src/lib/components/AutheliaSetting.svelte
@@ -31,6 +31,7 @@
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name={'authelia'} after={true} /></div><Toggle
 			checked={enabled}
diff --git a/frontend/src/lib/components/AuthentikSetting.svelte b/frontend/src/lib/components/AuthentikSetting.svelte
index 6365982010..116eee2648 100644
--- a/frontend/src/lib/components/AuthentikSetting.svelte
+++ b/frontend/src/lib/components/AuthentikSetting.svelte
@@ -31,6 +31,7 @@
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name={'authentik'} after={true} /></div><Toggle
 			checked={enabled}
diff --git a/frontend/src/lib/components/DateInput.svelte b/frontend/src/lib/components/DateInput.svelte
index eb4b650c76..1881abcfcc 100644
--- a/frontend/src/lib/components/DateInput.svelte
+++ b/frontend/src/lib/components/DateInput.svelte
@@ -69,6 +69,7 @@
 </script>
 
 <div class="flex flex-row gap-1 items-center w-full" id={randomId} on:pointerdown on:focus>
+	<!-- svelte-ignore a11y-autofocus -->
 	<input
 		type="date"
 		bind:value={date}
diff --git a/frontend/src/lib/components/FlowBuilder.svelte b/frontend/src/lib/components/FlowBuilder.svelte
index 5938564ac3..b6942a7bfd 100644
--- a/frontend/src/lib/components/FlowBuilder.svelte
+++ b/frontend/src/lib/components/FlowBuilder.svelte
@@ -883,7 +883,7 @@
 						Object.keys(flowModule.value.input_transforms).forEach((key) => {
 							if (key !== 'prev_output') {
 								const schema = $flowStateStore[module.id].schema
-								const schemaProperty = Object.entries(schema.properties).find(
+								const schemaProperty = Object.entries(schema?.properties ?? {}).find(
 									(x) => x[0] === key
 								)?.[1]
 								const snakeKey = snakeCase(key)
@@ -892,7 +892,7 @@
 									(!$flowStore.schema || !(snakeKey in ($flowStore.schema.properties as any) ?? {})) // prevent overriding flow inputs
 								) {
 									copilotFlowInputs[snakeKey] = schemaProperty
-									if (schema.required.includes(snakeKey)) {
+									if (schema?.required.includes(snakeKey)) {
 										copilotFlowRequiredInputs.push(snakeKey)
 									}
 								}
diff --git a/frontend/src/lib/components/FlowMetadata.svelte b/frontend/src/lib/components/FlowMetadata.svelte
index 6f283988a4..0ff92493e1 100644
--- a/frontend/src/lib/components/FlowMetadata.svelte
+++ b/frontend/src/lib/components/FlowMetadata.svelte
@@ -74,6 +74,7 @@
 				<Calendar size={SMALL_ICON_SIZE} class="text-secondary min-w-3.5" />
 				<span class="whitespace-nowrap">
 					Schedule:
+					<!-- svelte-ignore a11y-invalid-attribute -->
 					<a
 						href="#"
 						class="break-words text-blue-600 font-normal"
diff --git a/frontend/src/lib/components/FlowStatusViewerInner.svelte b/frontend/src/lib/components/FlowStatusViewerInner.svelte
index 52283a54a2..57e832f708 100644
--- a/frontend/src/lib/components/FlowStatusViewerInner.svelte
+++ b/frontend/src/lib/components/FlowStatusViewerInner.svelte
@@ -485,7 +485,7 @@
 
 			if ($flowStateStore && $flowStateStore?.[modId] == undefined) {
 				$flowStateStore[modId] = {
-					...($flowStateStore[modId] ?? {}),
+					...(($flowStateStore[modId] as object) ?? {}),
 					previewResult: jobLoaded.args
 				}
 			}
diff --git a/frontend/src/lib/components/InputTransformForm.svelte b/frontend/src/lib/components/InputTransformForm.svelte
index 2c5cec02a9..64530dd3ba 100644
--- a/frontend/src/lib/components/InputTransformForm.svelte
+++ b/frontend/src/lib/components/InputTransformForm.svelte
@@ -24,7 +24,7 @@
 	import StepInputGen from './copilot/StepInputGen.svelte'
 	import type { PickableProperties } from './flows/previousResults'
 
-	export let schema: Schema
+	export let schema: Schema | { properties?: Record<string, any>; required?: string[] }
 	export let arg: InputTransform | any
 	export let argName: string
 	export let extraLib: string = 'missing extraLib'
@@ -45,11 +45,11 @@
 	const dispatch = createEventDispatcher()
 
 	$: inputCat = computeInputCat(
-		schema.properties[argName].type,
-		schema.properties[argName].format,
-		schema.properties[argName].items?.type,
-		schema.properties[argName].enum,
-		schema.properties[argName].contentEncoding
+		schema?.properties?.[argName].type,
+		schema?.properties?.[argName].format,
+		schema?.properties?.[argName].items?.type,
+		schema?.properties?.[argName].enum,
+		schema?.properties?.[argName].contentEncoding
 	)
 
 	let propertyType = getPropertyType(arg)
@@ -170,11 +170,11 @@
 
 	function setDefaultCode() {
 		if (!arg?.value) {
-			monacoTemplate?.setCode(schema.properties[argName].default)
+			monacoTemplate?.setCode(schema.properties?.[argName].default)
 		}
 	}
 
-	$: schema.properties[argName].default && setDefaultCode()
+	$: schema?.properties?.[argName].default && setDefaultCode()
 
 	let resourceTypes: string[] | undefined = undefined
 
@@ -194,10 +194,10 @@
 			<div class="flex flex-wrap grow">
 				<FieldHeader
 					label={argName}
-					format={schema.properties[argName].format}
-					contentEncoding={schema.properties[argName].contentEncoding}
-					required={schema.required.includes(argName)}
-					type={schema.properties[argName].type}
+					format={schema?.properties?.[argName].format}
+					contentEncoding={schema?.properties?.[argName].contentEncoding}
+					required={schema.required?.includes(argName)}
+					type={schema.properties?.[argName].type}
 				/>
 
 				{#if isStaticTemplate(inputCat)}
@@ -220,7 +220,7 @@
 							bind:this={stepInputGen}
 							{focused}
 							{arg}
-							schemaProperty={schema.properties[argName]}
+							schemaProperty={schema?.properties?.[argName]}
 							showPopup={(isStaticTemplate(inputCat) && propertyType == 'static') ||
 								propertyType === undefined ||
 								propertyType === 'static' ||
@@ -382,7 +382,7 @@
 						/>
 					{/if}
 				</div>
-			{:else if propertyType === undefined || propertyType == 'static'}
+			{:else if (propertyType === undefined || propertyType == 'static') && schema?.properties?.[argName]}
 				<ArgInput
 					{resourceTypes}
 					noMargin
@@ -402,7 +402,7 @@
 					bind:value={arg.value}
 					type={schema.properties[argName].type}
 					oneOf={schema.properties[argName].oneOf}
-					required={schema.required.includes(argName)}
+					required={schema.required?.includes(argName)}
 					bind:pattern={schema.properties[argName].pattern}
 					bind:valid={inputCheck}
 					defaultValue={schema.properties[argName].default}
diff --git a/frontend/src/lib/components/InputTransformSchemaForm.svelte b/frontend/src/lib/components/InputTransformSchemaForm.svelte
index 908a5b502a..488797c6db 100644
--- a/frontend/src/lib/components/InputTransformSchemaForm.svelte
+++ b/frontend/src/lib/components/InputTransformSchemaForm.svelte
@@ -12,7 +12,7 @@
 	import VariableEditor from './VariableEditor.svelte'
 	import { Plus } from 'lucide-svelte'
 
-	export let schema: Schema
+	export let schema: Schema | { properties?: Record<string, any> }
 	export let args: Record<string, InputTransform | any> = {}
 
 	export let isValid: boolean = true
diff --git a/frontend/src/lib/components/ItemPicker.svelte b/frontend/src/lib/components/ItemPicker.svelte
index 08c63be5e5..1ee28fc197 100644
--- a/frontend/src/lib/components/ItemPicker.svelte
+++ b/frontend/src/lib/components/ItemPicker.svelte
@@ -65,6 +65,7 @@
 	>
 		<div class="w-full h-full flex flex-col">
 			<div class="flex flex-row gap-2 pb-4">
+				<!-- svelte-ignore a11y-autofocus -->
 				<input
 					type="text"
 					placeholder="Search {itemName}s"
diff --git a/frontend/src/lib/components/KanidmSetting.svelte b/frontend/src/lib/components/KanidmSetting.svelte
index 562a987ec4..4dae1733c9 100644
--- a/frontend/src/lib/components/KanidmSetting.svelte
+++ b/frontend/src/lib/components/KanidmSetting.svelte
@@ -41,6 +41,7 @@
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name={'kanidm'} after={true} /></div><Toggle
 			checked={enabled}
diff --git a/frontend/src/lib/components/KeycloakSetting.svelte b/frontend/src/lib/components/KeycloakSetting.svelte
index 9cb33a5c74..dcc347bb2d 100644
--- a/frontend/src/lib/components/KeycloakSetting.svelte
+++ b/frontend/src/lib/components/KeycloakSetting.svelte
@@ -31,6 +31,7 @@
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name={'keycloak'} after={true} /></div><Toggle
 			checked={enabled}
diff --git a/frontend/src/lib/components/LightweightArgInput.svelte b/frontend/src/lib/components/LightweightArgInput.svelte
index a6029d4e00..d6fb630f8d 100644
--- a/frontend/src/lib/components/LightweightArgInput.svelte
+++ b/frontend/src/lib/components/LightweightArgInput.svelte
@@ -602,5 +602,6 @@
 	/* Firefox */
 	input[type='number'] {
 		-moz-appearance: textfield !important;
+		appearance: textfield !important;
 	}
 </style>
diff --git a/frontend/src/lib/components/ModulePreview.svelte b/frontend/src/lib/components/ModulePreview.svelte
index 08cc1d7c02..0f5b076c3a 100644
--- a/frontend/src/lib/components/ModulePreview.svelte
+++ b/frontend/src/lib/components/ModulePreview.svelte
@@ -20,7 +20,7 @@
 	import ScriptFix from './copilot/ScriptFix.svelte'
 
 	export let mod: FlowModule
-	export let schema: Schema
+	export let schema: Schema | { properties?: Record<string, any> }
 	export let pickableProperties: PickableProperties | undefined
 	export let lang: Script['language']
 	export let editor: Editor | undefined
diff --git a/frontend/src/lib/components/ModulePreviewForm.svelte b/frontend/src/lib/components/ModulePreviewForm.svelte
index ba623d7d2e..ba5ac68476 100644
--- a/frontend/src/lib/components/ModulePreviewForm.svelte
+++ b/frontend/src/lib/components/ModulePreviewForm.svelte
@@ -13,7 +13,7 @@
 	import type SimpleEditor from './SimpleEditor.svelte'
 	import { getResourceTypes } from './resourceTypesStore'
 
-	export let schema: Schema
+	export let schema: Schema | { properties?: Record<string, any>; required?: string[] }
 	export let args: Record<string, any> = {}
 	export let mod: FlowModule
 	export let pickableProperties: PickableProperties | undefined
@@ -76,7 +76,7 @@
 		{#each keys as argName, i (argName)}
 			{#if Object.keys(schema.properties ?? {}).includes(argName)}
 				<div class="flex gap-2">
-					{#if typeof args == 'object' && schema?.properties[argName]}
+					{#if typeof args == 'object' && schema?.properties?.[argName]}
 						<ArgInput
 							{resourceTypes}
 							minW={false}
@@ -86,7 +86,7 @@
 							bind:value={args[argName]}
 							type={schema.properties[argName].type}
 							oneOf={schema.properties[argName].oneOf}
-							required={schema.required.includes(argName)}
+							required={schema?.required?.includes(argName)}
 							pattern={schema.properties[argName].pattern}
 							bind:editor={editor[argName]}
 							bind:valid={inputCheck[argName]}
diff --git a/frontend/src/lib/components/OAuthSetting.svelte b/frontend/src/lib/components/OAuthSetting.svelte
index d32ff638fc..c41188043a 100644
--- a/frontend/src/lib/components/OAuthSetting.svelte
+++ b/frontend/src/lib/components/OAuthSetting.svelte
@@ -36,6 +36,7 @@
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm flex gap-4 items-center font-medium text-primary"
 		><div class="w-[120px]"><IconedResourceType {name} after={true} /></div><Toggle
 			checked={enabled}
@@ -92,16 +93,16 @@
 					</div>
 				</CollapseLink>
 			{:else if name == 'slack'}
-			<CollapseLink text="Instructions">
-				<div class="text-sm text-secondary border p-2">
-					Create a new App <a
-						href="https://api.slack.com/apps?new_app=1"
-						target="_blank">in Slack API Console</a>.
-					Pick "From an app manifest", then YAML and paste manifest template found on <a
-					href="https://www.windmill.dev/docs/misc/setup_oauth#slack"
-					target="_blank">Windmill Docs</a> and then paste Client ID and Client Secret here.
-				</div>
-			</CollapseLink>
+				<CollapseLink text="Instructions">
+					<div class="text-sm text-secondary border p-2">
+						Create a new App <a href="https://api.slack.com/apps?new_app=1" target="_blank"
+							>in Slack API Console</a
+						>. Pick "From an app manifest", then YAML and paste manifest template found on
+						<a href="https://www.windmill.dev/docs/misc/setup_oauth#slack" target="_blank"
+							>Windmill Docs</a
+						> and then paste Client ID and Client Secret here.
+					</div>
+				</CollapseLink>
 			{:else if name == 'microsoft'}
 				<CollapseLink text="Instructions">
 					<div class="text-sm text-secondary border p-2">
diff --git a/frontend/src/lib/components/OktaSetting.svelte b/frontend/src/lib/components/OktaSetting.svelte
index f56a0084f2..1b01f14173 100644
--- a/frontend/src/lib/components/OktaSetting.svelte
+++ b/frontend/src/lib/components/OktaSetting.svelte
@@ -34,6 +34,7 @@
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name="okta" after={true} /></div><Toggle
 			checked={enabled}
diff --git a/frontend/src/lib/components/ZitadelSetting.svelte b/frontend/src/lib/components/ZitadelSetting.svelte
index 4353945396..4481f55004 100644
--- a/frontend/src/lib/components/ZitadelSetting.svelte
+++ b/frontend/src/lib/components/ZitadelSetting.svelte
@@ -31,6 +31,7 @@
 </script>
 
 <div class="flex flex-col gap-1">
+	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label class="text-sm font-medium text-primary flex gap-4 items-center"
 		><div class="w-[120px]"><IconedResourceType name={'zitadel'} after={true} /></div><Toggle
 			checked={enabled}
diff --git a/frontend/src/lib/components/apps/components/display/table/AppAggridInfiniteTable.svelte b/frontend/src/lib/components/apps/components/display/table/AppAggridInfiniteTable.svelte
index 484c9190bd..292da12613 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppAggridInfiniteTable.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppAggridInfiniteTable.svelte
@@ -3,12 +3,7 @@
 
 	import { getContext } from 'svelte'
 	import type { AppInput } from '../../../inputType'
-	import type {
-		AppViewerContext,
-		ComponentCustomCSS,
-		RichConfiguration,
-		RichConfigurations
-	} from '../../../types'
+	import type { AppViewerContext, ComponentCustomCSS, RichConfigurations } from '../../../types'
 	import RunnableWrapper from '../../helpers/RunnableWrapper.svelte'
 
 	import { initConfig, initOutput } from '$lib/components/apps/editor/appUtils'
@@ -33,7 +28,6 @@
 	export let render: boolean
 	export let customCss: ComponentCustomCSS<'aggridinfinitecomponent'> | undefined = undefined
 	export let actions: TableAction[] | undefined = undefined
-	export let actionsOrder: RichConfiguration | undefined = undefined
 
 	let runnableComponent: RunnableComponent | undefined = undefined
 
diff --git a/frontend/src/lib/components/apps/components/display/table/AppAggridInfiniteTableEe.svelte b/frontend/src/lib/components/apps/components/display/table/AppAggridInfiniteTableEe.svelte
index a4817236dd..e787c13f2b 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppAggridInfiniteTableEe.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppAggridInfiniteTableEe.svelte
@@ -3,11 +3,7 @@
 
 <script lang="ts">
 	import type { AppInput } from '$lib/components/apps/inputType'
-	import type {
-		ComponentCustomCSS,
-		RichConfiguration,
-		RichConfigurations
-	} from '$lib/components/apps/types'
+	import type { ComponentCustomCSS, RichConfigurations } from '$lib/components/apps/types'
 
 	import 'ag-grid-community/styles/ag-grid.css'
 	import 'ag-grid-community/styles/ag-theme-alpine.css'
@@ -23,7 +19,6 @@
 	export let render: boolean
 	export let customCss: ComponentCustomCSS<'aggridinfinitecomponentee'> | undefined = undefined
 	export let actions: TableAction[] = []
-	export let actionsOrder: RichConfiguration | undefined = undefined
 
 	let loaded = false
 	async function load() {
@@ -46,7 +41,6 @@
 		{render}
 		{customCss}
 		{actions}
-		{actionsOrder}
 	/>
 {:else}
 	<Loader2 class="animate-spin" />
diff --git a/frontend/src/lib/components/apps/components/inputs/AppQuillEditor.svelte b/frontend/src/lib/components/apps/components/inputs/AppQuillEditor.svelte
index 4e317d9764..529a47364a 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppQuillEditor.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppQuillEditor.svelte
@@ -100,7 +100,7 @@
 	</div>
 {/if}
 
-<style>
+<style lang="postcss">
 	:global(.ql-toolbar) {
 		@apply rounded-t-md;
 	}
diff --git a/frontend/src/lib/components/apps/components/inputs/currency/CurrencyInput.svelte b/frontend/src/lib/components/apps/components/inputs/currency/CurrencyInput.svelte
index 87b535ae94..017b326500 100644
--- a/frontend/src/lib/components/apps/components/inputs/currency/CurrencyInput.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/currency/CurrencyInput.svelte
@@ -202,7 +202,7 @@
 	/>
 </div>
 
-<style>
+<style lang="postcss">
 	input.currencyInput__formatted {
 		border: 1px solid #e2e2e2;
 		padding: 10px;
diff --git a/frontend/src/lib/components/apps/editor/DeploymentHistory.svelte b/frontend/src/lib/components/apps/editor/DeploymentHistory.svelte
index 785811105f..c2a73d5787 100644
--- a/frontend/src/lib/components/apps/editor/DeploymentHistory.svelte
+++ b/frontend/src/lib/components/apps/editor/DeploymentHistory.svelte
@@ -76,6 +76,7 @@
 						<div class="flex gap-2 flex-col">
 							{#each versions ?? [] as version}
 								<!-- svelte-ignore a11y-click-events-have-key-events -->
+								<!-- svelte-ignore a11y-no-static-element-interactions -->
 								<div
 									class={classNames(
 										'border flex gap-1 truncate justify-between flex-row w-full items-center p-2 rounded-md cursor-pointer hover:bg-blue-50 hover:text-blue-400',
diff --git a/frontend/src/lib/components/apps/editor/component/Component.svelte b/frontend/src/lib/components/apps/editor/component/Component.svelte
index 86596354a0..6561c1b1a5 100644
--- a/frontend/src/lib/components/apps/editor/component/Component.svelte
+++ b/frontend/src/lib/components/apps/editor/component/Component.svelte
@@ -403,7 +403,6 @@
 				componentInput={component.componentInput}
 				customCss={component.customCss}
 				actions={component.actions ?? []}
-				actionsOrder={component.actionsOrder ?? undefined}
 				{render}
 			/>
 		{:else if component.type === 'aggridinfinitecomponentee'}
@@ -415,7 +414,6 @@
 				componentInput={component.componentInput}
 				customCss={component.customCss}
 				actions={component.actions ?? []}
-				actionsOrder={component.actionsOrder ?? undefined}
 				{render}
 			/>
 		{:else if component.type === 'textcomponent'}
diff --git a/frontend/src/lib/components/apps/editor/contextPanel/SubGridOutput.svelte b/frontend/src/lib/components/apps/editor/contextPanel/SubGridOutput.svelte
index 25ff58c15a..7f92a5cd16 100644
--- a/frontend/src/lib/components/apps/editor/contextPanel/SubGridOutput.svelte
+++ b/frontend/src/lib/components/apps/editor/contextPanel/SubGridOutput.svelte
@@ -46,6 +46,7 @@
 	<div class="ml-2 my-2">
 		{#if subGrids.length > 1}
 			<!-- svelte-ignore a11y-click-events-have-key-events -->
+			<!-- svelte-ignore a11y-no-static-element-interactions -->
 			<div
 				class={classNames(
 					'px-1 py-0.5 flex justify-between items-center font-semibold text-xs border-l border-y w-full cursor-pointer',
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
index b2b89727e3..1376437c4d 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
@@ -414,7 +414,6 @@
 			<DecisionTreeGraphEditor
 				bind:nodes={componentSettings.item.data.nodes}
 				bind:component={componentSettings.item.data}
-				rebuildOnChange={componentSettings.item.data.nodes}
 			/>
 		{:else if componentSettings.item.data.type === 'verticalsplitpanescomponent' || componentSettings.item.data.type === 'horizontalsplitpanescomponent'}
 			<GridPane
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
index 70d4ad3bac..0b78c15336 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
@@ -16,7 +16,6 @@
 
 	export let component: AppComponent
 	export let nodes: DecisionTreeNode[]
-	export let rebuildOnChange: any = undefined
 
 	let drawer: Drawer | undefined = undefined
 	let paneWidth = 0
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte
index 20704c9bd8..96733ea92e 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte
@@ -87,6 +87,7 @@
 									hover:bg-gray-100 focus:bg-gray-100 rounded duration-200 dark:hover:bg-frost-900 dark:focus:bg-frost-900
 									{label === value ? 'text-blue-600 bg-blue-50 pointer-events-none' : ''}"
 						>
+							<!-- svelte-ignore a11y-missing-attribute -->
 							<img
 								class="dark:invert"
 								loading="lazy"
diff --git a/frontend/src/lib/components/apps/svelte-select/lib/Select.svelte b/frontend/src/lib/components/apps/svelte-select/lib/Select.svelte
index f118b8bef3..b5a7490d04 100644
--- a/frontend/src/lib/components/apps/svelte-select/lib/Select.svelte
+++ b/frontend/src/lib/components/apps/svelte-select/lib/Select.svelte
@@ -582,6 +582,7 @@
 
 <svelte:window on:click={handleClickOutside} on:keydown={handleKeyDown} />
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class={twMerge('svelte-select', containerClasses)}
 	class:disabled
diff --git a/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte b/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
index cce125f3c8..d225fe6c0f 100644
--- a/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
+++ b/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
@@ -26,6 +26,7 @@
 	$: if (value === undefined) value = ''
 </script>
 
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class="relative grow {wrapperClass}"
 	on:mouseenter={() => (isHovered = true)}
diff --git a/frontend/src/lib/components/common/drawer/Drawer.svelte b/frontend/src/lib/components/common/drawer/Drawer.svelte
index 0d9ef888f0..6fe29cbb79 100644
--- a/frontend/src/lib/components/common/drawer/Drawer.svelte
+++ b/frontend/src/lib/components/common/drawer/Drawer.svelte
@@ -91,7 +91,7 @@
 	</Disposable>
 </ConditionalPortal>
 
-<style>
+<style lang="postcss">
 	.drawer {
 		position: fixed;
 		top: 0;
diff --git a/frontend/src/lib/components/common/menu/MenuItem.svelte b/frontend/src/lib/components/common/menu/MenuItem.svelte
index e737e30159..4c3d50643c 100644
--- a/frontend/src/lib/components/common/menu/MenuItem.svelte
+++ b/frontend/src/lib/components/common/menu/MenuItem.svelte
@@ -1,4 +1,5 @@
 <!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div on:click class="py-1">
 	<span
 		class="text-secondary block px-4 py-2 text-sm hover:bg-surface-hover hover:text-primary"
diff --git a/frontend/src/lib/components/common/modal/AlwaysMountedModal.svelte b/frontend/src/lib/components/common/modal/AlwaysMountedModal.svelte
index 5982559f6d..ddcfa453a6 100644
--- a/frontend/src/lib/components/common/modal/AlwaysMountedModal.svelte
+++ b/frontend/src/lib/components/common/modal/AlwaysMountedModal.svelte
@@ -61,6 +61,7 @@
 				</div>
 
 				<!-- svelte-ignore a11y-click-events-have-key-events -->
+				<!-- svelte-ignore a11y-no-static-element-interactions -->
 				<div class="relative bg-surface rounded-md" on:click|stopPropagation={() => {}}>
 					<div
 						class={twMerge(
diff --git a/frontend/src/lib/components/common/stepper/Stepper.svelte b/frontend/src/lib/components/common/stepper/Stepper.svelte
index d29cb03001..91ea814dab 100644
--- a/frontend/src/lib/components/common/stepper/Stepper.svelte
+++ b/frontend/src/lib/components/common/stepper/Stepper.svelte
@@ -55,6 +55,7 @@
 	<ol class="relative z-20 flex justify-between items-centers text-sm font-medium text-tertiary">
 		{#each tabs ?? [] as step, index}
 			<!-- svelte-ignore a11y-click-events-have-key-events -->
+			<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
 			<li
 				class={classNames(
 					'flex items-center gap-2 px-2 py-1 hover:bg-gray-1200 rounded-md m-0.5',
diff --git a/frontend/src/lib/components/copilot/StepInputsGen.svelte b/frontend/src/lib/components/copilot/StepInputsGen.svelte
index c84682cb6a..d1ed185515 100644
--- a/frontend/src/lib/components/copilot/StepInputsGen.svelte
+++ b/frontend/src/lib/components/copilot/StepInputsGen.svelte
@@ -22,7 +22,7 @@
 	let loading = false
 	export let pickableProperties: PickableProperties | undefined = undefined
 	export let argNames: string[] = []
-	export let schema: Schema
+	export let schema: Schema | { properties?: Record<string, any> } | undefined = undefined
 
 	const { flowStore, selectedId } = getContext<FlowEditorContext>('FlowEditorContext')
 
@@ -130,7 +130,7 @@ input_name2: expression2
 		const properties = {
 			...($flowStore.schema?.properties as Record<string, SchemaProperty> | undefined),
 			...newFlowInputs.reduce((acc, x) => {
-				acc[x] = (schema.properties ?? {})[x]
+				acc[x] = (schema?.properties ?? {})[x]
 				return acc
 			}, {})
 		}
diff --git a/frontend/src/lib/components/details/ClipboardPanel.svelte b/frontend/src/lib/components/details/ClipboardPanel.svelte
index 17bed7e7f7..b4cc68b435 100644
--- a/frontend/src/lib/components/details/ClipboardPanel.svelte
+++ b/frontend/src/lib/components/details/ClipboardPanel.svelte
@@ -11,6 +11,7 @@
 {/if}
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class="px-2 py-1 border flex items-center cursor-pointer bg-surface-secondary text-primary justify-between rounded-md"
 	on:click={(e) => {
diff --git a/frontend/src/lib/components/flows/content/FlowConstants.svelte b/frontend/src/lib/components/flows/content/FlowConstants.svelte
index 89a4355d97..4b8185531a 100644
--- a/frontend/src/lib/components/flows/content/FlowConstants.svelte
+++ b/frontend/src/lib/components/flows/content/FlowConstants.svelte
@@ -32,10 +32,10 @@
 						let val: { argName: string; type: string } | undefined = undefined
 
 						const [k, inputTransform] = x
-						const v = schema.properties[k]
+						const v = schema?.properties[k]
 
 						if (
-							v.format?.includes('resource') &&
+							v?.format?.includes('resource') &&
 							inputTransform.type === 'static' &&
 							(inputTransform.value === '' ||
 								inputTransform.value === undefined ||
@@ -66,7 +66,7 @@
 					Object.entries(v.input_transforms)
 						.filter((x) => {
 							const shouldDisplay = hideOptional
-								? $flowStateStore[m.id]?.schema.required?.includes(x[0])
+								? $flowStateStore[m.id]?.schema?.required?.includes(x[0])
 								: true
 							return x[1].type == 'static' && shouldDisplay
 						})
diff --git a/frontend/src/lib/components/flows/content/FlowEditorPanel.svelte b/frontend/src/lib/components/flows/content/FlowEditorPanel.svelte
index 61d8191072..db6ada7095 100644
--- a/frontend/src/lib/components/flows/content/FlowEditorPanel.svelte
+++ b/frontend/src/lib/components/flows/content/FlowEditorPanel.svelte
@@ -41,7 +41,7 @@
 			$flowInputsStore[module?.id] = {
 				flowStepWarnings: await initFlowStepWarnings(
 					module.value,
-					$flowStateStore?.[module?.id]?.schema ?? {},
+					$flowStateStore?.[module?.id]?.schema,
 					dfs($flowStore.value.modules, (fm) => fm.id)
 				)
 			}
diff --git a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
index ad4f714abb..3ad107f990 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
@@ -197,7 +197,7 @@
 				argName,
 				flowModule.value,
 				$flowInputsStore[flowModule.id].flowStepWarnings ?? {},
-				$flowStateStore[$selectedId]?.schema ?? {},
+				$flowStateStore[$selectedId]?.schema,
 				dfs($flowStore?.value?.modules ?? [], (fm) => fm.id) ?? []
 			).then((flowStepWarnings) => {
 				$flowInputsStore[flowModule.id].flowStepWarnings = flowStepWarnings
@@ -254,7 +254,6 @@
 							flowModule,
 							$selectedId,
 							$flowStateStore[flowModule.id].schema,
-							$flowStore,
 							$pathStore
 						)
 						flowModule = module
@@ -500,6 +499,7 @@
 															using `$args[name_of_arg]`</Tooltip
 														>
 													</svelte:fragment>
+													<!-- svelte-ignore a11y-autofocus -->
 													<input
 														type="text"
 														autofocus
diff --git a/frontend/src/lib/components/flows/content/FlowSettings.svelte b/frontend/src/lib/components/flows/content/FlowSettings.svelte
index 34ce8692b8..0cf95cf676 100644
--- a/frontend/src/lib/components/flows/content/FlowSettings.svelte
+++ b/frontend/src/lib/components/flows/content/FlowSettings.svelte
@@ -46,6 +46,7 @@
 <div class="h-full overflow-hidden">
 	<FlowCard {noEditor} title="Settings">
 		<div class="h-full flex-1">
+			<!-- svelte-ignore a11y-autofocus -->
 			<Tabs bind:selected={$selectedId}>
 				<Tab value="settings-metadata">Metadata</Tab>
 				{#if !noEditor && customUi?.settingsTabs?.schedule != false}
diff --git a/frontend/src/lib/components/flows/flowState.ts b/frontend/src/lib/components/flows/flowState.ts
index b331d2848c..c1439fd3f0 100644
--- a/frontend/src/lib/components/flows/flowState.ts
+++ b/frontend/src/lib/components/flows/flowState.ts
@@ -5,7 +5,7 @@ import { loadFlowModuleState } from './flowStateUtils'
 import { emptyFlowModuleState } from './utils'
 
 export type FlowModuleState = {
-	schema: Schema
+	schema?: Schema
 	previewResult?: any
 	previewArgs?: any
 }
diff --git a/frontend/src/lib/components/flows/flowStateUtils.ts b/frontend/src/lib/components/flows/flowStateUtils.ts
index 6c2b9895f4..5a856fb297 100644
--- a/frontend/src/lib/components/flows/flowStateUtils.ts
+++ b/frontend/src/lib/components/flows/flowStateUtils.ts
@@ -210,8 +210,7 @@ export function emptyModule(flowState: FlowState, fullFlow: OpenFlow, flow?: boo
 export async function createScriptFromInlineScript(
 	flowModule: FlowModule,
 	suffix: string,
-	schema: Schema,
-	flow: OpenFlow,
+	schema: Schema | undefined,
 	flowPath: string
 ): Promise<[FlowModule & { value: PathScript }, FlowModuleState]> {
 	const user = get(userStore)
diff --git a/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte b/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
index 92a9e2619c..42c869a823 100644
--- a/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
+++ b/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
@@ -6,7 +6,6 @@
 
 	const dispatch = createEventDispatcher()
 
-	export let open: boolean | undefined = undefined
 	export let index: number
 	export let flowJobs: string[] | undefined
 	export let flowJobsSuccess: (boolean | undefined)[] | undefined
diff --git a/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte b/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
index c0d25c1b19..4d9e884a41 100644
--- a/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
+++ b/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
@@ -160,6 +160,7 @@
 			class="absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] trash center-center text-primary
 	border-[1.5px] border-gray-700 bg-surface duration-150 hover:bg-red-400 hover:text-white
 	hover:border-red-700 {selected ? '' : '!hidden'}"
+			title="Delete"
 			on:click|preventDefault|stopPropagation={(event) =>
 				dispatch('delete', { event, id, type: modType })}
 		>
@@ -171,6 +172,7 @@
 border-[1.5px] border-gray-700 bg-surface duration-150 hover:bg-blue-400 hover:text-white
 hover:border-blue-700 {selected ? '' : '!hidden'}"
 			on:click|preventDefault|stopPropagation={(event) => dispatch('move')}
+			title="Move"
 		>
 			<Move class="mx-[3px]" size={14} strokeWidth={2} />
 		</button>
diff --git a/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte b/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte
index 4be72b7170..c38f25ccbc 100644
--- a/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte
+++ b/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte
@@ -196,7 +196,7 @@
 			$flowInputsStore[module.id] = {
 				flowStepWarnings: await initFlowStepWarnings(
 					module.value,
-					$flowStateStore?.[module.id]?.schema ?? {},
+					$flowStateStore?.[module.id]?.schema,
 					dfs($flowStore.value.modules, (fm) => fm.id)
 				)
 			}
diff --git a/frontend/src/lib/components/flows/utils.ts b/frontend/src/lib/components/flows/utils.ts
index 11cf2f4083..c292a89299 100644
--- a/frontend/src/lib/components/flows/utils.ts
+++ b/frontend/src/lib/components/flows/utils.ts
@@ -187,7 +187,7 @@ export function emptyFlowModuleState(): FlowModuleState {
 export function isInputFilled(
 	inputTransforms: Record<string, InputTransform>,
 	key: string,
-	schema: Schema
+	schema: Schema | undefined
 ): boolean {
 	const required = schema?.required?.includes(key) ?? false
 
@@ -255,7 +255,7 @@ export async function computeFlowStepWarning(
 			type: 'error' | 'warning'
 		}
 	>,
-	schema: Schema,
+	schema: Schema | undefined,
 	moduleIds: string[] = []
 ) {
 	if (messages[argName]) {
@@ -264,7 +264,7 @@ export async function computeFlowStepWarning(
 
 	const type = flowModuleValue.type
 	if (type == 'rawscript' || type == 'script' || type == 'flow') {
-		if (!isInputFilled(flowModuleValue.input_transforms, argName, schema ?? {})) {
+		if (!isInputFilled(flowModuleValue.input_transforms, argName, schema)) {
 			messages[argName] = {
 				message: `Input ${argName} is required but not filled`,
 				type: 'warning'
@@ -290,7 +290,7 @@ export async function computeFlowStepWarning(
 
 export async function initFlowStepWarnings(
 	flowModuleValue: FlowModuleValue,
-	schema: Schema,
+	schema: Schema | undefined,
 	moduleIds: string[] = []
 ) {
 	const messages: Record<
@@ -305,7 +305,7 @@ export async function initFlowStepWarnings(
 	if (type == 'rawscript' || type == 'script' || type == 'flow') {
 		const keys = Object.keys(flowModuleValue.input_transforms ?? {})
 		const promises = keys.map(async (key) => {
-			await computeFlowStepWarning(key, flowModuleValue, messages, schema ?? {}, moduleIds)
+			await computeFlowStepWarning(key, flowModuleValue, messages, schema, moduleIds)
 		})
 		await Promise.all(promises)
 	}
diff --git a/frontend/src/lib/components/graph/FlowGraphV2.svelte b/frontend/src/lib/components/graph/FlowGraphV2.svelte
index 8e949f1235..9ccd540c6d 100644
--- a/frontend/src/lib/components/graph/FlowGraphV2.svelte
+++ b/frontend/src/lib/components/graph/FlowGraphV2.svelte
@@ -291,7 +291,7 @@
 	</SvelteFlow>
 </div>
 
-<style>
+<style lang="postcss">
 	:global(.svelte-flow__handle) {
 		opacity: 0;
 	}
diff --git a/frontend/src/lib/components/graph/renderers/nodes/BranchAllStart.svelte b/frontend/src/lib/components/graph/renderers/nodes/BranchAllStart.svelte
index 14b127e0a5..34a3ab27f5 100644
--- a/frontend/src/lib/components/graph/renderers/nodes/BranchAllStart.svelte
+++ b/frontend/src/lib/components/graph/renderers/nodes/BranchAllStart.svelte
@@ -45,6 +45,7 @@
 	/>
 	{#if data.insertable}
 		<button
+			title="Delete branch"
 			class="z-50 absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] center-center text-primary
 border-[1.5px] border-gray-700 bg-surface duration-150 hover:bg-red-400 hover:text-white
 hover:border-red-700"
diff --git a/frontend/src/lib/components/graph/renderers/nodes/BranchOneStart.svelte b/frontend/src/lib/components/graph/renderers/nodes/BranchOneStart.svelte
index c59d1baab1..ca7eb03956 100644
--- a/frontend/src/lib/components/graph/renderers/nodes/BranchOneStart.svelte
+++ b/frontend/src/lib/components/graph/renderers/nodes/BranchOneStart.svelte
@@ -42,6 +42,7 @@
 	/>
 	{#if data.insertable}
 		<button
+			title="Delete branch"
 			class="z-50 absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] center-center text-primary
 border-[1.5px] border-gray-700 bg-surface duration-150 hover:bg-red-400 hover:text-white
 hover:border-red-700"
diff --git a/frontend/src/lib/components/graph/renderers/nodes/ModuleNode.svelte b/frontend/src/lib/components/graph/renderers/nodes/ModuleNode.svelte
index f4df42336a..67d3ad2ff3 100644
--- a/frontend/src/lib/components/graph/renderers/nodes/ModuleNode.svelte
+++ b/frontend/src/lib/components/graph/renderers/nodes/ModuleNode.svelte
@@ -86,6 +86,7 @@
 	<div class="absolute -bottom-10 left-1/2 transform -translate-x-1/2 z-10">
 		{#if (data.value.type === 'branchall' || data.value.type === 'branchone') && data.insertable}
 			<button
+				title="Add branch"
 				class="rounded-full border hover:bg-surface-hover bg-surface p-1"
 				on:click={() => {
 					data?.eventHandlers?.newBranch(data.module)
diff --git a/frontend/src/lib/components/icons/AzureIcon.svelte b/frontend/src/lib/components/icons/AzureIcon.svelte
index b136d0d5e1..fcec9b7e14 100644
--- a/frontend/src/lib/components/icons/AzureIcon.svelte
+++ b/frontend/src/lib/components/icons/AzureIcon.svelte
@@ -3,7 +3,7 @@
 	export let width = '24px'
 </script>
 
-<svg id="azure" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.5 377.3" width="20" height="20"
+<svg id="azure" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.5 377.3" {width} {height}
 	><style>
 		.st0-azure {
 			fill: #00bef2;
diff --git a/frontend/src/lib/components/icons/FunkwhaleIcon.svelte b/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
index d5d9a55b99..55cda2031f 100644
--- a/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
+++ b/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
@@ -15,11 +15,7 @@
 	style="fill:currentcolor;"
 	><metadata id="metadata25"
 		><rdf:RDF
-			><cc:Work rdf:about=""
-				><dc:format>image/svg+xml</dc:format><dc:type
-					rdf:resource="http://purl.org/dc/dcmitype/StillImage"
-				/><dc:title /></cc:Work
-			></rdf:RDF
+			><cc:Work><dc:format>image/svg+xml</dc:format><dc:type /><dc:title /></cc:Work></rdf:RDF
 		></metadata
 	><defs id="defs23" /><sodipodi:namedview
 		pagecolor="#ffffff"
@@ -28,19 +24,8 @@
 		objecttolerance="10"
 		gridtolerance="10"
 		guidetolerance="10"
-		inkscape:pageopacity="0"
-		inkscape:pageshadow="2"
-		inkscape:window-width="1920"
-		inkscape:window-height="1043"
 		id="namedview21"
 		showgrid="true"
-		inkscape:zoom="1.84375"
-		inkscape:cx="210.72257"
-		inkscape:cy="88.813847"
-		inkscape:window-x="0"
-		inkscape:window-y="0"
-		inkscape:window-maximized="1"
-		inkscape:current-layer="Calque_1"
 		><inkscape:grid
 			type="xygrid"
 			id="grid4535"
@@ -50,13 +35,10 @@
 	>
 	<style type="text/css" id="style2">
 		.st0 {
-
 		}
 		.st1 {
-			
 		}
 		.st2 {
-			
 		}
 	</style>
 
diff --git a/frontend/src/lib/components/runs/RunsFilter.svelte b/frontend/src/lib/components/runs/RunsFilter.svelte
index 0bd631e2ea..663b1f93c5 100644
--- a/frontend/src/lib/components/runs/RunsFilter.svelte
+++ b/frontend/src/lib/components/runs/RunsFilter.svelte
@@ -276,6 +276,7 @@
 							></span
 						>
 
+						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							type="text"
@@ -317,6 +318,7 @@
 							</Tooltip></span
 						>
 
+						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							type="text"
@@ -350,6 +352,7 @@
 						{/if}
 						<span class="text-xs absolute -top-4"> Tag </span>
 
+						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							type="text"
@@ -383,6 +386,7 @@
 						{/if}
 						<span class="text-xs absolute -top-4"> Schedule Path </span>
 
+						<!-- svelte-ignore a11y-autofocus -->
 						<input
 							autofocus
 							type="text"
@@ -630,6 +634,7 @@
 										</button>
 									{/if}
 
+									<!-- svelte-ignore a11y-autofocus -->
 									<input
 										autofocus
 										type="text"
@@ -664,6 +669,7 @@
 										</button>
 									{/if}
 
+									<!-- svelte-ignore a11y-autofocus -->
 									<input
 										autofocus
 										type="text"
@@ -698,6 +704,7 @@
 										</button>
 									{/if}
 
+									<!-- svelte-ignore a11y-autofocus -->
 									<input
 										autofocus
 										type="text"
diff --git a/frontend/src/lib/components/schema/PropertyEditor.svelte b/frontend/src/lib/components/schema/PropertyEditor.svelte
index 06d5e369e3..1ce25726fd 100644
--- a/frontend/src/lib/components/schema/PropertyEditor.svelte
+++ b/frontend/src/lib/components/schema/PropertyEditor.svelte
@@ -228,9 +228,4 @@
 		-webkit-appearance: none !important;
 		margin: 0;
 	}
-
-	/* Firefox */
-	input[type='number'] {
-		-moz-appearance: textfield !important;
-	}
 </style>
diff --git a/frontend/src/lib/components/tutorials/FlowBuilderTutorialsForLoop.svelte b/frontend/src/lib/components/tutorials/FlowBuilderTutorialsForLoop.svelte
index 3c26131df1..e431608662 100644
--- a/frontend/src/lib/components/tutorials/FlowBuilderTutorialsForLoop.svelte
+++ b/frontend/src/lib/components/tutorials/FlowBuilderTutorialsForLoop.svelte
@@ -141,8 +141,8 @@
 							}
 
 							$flowStateStore[newId] = emptyFlowModuleState()
-
-							$flowStateStore[newId].schema.properties = {
+							let schema = $flowStateStore[newId].schema ?? { properties: {} }
+							schema.properties = {
 								x: {
 									type: 'string',
 									description: '',