in components/RecommendedActions.tsx [4:24]
export default function RecommendedActions() {
const { recommendedActions } = useConversationStore();
const formatName = (action: string) => {
const formatted = action.replace(/_/g, " ");
return formatted.charAt(0).toUpperCase() + formatted.slice(1);
};
return (
<div className="flex gap-2">
{recommendedActions.map((action) => (
<Action
key={action.name}
functionName={action.name as ToolName}
name={formatName(action.name)}
parameters={action.parameters}
/>
))}
</div>
);
}