mirror of https://github.com/kortix-ai/suna.git
Merge pull request #498 from escapade-mckv/minor-fixes
Example section retouch
This commit is contained in:
commit
621734a2d5
File diff suppressed because one or more lines are too long
|
@ -7,6 +7,7 @@ import {
|
||||||
Bot,
|
Bot,
|
||||||
Briefcase,
|
Briefcase,
|
||||||
Settings,
|
Settings,
|
||||||
|
Sparkles,
|
||||||
} from 'lucide-react';
|
} from 'lucide-react';
|
||||||
|
|
||||||
type PromptExample = {
|
type PromptExample = {
|
||||||
|
@ -19,22 +20,22 @@ const prompts: PromptExample[] = [
|
||||||
{
|
{
|
||||||
title: 'Market research dashboard',
|
title: 'Market research dashboard',
|
||||||
query: 'Create a comprehensive market research dashboard analyzing industry trends, customer segments, and competitive landscape. Include data visualization and actionable recommendations.',
|
query: 'Create a comprehensive market research dashboard analyzing industry trends, customer segments, and competitive landscape. Include data visualization and actionable recommendations.',
|
||||||
icon: <BarChart3 size={16} />,
|
icon: <BarChart3 className="text-green-700 dark:text-green-400" size={16} />,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'Recommendation engine development',
|
title: 'Recommendation engine development',
|
||||||
query: 'Develop a recommendation engine for personalized product suggestions. Include collaborative filtering, content-based filtering, and hybrid approaches with evaluation metrics.',
|
query: 'Develop a recommendation engine for personalized product suggestions. Include collaborative filtering, content-based filtering, and hybrid approaches with evaluation metrics.',
|
||||||
icon: <Bot size={16} />,
|
icon: <Bot className="text-blue-700 dark:text-blue-400" size={16} />,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'Go-to-market strategy',
|
title: 'Go-to-market strategy',
|
||||||
query: 'Develop a comprehensive go-to-market strategy for a new product. Include market sizing, customer acquisition channels, pricing strategy, and launch timeline.',
|
query: 'Develop a comprehensive go-to-market strategy for a new product. Include market sizing, customer acquisition channels, pricing strategy, and launch timeline.',
|
||||||
icon: <Briefcase size={16} />,
|
icon: <Briefcase className="text-rose-700 dark:text-rose-400" size={16} />,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: 'Data pipeline automation',
|
title: 'Data pipeline automation',
|
||||||
query: 'Create an automated data pipeline for ETL processes. Include data validation, error handling, monitoring, and scalable architecture design.',
|
query: 'Create an automated data pipeline for ETL processes. Include data validation, error handling, monitoring, and scalable architecture design.',
|
||||||
icon: <Settings size={16} />,
|
icon: <Settings className="text-purple-700 dark:text-purple-400" size={16} />,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@ -52,11 +53,15 @@ export const Examples = ({
|
||||||
className="group cursor-pointer h-full shadow-none transition-all bg-sidebar hover:bg-neutral-100 dark:hover:bg-neutral-800/60"
|
className="group cursor-pointer h-full shadow-none transition-all bg-sidebar hover:bg-neutral-100 dark:hover:bg-neutral-800/60"
|
||||||
onClick={() => onSelectPrompt && onSelectPrompt(prompt.query)}
|
onClick={() => onSelectPrompt && onSelectPrompt(prompt.query)}
|
||||||
>
|
>
|
||||||
<CardContent className="px-4 pt-0">
|
<CardHeader className="px-4">
|
||||||
<p className="group-hover:text-foreground transition-all text-muted-foreground text-sm line-clamp-3">
|
<div className="flex items-center gap-2">
|
||||||
{prompt.query}
|
{prompt.icon}
|
||||||
</p>
|
</div>
|
||||||
</CardContent>
|
<CardTitle className="font-normal group-hover:text-foreground transition-all text-muted-foreground text-sm line-clamp-3">
|
||||||
|
{prompt.title}
|
||||||
|
</CardTitle>
|
||||||
|
</CardHeader>
|
||||||
|
|
||||||
</Card>
|
</Card>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue