KeyArgo
/
llama-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change messaging

This commit is contained in:
Mckay Wrigley 2023-03-29 15:21:50 -06:00
parent 85c4f88a06
commit e020de47ce
2 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
README.md
View File

@ -1,9 +1,5 @@
# Chatbot UI # 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. 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). 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** **Docker**
Build locally: Build locally:
```shell ```shell
docker build -t chatgpt-ui . docker build -t chatgpt-ui .
docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 chatgpt-ui docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 chatgpt-ui
``` ```
Pull from ghcr: Pull from ghcr:
``` ```
docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 ghcr.io/mckaywrigley/chatbot-ui:main docker run -e OPENAI_API_KEY=xxxxxxxx -p 3000:3000 ghcr.io/mckaywrigley/chatbot-ui:main
``` ```
@ -112,7 +111,7 @@ You should be able to start chatting.
When deploying the application, the following environment variables can be set: When deploying the application, the following environment variables can be set:
| Environment Variable | Default value | Description | | Environment Variable | Default value | Description |
|----------------------|------------------|---------------------------------------------------------| | -------------------- | --------------- | ------------------------------------------------------- |
| OPENAI_API_KEY | | The default API key used for authentication with OpenAI | | 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 | | DEFAULT_MODEL | `gpt-3.5-turbo` | The default model to use on new conversations |

26
components/Chat/Chat.tsx
View File

@ -1,11 +1,10 @@
import { Conversation, Message } from '@/types/chat'; import { Conversation, Message } from '@/types/chat';
import { IconArrowDown } from '@tabler/icons-react';
import { KeyValuePair } from '@/types/data'; import { KeyValuePair } from '@/types/data';
import { ErrorMessage } from '@/types/error'; import { ErrorMessage } from '@/types/error';
import { OpenAIModel, OpenAIModelID } from '@/types/openai'; import { OpenAIModel, OpenAIModelID } from '@/types/openai';
import { Prompt } from '@/types/prompt'; import { Prompt } from '@/types/prompt';
import { throttle } from '@/utils'; 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 { useTranslation } from 'next-i18next';
import { import {
FC, FC,
@ -151,16 +150,27 @@ export const Chat: FC<Props> = memo(
}, [messagesEndRef]); }, [messagesEndRef]);
return ( return (
<div className="overflow-hidden relative flex-1 bg-white dark:bg-[#343541]"> <div className="relative flex-1 overflow-hidden bg-white dark:bg-[#343541]">
{!(apiKey || serverSideApiKeyIsSet) ? ( {!(apiKey || serverSideApiKeyIsSet) ? (
<div className="mx-auto flex h-full w-[300px] flex-col justify-center space-y-6 sm:w-[500px]"> <div className="mx-auto flex h-full w-[300px] flex-col justify-center space-y-6 sm:w-[600px]">
<div className="mx-auto mb-5 text-gray-800 dark:text-gray-100"> <div className="text-center text-4xl font-bold text-black dark:text-white">
<IconKey size={36} /> Welcome to Chatbot UI
</div>
<div className="text-center text-lg text-black dark:text-white">
<div className="mb-8">{`Chatbot UI is an open source clone of OpenAI's ChatGPT UI.`}</div>
<div className="mb-2 font-bold">
Important: Chatbot UI is 100% unaffiliated with OpenAI.
</div> </div>
<div className="text-center text-2xl font-semibold text-gray-800 dark:text-gray-100">
{t('OpenAI API Key Required')}
</div> </div>
<div className="text-center text-gray-500 dark:text-gray-400"> <div className="text-center text-gray-500 dark:text-gray-400">
<div className="mb-2">
Chatbot UI allows you to plug in your API key to use this UI
with their API.
</div>
<div className="mb-2">
It is <span className="italic">only</span> used to communicate
with their API.
</div>
<div className="mb-2"> <div className="mb-2">
{t( {t(
'Please set your OpenAI API key in the bottom left of the sidebar.', 'Please set your OpenAI API key in the bottom left of the sidebar.',