Feature/chatbot secrets compatibility

docs/sdk/chat.mdx

@@ -47,6 +47,11 @@ Implemented in `services/openai.js`
 - OpenAI chat completions integration
 - GPT-3.5-turbo implementation
 - Conversation threading support
+- API key can be loaded from secrets.toml project file by adding a [data.openai] field and setting api_key to your API key like so
+```
+[data.openai]
+api_key = "sk-YOUR-KEY"
+```
 
 ## Basic Usage
 

frontend/src/components/DynamicComponents.jsx

@@ -218,6 +218,7 @@ const MemoizedComponent = memo(
             {...props}
             sourceId={component.config?.source || null}
             sourceData={component.config?.data || null}
+            apiKey={component.config?.apiKey || null}
             value={component.value || component.state || { messages: [] }}
             onChange={(value) => {
               handleUpdate(componentId, value);

frontend/src/components/widgets/ChatWidget.jsx

@@ -14,6 +14,7 @@ import { createChatCompletion } from '@/services/openai';
 const ChatWidget = ({
   sourceId = null,
   sourceData = null,
+  apiKey = null,
   value = { messages: [] },
   onChange,
   className,
@@ -23,9 +24,14 @@ const ChatWidget = ({
   const messagesEndRef = useRef(null);
   const chatContainerRef = useRef(null);
 
+  // Load API key from secrets.toml if present
+  if (apiKey) {
+    sessionStorage.setItem('openai_api_key', apiKey.trim());
+  }
+
   const [inputValue, setInputValue] = useState('');
   const [showSettings, setShowSettings] = useState(false);
-  const [apiKey, setApiKey] = useState('');
+  // const [apiKey, setApiKey] = useState('');
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState(null);
   const hasApiKey = useMemo(() => !!sessionStorage.getItem('openai_api_key'), []);

preswald/interfaces/components.py

@@ -12,6 +12,7 @@
 import matplotlib.pyplot as plt
 import numpy as np
 import pandas as pd
+import tomllib
 
 # from PIL import Image
 # try:
@@ -97,6 +98,16 @@ def chat(source: str, table: Optional[str] = None) -> Dict:
     if current_state is None:
         current_state = {"messages": [], "source": source}
 
+    # Get API key from secrets.toml
+    with open("secrets.toml", "rb") as toml:
+        secrets = tomllib.load(toml)
+
+    if secrets and secrets["data"]["openai"]["api_key"]:
+        api_key = secrets["data"]["openai"]["api_key"]
+
+    else:
+        api_key = None
+
     # Get dataframe from source
     df = (
         service.data_manager.get_df(source)
@@ -132,6 +143,7 @@ def chat(source: str, table: Optional[str] = None) -> Dict:
         "config": {
             "source": source,
             "data": serializable_data,
+            "apiKey": api_key,
         },
     }