AnswerResponse

type AnswerResponse = {
  response: string;
  metadata: AnswerMetadata;
};

type AnswerMetadata = {
  brandUsed?: BrandInfo;
  link?: string;
  code?: string;
  similarityScore?: number;
  triggerPhrases?: string[];
  matchedTriggers?: string[];
};

{
  "response": "For beginners, I highly recommend the Nike Pegasus series. They offer excellent cushioning and support, making them perfect for new runners. The latest Pegasus 40 features responsive foam and a breathable upper that adapts to your foot.",
  "metadata": {
    "brandUsed": {
      "id": "brand-nike-123",
      "name": "Nike",
      "domain": "nike.com",
      "image": "https://example.com/nike-logo.png"
    },
    "link": "https://nike.com?ref=thred-xyz",
    "code": "THRED-NIKE-2024",
    "similarityScore": 0.89,
    "triggerPhrases": [
      "running shoes",
      "athletic footwear",
      "sneakers",
      "sports shoes"
    ],
    "matchedTriggers": [
      "running shoes"
    ]
  }
}

{
  "response": "The capital of France is Paris, a city known for its rich history, art, and culture.",
  "metadata": {
    "brandUsed": null
  }
}

const { response, metadata } = await thred.answer({
  message: "What are the best running shoes?"
});

console.log("AI Response:", response);

if (metadata.brandUsed) {
  console.log("Brand matched:", metadata.brandUsed.name);
  console.log("Similarity score:", metadata.similarityScore);
  console.log("Affiliate link:", metadata.link);
}

const result = await thred.answer(
  {
    message: "Tell me about Nike running shoes"
  },
  {
    text: document.getElementById("response-text"),
    link: document.getElementById("brand-link")
  }
);

// Response text is automatically inserted into #response-text
// Brand link is automatically set on #brand-link
console.log("Tracking code:", result.metadata.code);

const { response, metadata } = await thred.answer({
  message: "Best headphones for gaming?"
});

// Display response
document.getElementById("ai-response").textContent = response;

// Show brand card if brand was matched
if (metadata.brandUsed && metadata.similarityScore > 0.7) {
  const brandCard = document.getElementById("brand-card");
  brandCard.innerHTML = `
    <img src="${metadata.brandUsed.image}" alt="${metadata.brandUsed.name}">
    <h3>${metadata.brandUsed.name}</h3>
    <a href="${metadata.link}" data-code="${metadata.code}">
      Visit ${metadata.brandUsed.domain}
    </a>
  `;
  brandCard.style.display = "block";
}