AI Query Bar

import { TailGrid } from '@tailgrid/react';
import { createOpenAIProvider } from '@tailgrid/ai';

const aiProvider = createOpenAIProvider({
  apiKey: process.env.OPENAI_API_KEY,
});

<TailGrid
  data={data}
  columns={columns}
  enableAI
  aiProvider={aiProvider}
  aiQueryBarMode="visible" // or "toggle" or "hidden"
/>

Example Queries

Query	Result
”show active customers”	Filters `status = 'active'`
”customers in California”	Filters `state = 'CA'`
”revenue > 10000”	Filters `revenue > 10000`
”sort by name desc”	Sorts by name descending

Keyboard Shortcuts

Shortcut	Action
`Cmd/Ctrl + K`	Focus query bar
`Enter`	Submit query
`Escape`	Clear / close