flat is not a function fixed

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

@@ -2,12 +2,21 @@
   export let body: Record<string, any>;
   export let res: Record<string, any>;
 
-  console.log(body, res)
+  
+  $: progressions = (res ?? [[]])?.flat()
+  </script>
 
-</script>
-
-<div class="text-white p-6 font-code text-xs !leading-loose">
-  {#if res?.[0]?.translation_text}
-  {res[0]?.translation_text}
-  {/if}
+<div class="text-white p-6 font-code text-xs !leading-loose grid grid-cols-1 gap-3 w-full max-w-lg">
+  "{body?.inputs}"
+  {#each progressions as { label, score }}
+    <div>
+      <div class="flex items-center justify-between mb-1">
+        <p class="text-blue-500">{label}</p>
+        <p class="text-green-500 text-xs">{score}</p>
+      </div>
+      <div class="w-full rounded-full bg-slate-800 h-[8px]">
+        <div class="h-full rounded-full bg-gradient-to-r from-blue-500 to-green-500" style="width: {score * 100}%"></div>
+      </div>
+    </div>
+  {/each}
 </div>

src/lib/components/text-analysis/Response.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
   import Icon from '@iconify/svelte';
-  import Highlight, { LineNumbers } from "svelte-highlight";
+  import Highlight from "svelte-highlight";
   import json from "svelte-highlight/languages/json";
   import "svelte-highlight/styles/night-owl.css"
   
   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/text-analysis/Preview.svelte';
 
   export let loading: boolean;
   export let res: any;

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

@@ -1,22 +1,10 @@
 <script lang="ts">
   export let body: Record<string, any>;
   export let res: Record<string, any>;
+</script>
 
-  
-  $: progressions = (res ?? [[]])?.flat()
-  </script>
-
-<div class="text-white p-6 font-code text-xs !leading-loose grid grid-cols-1 gap-3 w-full max-w-lg">
-  "{body?.inputs}"
-  {#each progressions as { label, score }}
-    <div>
-      <div class="flex items-center justify-between mb-1">
-        <p class="text-blue-500">{label}</p>
-        <p class="text-green-500 text-xs">{score}</p>
-      </div>
-      <div class="w-full rounded-full bg-slate-800 h-[8px]">
-        <div class="h-full rounded-full bg-gradient-to-r from-blue-500 to-green-500" style="width: {score * 100}%"></div>
-      </div>
-    </div>
-  {/each}
+<div class="text-white p-6 font-code text-xs !leading-loose">
+  {#if res?.[0]?.translation_text}
+  {res[0]?.translation_text}
+  {/if}
 </div>