diff --git a/README.md b/README.md index 86fd80f..031420b 100644 --- a/README.md +++ b/README.md @@ -1,9 +1,5 @@ # Chatbot UI -**WE HAVE BEEN TOLD TO TAKE DOWN CHATBOTUI.COM DOWN BY OPENAI EFFECTIVE IMMEDIATELY** - -**WE ARE WORKING ON GETTING THIS RESOLVED** - Chatbot UI is an advanced chatbot kit for OpenAI's chat models built on top of [Chatbot UI Lite](https://github.com/mckaywrigley/chatbot-ui-lite) using Next.js, TypeScript, and Tailwind CSS. See a [demo](https://twitter.com/mckaywrigley/status/1636103188733640704). @@ -64,11 +60,14 @@ Fork Chatbot UI on Replit [here](https://replit.com/@MckayWrigley/chatbot-ui-pro **Docker** Build locally: + ```shell docker build -t chatgpt-ui . docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 chatgpt-ui ``` + Pull from ghcr: + ``` docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 ghcr.io/mckaywrigley/chatbot-ui:main ``` @@ -111,10 +110,10 @@ You should be able to start chatting. When deploying the application, the following environment variables can be set: -| Environment Variable | Default value | Description | -|----------------------|------------------|---------------------------------------------------------| -| OPENAI_API_KEY | | The default API key used for authentication with OpenAI | -| DEFAULT_MODEL | `gpt-3.5-turbo` | The default model to use on new conversations | +| Environment Variable | Default value | Description | +| -------------------- | --------------- | ------------------------------------------------------- | +| OPENAI_API_KEY | | The default API key used for authentication with OpenAI | +| DEFAULT_MODEL | `gpt-3.5-turbo` | The default model to use on new conversations | If you do not provide an OpenAI API key with `OPENAI_API_KEY`, users will have to provide their own key. If you don't have an OpenAI API key, you can get one [here](https://platform.openai.com/account/api-keys). diff --git a/components/Chat/Chat.tsx b/components/Chat/Chat.tsx index 01e43e8..cbb3a08 100644 --- a/components/Chat/Chat.tsx +++ b/components/Chat/Chat.tsx @@ -1,11 +1,10 @@ import { Conversation, Message } from '@/types/chat'; -import { IconArrowDown } from '@tabler/icons-react'; import { KeyValuePair } from '@/types/data'; import { ErrorMessage } from '@/types/error'; import { OpenAIModel, OpenAIModelID } from '@/types/openai'; import { Prompt } from '@/types/prompt'; import { throttle } from '@/utils'; -import { IconClearAll, IconKey, IconSettings } from '@tabler/icons-react'; +import { IconArrowDown, IconClearAll, IconSettings } from '@tabler/icons-react'; import { useTranslation } from 'next-i18next'; import { FC, @@ -151,16 +150,27 @@ export const Chat: FC = memo( }, [messagesEndRef]); return ( -
+
{!(apiKey || serverSideApiKeyIsSet) ? ( -
-
- +
+
+ Welcome to Chatbot UI
-
- {t('OpenAI API Key Required')} +
+
{`Chatbot UI is an open source clone of OpenAI's ChatGPT UI.`}
+
+ Important: Chatbot UI is 100% unaffiliated with OpenAI. +
+
+ Chatbot UI allows you to plug in your API key to use this UI + with their API. +
+
+ It is only used to communicate + with their API. +
{t( 'Please set your OpenAI API key in the bottom left of the sidebar.',