Chat Suggestions

import { Tabs, Tab } from "fumadocs-ui/components/tabs";

What is this?

Chat suggestions let you auto-generate contextual actions in the chat window based on real-time application state. The agent proposes relevant next steps that users can tap to execute instantly.

<Tabs items={['page.tsx']}> <Tab value="page.tsx">

import { useConfigureSuggestions } from "@copilotkit/react-core/v2";

export function MyComponent() {
  useConfigureSuggestions({
    instructions: "Suggest the most relevant next actions.",
    minSuggestions: 1,
    maxSuggestions: 2,
  });
}

When should I use this?

Use chat suggestions when you want to:

• Guide users toward relevant actions based on current context
• Reduce friction by offering one-tap shortcuts
• Surface capabilities the user might not know about