Intentwise Primitives
Product Analytics
Specialized components for product-level analysis including anomaly detection, AI chat assistance, change driver analysis, and multi-line filter inputs.
AnomalyCard
Product Anomaly
Displays a product anomaly card with image, metrics, key drivers, and action buttons for sharing and PDP links.
Show code
<AnomalyCard
data={{
product: { id: '...', name: '...', title: '...', imageUrl: '...' },
performance: { label: 'Mix', value: '-15.2%', isPositive: false },
keyDrivers: ['Buy Box Seller Changed', 'Price increased by 12%']
}}
onShare={(id) => {}}
onProductClick={(id) => {}}
/>With Chip Drivers
Key drivers displayed as chips instead of a bulleted list using driverDisplayType='chips'.
Samsung Galaxy Buds2 Pro
Revenue:
$8,200
Sales Anomaly
Key Drivers
Buy Box Seller
Price Change
Ad Spend
Glance Views
Show code
<AnomalyCard data={data} driverDisplayType="chips" />WiziChat
AI Chat Assistant
Full-featured Wizi AI chat with IndexedDB state persistence, 5 message colors, copy, feedback, quick links, and loading indicator.
Show code
<WiziChat
userName="Sourav"
storageKey="demo-wizi"
onSendMessage={async (msg) => ({ content: '...', status: 'success' })}
/>MultiLineInput
Multi-Line Text Input
Textarea input for entering values separated by new lines. Used in filter dialogs for Campaign, ASIN, Ad Group, and Keyword filters.
Enter the Campaigns name separated by new line
Show code
<MultiLineInput
value={value}
onChange={setValue}
label="Enter the Campaigns name separated by new line"
countLabel="Campaign(s)"
/>ChangeDrivers
Change Drivers Accordion
Collapsible accordion list of change drivers, each containing a DataTable. Supports global expand/collapse.
Change Drivers
When analyzing specific parts of the account only the relevant cards in the change driver section will appear
3
Buy Box Seller ChangeShowing 1 to 3 of 3
1 / 1
2
Price ChangeShow code
<ChangeDrivers items={[
{ id: '1', title: 'Buy Box', count: 3, data: { columns: [...], rows: [...] } },
]} />