Changes

.env.example

@@ -1,7 +1,5 @@
-# Groq is used to transcribe speech and generate the text response.
-# https://console.groq.com/keys
+
 GROQ_API_KEY=
 
-# Cartesia is used to synthesize the text response into speech.
-# https://play.cartesia.ai/console
-CARTESIA_API_KEY=
+
+CARTESIA_API_KEY=

app/lib/icons.tsx

@@ -1,38 +1,36 @@
+const IconBase = ({ children, className }: { children: React.ReactNode; className?: string }) => (
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width="24"
+		height="24"
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		strokeWidth="2"
+		strokeLinecap="round"
+		strokeLinejoin="round"
+		aria-hidden="true"
+		role="img"
+		className={className}
+	>
+		{children}
+	</svg>
+);
+
 export function LoadingIcon() {
 	return (
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			width="24"
-			height="24"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke="currentColor"
-			strokeWidth="2"
-			strokeLinecap="round"
-			strokeLinejoin="round"
-			className="animate-spin"
-		>
+		<IconBase className="animate-spin">
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M12 3a9 9 0 1 0 9 9" />
-		</svg>
+		</IconBase>
 	);
 }
 
 export function EnterIcon() {
 	return (
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			width="24"
-			height="24"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke="currentColor"
-			strokeWidth="2"
-			strokeLinecap="round"
-			strokeLinejoin="round"
-		>
+		<IconBase>
 			<path stroke="none" d="M0 0h24v24H0z" fill="none" />
 			<path d="M18 6v6a3 3 0 0 1 -3 3h-10l4 -4m0 8l-4 -4" />
-		</svg>
+		</IconBase>
 	);
 }

tsconfig.json

@@ -10,23 +10,24 @@
     "strict": true,
     "noEmit": true,
     "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
     "module": "esnext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
+    "target": "ES2020",
     "paths": {
       "@/*": [
         "./app/*"
       ]
     },
-    "target": "ES2017"
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
   },
   "include": [
     "next-env.d.ts",
@@ -35,6 +36,7 @@
     ".next/types/**/*.ts"
   ],
   "exclude": [
-    "node_modules"
+    "node_modules",
+    ".next"
   ]
 }