diff --git a/apps/studio/components/ui/AIAssistantPanel/AIOnboarding.tsx b/apps/studio/components/ui/AIAssistantPanel/AIOnboarding.tsx
index 66ad82a3de6..e215f113b49 100644
--- a/apps/studio/components/ui/AIAssistantPanel/AIOnboarding.tsx
+++ b/apps/studio/components/ui/AIAssistantPanel/AIOnboarding.tsx
@@ -30,36 +30,36 @@ export const AIOnboarding = ({
const defaultPrompts = [
{
- title: 'Generate a back-end',
+ title: 'Create a back-end',
prompt:
'Create a messaging app with users, messages, and an edge function that uses OpenAI to summarize message threads.',
- icon: ,
+ icon: ,
},
{
title: 'Health check',
prompt: 'Can you check if my database and edge functions are healthy?',
- icon: ,
+ icon: ,
},
{
title: 'Query your data',
prompt:
'Give me a list of new users from the auth.users table who signed up in the past week',
- icon: ,
+ icon: ,
},
{
title: 'Set up RLS policies',
prompt: 'Create RLS policies to ensure users can only access their own data',
- icon: ,
+ icon: ,
},
{
title: 'Create a function',
prompt: 'Create an edge function that summarises the contents of a table row using OpenAI',
- icon: ,
+ icon: ,
},
{
title: 'Generate sample data',
prompt: 'Generate sample data for a blog with users, posts, and comments tables',
- icon: ,
+ icon: ,
},
]
@@ -67,17 +67,17 @@ export const AIOnboarding = ({
{
title: 'Explain code',
prompt: 'Explain what this code does and how it works',
- icon: ,
+ icon: ,
},
{
title: 'Improve code',
prompt: 'How can I improve this code for better performance and readability?',
- icon: ,
+ icon: ,
},
{
title: 'Debug issues',
prompt: 'Help me debug any potential issues with this code',
- icon: ,
+ icon: ,
},
]
@@ -86,7 +86,7 @@ export const AIOnboarding = ({
? suggestions.prompts.map((suggestion) => ({
title: suggestion.label,
prompt: suggestion.description,
- icon: ,
+ icon: ,
}))
: sqlSnippets && sqlSnippets.length > 0
? codeSnippetPrompts
@@ -153,7 +153,7 @@ export const AIOnboarding = ({
size="small"
icon={item.icon}
type="outline"
- className="text-xs rounded-full"
+ className="text-xs rounded-full !h-auto py-1 px-2 text-foreground-light"
onClick={() => {
onValueChange(item.prompt)
inputRef.current?.focus()