fix: reset target if invalid due to a change in character key

Author: Serdok

src/routes/optimize/+page.svelte

@@ -277,53 +277,3 @@
 			{/each}
 		</div>
 {/if}
-
-<!--{#if results.length === 0}-->
-<!--	{#if optimizer_running}-->
-<!--		<div class="my-2">-->
-<!--			<div>Tested 0 builds out of <LoaderCircle class="inline-flex animate-spin" /></div>-->
-<!--			<Progress value={tested_count} max={total_builds} />-->
-<!--		</div>-->
-
-<!--		<div class="my-2">-->
-<!--			<div class="flex items-center gap-4">-->
-<!--				<Skeleton class="size-12 rounded-full" />-->
-<!--				<div class="gap-2">-->
-<!--					<Skeleton class="h-4 w-[250px]" />-->
-<!--					<Skeleton class="h-4 w-[200px]" />-->
-<!--				</div>-->
-<!--			</div>-->
-<!--		</div>-->
-<!--	{/if}-->
-<!--{:else}-->
-<!--	{@const percentage = total_builds > 0 ? (tested_count / total_builds) * 100 : 0}-->
-<!--	<div class="my-2">-->
-<!--		<div>Tested {tested_count} builds out of {total_builds} ({percentage.toFixed(2)} %)</div>-->
-<!--		<Progress value={tested_count} max={total_builds} />-->
-<!--	</div>-->
-
-<!--	<div class="my-2">-->
-<!--		<RadioGroup.Root orientation="horizontal" bind:value={damage_selection} required class="mx-4 flex flex-row gap-2 justify-end">-->
-<!--			<div>-->
-<!--				<RadioGroup.Item id="non-crit" value="non-crit" />-->
-<!--				<Label for="non-crit">non-crit</Label>-->
-<!--			</div>-->
-
-<!--			<div>-->
-<!--				<RadioGroup.Item id="average" value="average" />-->
-<!--				<Label for="average">average</Label>-->
-<!--			</div>-->
-
-<!--			<div>-->
-<!--				<RadioGroup.Item id="forced-crit" value="forced-crit" />-->
-<!--				<Label for="forced-crit">forced crit</Label>-->
-<!--			</div>-->
-<!--		</RadioGroup.Root>-->
-<!--	</div>-->
-<!--	<div class="px-2 flex flex-col gap-4 divide-y-2">-->
-<!--		{#each results as result, i (i)}-->
-<!--			<OptimizerResult {result} {i} total_results={results.length} {damage_selection} target={target_key} />-->
-<!--		{/each}-->
-<!--	</div>-->
-<!--{/if}-->
-

src/routes/optimize/optimizer-selector.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { CharacterKey } from '$lib/data/characters/types';
+	import type { CharacterKey, SkillType } from '$lib/data/characters/types';
 	import type { DamageSelection, Target } from '$lib/data/optimizer/types';
 
 	import { Badge } from '$lib/components/ui/badge';
@@ -27,6 +27,15 @@
 		target = new_target;
 		open = false;
 	}
+
+	$effect(() => {
+		if (target.kind === 'motion') {
+			const { skill, motion } = target;
+			if (!Object.values(character.skills).some(s => s.key === skill && s.motions.some(m => m.key === motion))) {
+				target = { kind: 'stat', stat: 'atk' };
+			}
+		}
+	})
 </script>
 
 <div class="flex flex-row gap-1">