diff --git a/packages/noodl-editor/src/editor/src/views/panels/EditorSettingsPanel/sections/OpenAiSection.tsx b/packages/noodl-editor/src/editor/src/views/panels/EditorSettingsPanel/sections/OpenAiSection.tsx
index cd1eb7d..8fac449 100644
--- a/packages/noodl-editor/src/editor/src/views/panels/EditorSettingsPanel/sections/OpenAiSection.tsx
+++ b/packages/noodl-editor/src/editor/src/views/panels/EditorSettingsPanel/sections/OpenAiSection.tsx
@@ -16,6 +16,7 @@ import { Text } from '@noodl-core-ui/components/typography/Text';
import { Title, TitleSize } from '@noodl-core-ui/components/typography/Title';
import { ToastLayer } from '../../../ToastLayer/ToastLayer';
+import { PropertyPanelButton } from '@noodl-core-ui/components/property-panel/PropertyPanelButton';
export const AI_ASSISTANT_ENABLED_SUGGESTIONS_KEY = 'aiAssistant.enabledSuggestions';
@@ -31,15 +32,14 @@ export function OpenAiSection() {
const haveGpt4 = !!models['gpt-4'];
if (haveGpt4) {
OpenAiStore.setIsAiApiKeyVerified(true);
- ToastLayer.showSuccess('Open AI, API Key is valid with GPT-4!');
+ ToastLayer.showSuccess('OpenAI API Key is valid with GPT-4!');
} else {
OpenAiStore.setIsAiApiKeyVerified(false);
- ToastLayer.showError('Open AI, API Key is missing gpt-4 model Support!');
+ ToastLayer.showError('OpenAI API Key is missing gpt-4 model Support!');
}
} else {
OpenAiStore.setIsAiApiKeyVerified(false);
- ToastLayer.showError('Open AI, API Key is invalid!');
- }
+ ToastLayer.showError('OpenAI API Key is invalid!');
}
return (
@@ -95,6 +95,20 @@ export function OpenAiSection() {
}}
/>
+
+
+
+
+ Verify your OpenAI API key to start using AI Commands.
+
>
)}