feat: add color picker

web/src/lib/components/tool/ParamsCard.svelte

@@ -5,15 +5,17 @@
 	interface Props {
 		params: ParamDef[];
 		values: Record<string, any>;
+		pipetteTargetId?: string | null;
+		onPipetteToggle?: (id: string) => void;
 	}
 
-	let { params, values = $bindable() }: Props = $props();
+	let { params, values = $bindable(), pipetteTargetId = null, onPipetteToggle }: Props = $props();
 </script>
 
 <div class="panel root">
 	<h2 class="heading-section">Параметры</h2>
 	{#if params.length > 0}
-		<ParamForm {params} bind:values />
+		<ParamForm {params} bind:values {pipetteTargetId} {onPipetteToggle} />
 	{:else}
 		<p class="hint text-caption text-muted">
 			У этого инструмента нет параметров — результат уже готов.

web/src/lib/components/tool/SourceCard.svelte

@@ -10,9 +10,11 @@
 		onFile: (file: File) => void;
 		onError: (message: string) => void;
 		onReset: () => void;
+		pipetteActive?: boolean;
+		onPickColor?: (hex: string) => void;
 	}
 
-	let { source, onFile, onError, onReset }: Props = $props();
+	let { source, onFile, onError, onReset, pipetteActive = false, onPickColor }: Props = $props();
 </script>
 
 <div class="container">
@@ -22,7 +24,7 @@
 	{:else}
 		<DropOverlay {onFile} {onError}>
 			<div class="media">
-				<Preview image={source} />
+				<Preview image={source} pipetteActive={pipetteActive} onPickColor={onPickColor} />
 			</div>
 			<Button variant="secondary" onclick={onReset}>Заменить изображение</Button>
 		</DropOverlay>