add empties

app/api/chat-with-functions/route.ts

@@ -3,7 +3,7 @@ import OpenAI from "openai";
 import { OpenAIStream, StreamingTextResponse } from "ai";
 
 const openai = new OpenAI({
-  apiKey: process.env.OPENAI_API_KEY ||  ,
+  apiKey: process.env.OPENAI_API_KEY || "" ,
 });
 
 export const runtime = "node";

app/api/chat/route.ts

@@ -3,7 +3,7 @@ import OpenAI from "openai";
 import { OpenAIStream, StreamingTextResponse } from "ai";
 
 const openai = new OpenAI({
-  apiKey: process.env.OPENAI_API_KEY || "",
+  apiKey: process.env.OPENAI_API || "",
 });
 
 export const runtime = "edge";

app/components/navbar.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 export default function NavBar() {
   return (
     <div className="flex items-center p-4 justify-center text-center gap-14 ">
-      <Link className="text-2xl font-bold" href="/">
+      <Link className="text-2xl font-bold" href="">
         Chat
       </Link>
       <Link className="text-2xl font-bold" href="/docs">

app/function-calling/page.tsx

@@ -1,19 +1,19 @@
-'use client';
+"use client";
 
-import { Message } from 'ai/react';
-import { useChat } from 'ai/react';
-import { ChatRequest, FunctionCallHandler, nanoid } from 'ai';
+import { Message } from "ai/react";
+import { useChat } from "ai/react";
+import { ChatRequest, FunctionCallHandler, nanoid } from "ai";
 
 export default function Chat() {
   const functionCallHandler: FunctionCallHandler = async (
     chatMessages,
-    functionCall,
+    functionCall
   ) => {
-    if (functionCall.name === 'eval_code_in_browser') {
+    if (functionCall.name === "") {
       if (functionCall.arguments) {
         // Parsing here does not always work since it seems that some characters in generated code aren't escaped properly.
         const parsedFunctionCallArguments: { code: string } = JSON.parse(
-          functionCall.arguments,
+          functionCall.arguments
         );
         // WARNING: Do NOT do this in real-world applications!
         eval(parsedFunctionCallArguments.code);
@@ -22,8 +22,8 @@ export default function Chat() {
             ...chatMessages,
             {
               id: nanoid(),
-              name: 'eval_code_in_browser',
-              role: 'function' as const,
+              name: "eval_code_in_browser",
+              role: "function" as const,
               content: parsedFunctionCallArguments.code,
             },
           ],
@@ -34,16 +34,16 @@ export default function Chat() {
   };
 
   const { messages, input, handleInputChange, handleSubmit, data } = useChat({
-    api: '/api/chat-with-functions',
+    api: "/api/chat-with-functions",
     experimental_onFunctionCall: functionCallHandler,
   });
 
   // Generate a map of message role to text color
-  const roleToColorMap: Record<Message['role'], string> = {
-    system: 'red',
-    user: 'black',
-    function: 'blue',
-    assistant: 'green',
+  const roleToColorMap: Record<Message["role"], string> = {
+    system: "red",
+    user: "black",
+    function: "blue",
+    assistant: "green",
   };
 
   return (

app/tri-display/layout.tsx

@@ -9,7 +9,7 @@ export default function DualLayout(props: {
   docs: React.ReactNode;
 }) {
   return (
-    <div className="grid grid-cols-3 shrink">
+    <div className="">
       {props.data}
       {props.children}
       {props.docs}

app/tri-display/page.tsx

@@ -20,7 +20,7 @@ export default function Dual() {
           <input
             className="fixed bottom-0 w-full max-w-md p-2 mb-8 border border-gray-300 rounded shadow-xl"
             value={input}
-            placeholder="Say something..."
+            placeholder=""
             onChange={handleInputChange}
           />
         </form>