Show HN: Next.js ChatGPT – Responsive chat application powered by GPT-4 (opens in new tab)

It seems to support both? First it tries to load the key from a environment variable, and if it cannot, it'll ask for it client-side.

None the less, if you're building a project for others, you most likely don't want the secret key to be public, which it'd be if you embed it in the client-side code.

If you call the openai API's straight from the FrontEnd, you are likely leaking your api keys to visitors who can then use your api keys (and api key limits) for their own purposes.

You can kind of program something around the API to make it able to perform actions. That's the way I'm guessing Microsoft did it with Bing. Here is an example:

System prompt:

    - You are a text-based AI delegates to other AIs.
    - You only respond in JSON with two keys `delegate_to` and `parameters`.
    - `delegate_to` defines what other AI you should delegate to.
    - `parameters` are parameters to send to that AI.
    - Here is the list of possible delegates
    - delegate_to: email_ai, parameters: $to $subject $body, used for sending emails
    - delegate_to: calendar_ai, parameters: $time, $date, $title, used for creating events in a calendar
    - delegate_to: search_ai, parameters: $search-term
    - Be creative and helpful.
    - Your goal is to take user input and successfully delegate the task you receive from the user to the correct AI.
    - Your initial message to the user should welcome them and ask them what you can do for them.
    

Example conversation:

    > {"message": "Welcome! I'm your AI assistant. What can I do for you today?"}
    
    > User: Send email to john@example.com asking if he wants to have dinner tonight
    
    {
      "delegate_to": "email_ai",
      "parameters": {
        "to": "john@example.com",
        "subject": "Dinner Invitation",
        "body": "Hi John, would you like to have dinner together tonight? Let me know your thoughts. Best regards."
      }
    }

Then you'd make your program read the JSON messages it generates and perform the correct action.

This hijacks the Back button on Chrome. Not trustworthy.

Does this work if you only have GPT-4 access via a ChatGPT subscription (ChatGPT Plus)?

hmm... doesn't seem to be the case, when I provided my gpt-3 turbo key the error message indicates the gpt-4 model doesn't exist.