diff --git a/src/App.svelte b/src/App.svelte
index e11706d..f8b0fc6 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -85,6 +85,7 @@
onMount(async () => { // runs after the component has finished loading.
const deepChatRef = document.getElementById('chat-element');
+ const welcomeRef = document.getElementById('welcome');
let openAIKeySet = false;
let openAIAsstSet = false;
@@ -95,6 +96,7 @@
deepChatRef.onNewMessage = (message) => {
// save messages to localStorage.
// this function is called once for each message including initialMessages, ai messages, and user messages.
+ welcomeRef.remove();
if (!openAIAsstSet && deepChatRef._activeService.rawBody.assistant_id) {
localStorage.setItem('openai-asst-id', deepChatRef._activeService.rawBody.assistant_id);
openAIAsstSet = true;
@@ -147,6 +149,23 @@
-->
+
+
Welcome to BIDARA
+
How to access
+
+ - Create an OpenAI account
+ - Login to OpenAI Platform
+ - In the left sidebar, navigate to Settings -> Billing
- Click the 'Add payment details' button
+ - Add a minimum of $5 in credits. It is required to spend a minimum of $5 to access GPT-4.
+ - In the left sidebar, navigate to API Keys
+ - Verify your phone number, then click the 'Create new secret key' button.
- Copy your secret key.
+ - Paste your key into the input field below. Your browser will save the key, so you only have to enter it once.
+
+
+ - With OpenAI API you only pay for what you use. Track your usage and costs on the Usage page.
+ - After you send your first message to BIDARA, it will also be available to interact with through the OpenAI Assistants Playground. This interface is more complex, but also provides more customizability. Just select BIDARA, then click the 'Test' button.
+
+