-
-
Notifications
You must be signed in to change notification settings - Fork 3k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* WIP onboarding v2 * Welcome screen for onboarding complete * fix home page and WIP create skeleton for llm preference search/options * render llms as options * add search functionality to llm preference & add survey step * fix openai settings undefined & create custom logo onboarding page * add user setup UI * add data handling & privacy onboarding screen * add create workspace onboarding screen * fix survey width in onboarding * create vector database connection onboarding page * add workspace image & all skeleton ui complete * fix navigation buttons and ui tweaks to fit on screen * WIP LLMPreference * LLM Preference screen fully functional * create components for vector db options and fix styling of azure options * remove unneeded comment * vector db connection onboarding screen complete * minor ui tweak to searchbar * user setup page fully working * create workspace onboarding page fully working * useNavigate for navigation between pages * mobile layout, cleanup old files, survey functionality implemented * fix default logo appearing when should be blank & password setup bug fix * Modify flow of onboarding todo: embedding set up * Add embedder setup screen & insert into flow * update embedding back button auto-dismiss toasts on each step * move page defs under imports fix bg color on mobile styling --------- Co-authored-by: shatfield4 <[email protected]>
- Loading branch information
1 parent
92da23e
commit d8ca92d
Showing
41 changed files
with
2,220 additions
and
1,788 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
94 changes: 48 additions & 46 deletions
94
frontend/src/components/EmbeddingSelection/AzureAiOptions/index.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,53 +1,55 @@ | ||
| export default function AzureAiOptions({ settings }) { | ||
| return ( | ||
| <> | ||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| Azure Service Endpoint | ||
| </label> | ||
| <input | ||
| type="url" | ||
| name="AzureOpenAiEndpoint" | ||
| className="bg-zinc-900 text-white placeholder-white placeholder-opacity-60 text-sm rounded-lg focus:border-white block w-full p-2.5" | ||
| placeholder="https://my-azure.openai.azure.com" | ||
| defaultValue={settings?.AzureOpenAiEndpoint} | ||
| required={true} | ||
| autoComplete="off" | ||
| spellCheck={false} | ||
| /> | ||
| </div> | ||
| <div className="w-full flex flex-col gap-y-4"> | ||
| <div className="w-full flex items-center gap-4"> | ||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| Azure Service Endpoint | ||
| </label> | ||
| <input | ||
| type="url" | ||
| name="AzureOpenAiEndpoint" | ||
| className="bg-zinc-900 text-white placeholder-white placeholder-opacity-60 text-sm rounded-lg focus:border-white block w-full p-2.5" | ||
| placeholder="https://my-azure.openai.azure.com" | ||
| defaultValue={settings?.AzureOpenAiEndpoint} | ||
| required={true} | ||
| autoComplete="off" | ||
| spellCheck={false} | ||
| /> | ||
| </div> | ||
|
|
||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| API Key | ||
| </label> | ||
| <input | ||
| type="password" | ||
| name="AzureOpenAiKey" | ||
| className="bg-zinc-900 text-white placeholder-white placeholder-opacity-60 text-sm rounded-lg focus:border-white block w-full p-2.5" | ||
| placeholder="Azure OpenAI API Key" | ||
| defaultValue={settings?.AzureOpenAiKey ? "*".repeat(20) : ""} | ||
| required={true} | ||
| autoComplete="off" | ||
| spellCheck={false} | ||
| /> | ||
| </div> | ||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| API Key | ||
| </label> | ||
| <input | ||
| type="password" | ||
| name="AzureOpenAiKey" | ||
| className="bg-zinc-900 text-white placeholder-white placeholder-opacity-60 text-sm rounded-lg focus:border-white block w-full p-2.5" | ||
| placeholder="Azure OpenAI API Key" | ||
| defaultValue={settings?.AzureOpenAiKey ? "*".repeat(20) : ""} | ||
| required={true} | ||
| autoComplete="off" | ||
| spellCheck={false} | ||
| /> | ||
| </div> | ||
|
|
||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| Embedding Deployment Name | ||
| </label> | ||
| <input | ||
| type="text" | ||
| name="AzureOpenAiEmbeddingModelPref" | ||
| className="bg-zinc-900 text-white placeholder-white placeholder-opacity-60 text-sm rounded-lg focus:border-white block w-full p-2.5" | ||
| placeholder="Azure OpenAI embedding model deployment name" | ||
| defaultValue={settings?.AzureOpenAiEmbeddingModelPref} | ||
| required={true} | ||
| autoComplete="off" | ||
| spellCheck={false} | ||
| /> | ||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| Embedding Deployment Name | ||
| </label> | ||
| <input | ||
| type="text" | ||
| name="AzureOpenAiEmbeddingModelPref" | ||
| className="bg-zinc-900 text-white placeholder-white placeholder-opacity-60 text-sm rounded-lg focus:border-white block w-full p-2.5" | ||
| placeholder="Azure OpenAI embedding model deployment name" | ||
| defaultValue={settings?.AzureOpenAiEmbeddingModelPref} | ||
| required={true} | ||
| autoComplete="off" | ||
| spellCheck={false} | ||
| /> | ||
| </div> | ||
| </div> | ||
| </> | ||
| </div> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
60 changes: 31 additions & 29 deletions
60
frontend/src/components/EmbeddingSelection/OpenAiOptions/index.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,34 +1,36 @@ | ||
| export default function OpenAiOptions({ settings }) { | ||
| return ( | ||
| <> | ||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| API Key | ||
| </label> | ||
| <input | ||
| type="password" | ||
| name="OpenAiKey" | ||
| className="bg-zinc-900 text-white placeholder-white placeholder-opacity-60 text-sm rounded-lg focus:border-white block w-full p-2.5" | ||
| placeholder="OpenAI API Key" | ||
| defaultValue={settings?.OpenAiKey ? "*".repeat(20) : ""} | ||
| required={true} | ||
| autoComplete="off" | ||
| spellCheck={false} | ||
| /> | ||
| <div className="w-full flex flex-col gap-y-4"> | ||
| <div className="w-full flex items-center gap-4"> | ||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| API Key | ||
| </label> | ||
| <input | ||
| type="password" | ||
| name="OpenAiKey" | ||
| className="bg-zinc-900 text-white placeholder-white placeholder-opacity-60 text-sm rounded-lg focus:border-white block w-full p-2.5" | ||
| placeholder="OpenAI API Key" | ||
| defaultValue={settings?.OpenAiKey ? "*".repeat(20) : ""} | ||
| required={true} | ||
| autoComplete="off" | ||
| spellCheck={false} | ||
| /> | ||
| </div> | ||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| Model Preference | ||
| </label> | ||
| <select | ||
| disabled={true} | ||
| className="cursor-not-allowed bg-zinc-900 border border-gray-500 text-white text-sm rounded-lg block w-full p-2.5" | ||
| > | ||
| <option disabled={true} selected={true}> | ||
| text-embedding-ada-002 | ||
| </option> | ||
| </select> | ||
| </div> | ||
| </div> | ||
| <div className="flex flex-col w-60"> | ||
| <label className="text-white text-sm font-semibold block mb-4"> | ||
| Model Preference | ||
| </label> | ||
| <select | ||
| disabled={true} | ||
| className="cursor-not-allowed bg-zinc-900 border border-gray-500 text-white text-sm rounded-lg block w-full p-2.5" | ||
| > | ||
| <option disabled={true} selected={true}> | ||
| text-embedding-ada-002 | ||
| </option> | ||
| </select> | ||
| </div> | ||
| </> | ||
| </div> | ||
| ); | ||
| } |
Oops, something went wrong.