chore: aisearch-documents - add callout for api key and search url

Author: damlayildiz

sqlite-cloud/sqlite-ai/aisearch-documents.mdx

@@ -6,6 +6,8 @@ status: publish
 slug: aisearch-documents
 ---
 
+import Callout from "@commons-components/Information/Callout.astro";
+
 This guide shows you how to set up a ready-to-use AI semantic search for your documents and files.
 Using the [sqlite-aisearch-action](https://github.com/sqliteai/sqlite-aisearch-action), you can integrate document processing into your GitHub workflow and set up a chatbot on your site in just a few steps.
 
@@ -32,7 +34,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
-      
+
       - name: Build AI Search Database
         uses: sqliteai/sqlite-aisearch-action@v1
         with:
@@ -49,20 +51,21 @@ To enable search functionality on your indexed database, create an Edge Function
 1. Access your dashboard at https://dashboard.sqlitecloud.io
 2. Navigate to the same project where your database was uploaded
 3. Go to the **Edge Functions** section
-![AISearch Edge Function](@docs-website-assets/aisearch-docs/edgefn_aisearch.png)
+   ![AISearch Edge Function](@docs-website-assets/aisearch-docs/edgefn_aisearch.png)
 4. Create a new `Javascript Function` and copy the code from [aisearch-docs.js](https://github.com/sqliteai/sqlite-aisearch-action/blob/main/search_edge_function_template/aisearch-docs.js) into the editor
 5. Deploy and test
 
 ### How to Perform a Search
 
 1. Go to **Details** in the Edge Function panel and copy the **Function URL**
-![AISearch Edge Function Details](@docs-website-assets/aisearch-docs/edgefn_aisearch_details.png)
+   ![AISearch Edge Function Details](@docs-website-assets/aisearch-docs/edgefn_aisearch_details.png)
 2. Execute a GET request with a URL-encoded query as the `query` parameter
 
-    Example:
-    ```
-    GET https://myproject.cloud/v2/functions/aisearch-docs?query=what%27s+Offsync%3F
-    ```
+   Example:
+
+   ```
+   GET https://myproject.cloud/v2/functions/aisearch-docs?query=what%27s+Offsync%3F
+   ```
 
 ## Step 3: Integrate the Docs Chatbot in Your Website
 
@@ -95,6 +98,13 @@ function App() {
 }
 ```
 
+<Callout type="note">
+  - Replace the `searchUrl` with your **Function URL** from Step 2 
+  - For the `apiKey`, you need to use your admin API key or an API key with read
+  permissions on your AI docs database. Learn how to create and manage API keys
+  in the [API Key documentation](/docs/apikey).
+</Callout>
+
 ### Vanilla JavaScript
 
 For non-React applications, use the web component: