[Widget] Fix examples (#575)

Closes #572


https://github.com/huggingface/huggingface.js/assets/11827707/feef9bf5-f8fc-4748-b23c-270c150bdf5a

packages/widgets/src/lib/components/InferenceWidget/shared/WidgetExamples/WidgetExamples.svelte

@@ -49,13 +49,19 @@
 	}
 
 	function _applyWidgetExample(idx: number) {
+		if (!isOptionsVisible) {
+			return;
+		}
 		hideOptions();
 		const sample = examples[idx];
 		title = sample.example_title as string;
 		applyWidgetExample(sample);
 	}
 
 	function _previewInputSample(idx: number) {
+		if (!isOptionsVisible) {
+			return;
+		}
 		const sample = examples[idx];
 		applyWidgetExample(sample, { isPreview: true });
 	}

packages/widgets/src/lib/components/InferenceWidget/widgets/ConversationalWidget/ConversationalWidget.svelte

@@ -214,24 +214,16 @@
 	}
 
 	async function applyWidgetExample(example: Example, opts: ExampleRunOpts = {}): Promise<void> {
-		if (isLoading) {
-			return;
+		if ("text" in example) {
+			messages = [{ role: "user", content: example.text }];
+		} else {
+			messages = [...example.messages];
 		}
-		isLoading = true;
-		try {
-			if ("text" in example) {
-				messages = [{ role: "user", content: example.text }];
-			} else {
-				messages = [...example.messages];
-			}
-			if (opts.isPreview) {
-				return;
-			}
-			const exampleOutput = example.output;
-			await getOutput({ ...opts.inferenceOpts, exampleOutput });
-		} finally {
-			isLoading = false;
+		if (opts.isPreview) {
+			return;
 		}
+		const exampleOutput = example.output;
+		await getOutput({ ...opts.inferenceOpts, exampleOutput });
 	}
 
 	function validateExample(sample: WidgetExample): sample is Example {