Skip to main content

Kit builder

The kit builder turns a "complete set" intent (gaming setup, coffee station, home office, baby kit, etc.) into a bundle structured by categories, where each category has several products to choose from and one marked as recommended.

Types at.

When it is rendered​

The backend includes kit: ProductKit in SearchResponse when it detects that the query expresses a bundle intent. The widget draws it with the components at and the inline section InlineKit.

Shape​

interface ProductKit {
  id: string
  title: string
  categories: KitCategory[]
  total?: number
  savings?: number
  // …
}

interface KitCategory {
  id: string
  name: string             // "Monitor", "Keyboard", "Mouse"
  icon?: string
  description?: string
  options?: KitProductOption[]
  // …
}

interface KitProductOption {
  id: string
  name: string
  price: number
  originalPrice?: number
  image: string
  url: string
  brand?: string
  specs?: Record<string, string>   // { "Size": "27\"", "Hz": "144" }
  isRecommended?: boolean
  aiReason?: string
  rating?: number
  reviewCount?: number
  currency?: string
  externalId?: string
}

, an "Add kit" CTA calls cart.onAddToCart() sequentially for each selected product.

  • Every KitProductOption.aiReason is shown in a secondary callout to justify the recommendation.

i18n​

Strings under kit.* at — the kit is one type of agent response.

Last updated on