preview textgen

src/lib/components/text-generation/Preview.svelte

@@ -4,7 +4,8 @@
 </script>
 
 <div class="text-white p-6 font-code text-xs !leading-loose">
-  {#if res?.[0]?.translation_text}
-  {res[0]?.translation_text}
+  {body.inputs ?? "No input provided"}
+  {#if res?.[0]?.generated_text}
+  <span>{res[0]?.generated_text?.replace(body?.inputs, "")}</span>
   {/if}
 </div>

src/lib/components/translation/Preview.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  export let body: Record<string, any>;
+  export let res: Record<string, any>;
+</script>
+
+<div class="text-white p-6 font-code text-xs !leading-loose">
+  {#if res?.[0]?.translation_text}
+  {res[0]?.translation_text}
+  {/if}
+</div>

src/lib/components/translation/Response.svelte

@@ -6,7 +6,7 @@
   
   import Loading from "$lib/components/Loading.svelte"
   import CodePreview from '$lib/components/CodePreview.svelte';
-	import Preview from '$lib/components/text-generation/Preview.svelte';
+	import Preview from '$lib/components/translation/Preview.svelte';
 
   export let loading: boolean;
   export let res: any;