@burdenoff/website-sdk 2026.922.3 → 2026.922.5

package/dist/components/explore.mjs

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { createContext, useMemo, useState, useRef, useCallback, useEffect, useContext } from 'react';
-import { Sparkles, RotateCcw, Link2, History, Trash2, Paperclip, X, Mic, Square, ArrowUp, BookOpenText, Layers, TriangleAlert, ChevronLeft, ChevronRight, ExternalLink, ThumbsUp, ThumbsDown } from 'lucide-react';
+import { createContext, useMemo, useState, useRef, useCallback, useEffect, useContext, Children, isValidElement, cloneElement } from 'react';
+import { Sparkles, RotateCcw, Link2, History, Trash2, Paperclip, X, Mic, Square, ArrowUp, BookOpenText, Layers, TriangleAlert, ChevronLeft, ChevronRight, ExternalLink, Check, Copy, ThumbsUp, ThumbsDown, Volume2 } from 'lucide-react';
 import ReactMarkdown from 'react-markdown';
 import rehypeSanitize from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';
@@ -77,6 +77,23 @@ var EN = {
   nextSuggestion: "Next suggestion",
   conceptIllustration: "Concept illustration",
   opensInNewTab: "opens in a new tab",
+  conceptStripTitle: "Or start from a concept",
+  conceptStripLabel: "Concepts you can ask about",
+  conceptAsk: "Ask about {title} in {product}",
+  conceptAskQuestion: "How does {title} work in {product}?",
+  copyAnswer: "Copy answer",
+  copyFailed: "Couldn't copy",
+  readAloud: "Read aloud",
+  stopReading: "Stop reading",
+  answerTable: "Table",
+  groundedIn: "What this answer is based on",
+  sourceCountOne: "1 source",
+  sourceCountMany: "{count} sources",
+  sourceKindConcept: "Concept",
+  sourceKindDocs: "Documentation",
+  sourceKindPricing: "Pricing",
+  sourceKindUseCase: "Use case",
+  sourceKindPage: "Product page",
   seoTitle: "Describe a problem, get an answer",
   seoDescription: "Describe the problem you're facing in your own words and get an answer drawn from our product documentation, with links to the exact pages it came from.",
   seoDescriptionProduct: "Describe the problem you're facing in your own words and get an answer drawn from {product}'s documentation \u2014 and every other product we build \u2014 with links to the exact pages it came from.",
@@ -145,6 +162,23 @@ var ZH = {
   nextSuggestion: "\u4E0B\u4E00\u4E2A\u5EFA\u8BAE",
   conceptIllustration: "\u6982\u5FF5\u793A\u610F\u56FE",
   opensInNewTab: "\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00",
+  conceptStripTitle: "\u6216\u8005\u4ECE\u4E00\u4E2A\u6982\u5FF5\u5F00\u59CB",
+  conceptStripLabel: "\u4F60\u53EF\u4EE5\u8BE2\u95EE\u7684\u6982\u5FF5",
+  conceptAsk: "\u8BE2\u95EE {product} \u4E2D\u7684 {title}",
+  conceptAskQuestion: "{product} \u7684 {title} \u662F\u600E\u4E48\u8FD0\u4F5C\u7684\uFF1F",
+  copyAnswer: "\u590D\u5236\u56DE\u7B54",
+  copyFailed: "\u590D\u5236\u5931\u8D25",
+  readAloud: "\u6717\u8BFB",
+  stopReading: "\u505C\u6B62\u6717\u8BFB",
+  answerTable: "\u8868\u683C",
+  groundedIn: "\u8FD9\u4E2A\u56DE\u7B54\u7684\u4F9D\u636E",
+  sourceCountOne: "1 \u4E2A\u6765\u6E90",
+  sourceCountMany: "{count} \u4E2A\u6765\u6E90",
+  sourceKindConcept: "\u6982\u5FF5",
+  sourceKindDocs: "\u6587\u6863",
+  sourceKindPricing: "\u4EF7\u683C",
+  sourceKindUseCase: "\u5E94\u7528\u573A\u666F",
+  sourceKindPage: "\u4EA7\u54C1\u9875\u9762",
   seoTitle: "\u63CF\u8FF0\u95EE\u9898\uFF0C\u83B7\u5F97\u7B54\u6848",
   seoDescription: "\u7528\u4F60\u81EA\u5DF1\u7684\u8BDD\u63CF\u8FF0\u9047\u5230\u7684\u95EE\u9898\uFF0C\u5373\u53EF\u83B7\u5F97\u6765\u81EA\u6211\u4EEC\u4EA7\u54C1\u6587\u6863\u7684\u56DE\u7B54\uFF0C\u5E76\u9644\u4E0A\u7B54\u6848\u51FA\u5904\u7684\u9875\u9762\u94FE\u63A5\u3002",
   seoDescriptionProduct: "\u7528\u4F60\u81EA\u5DF1\u7684\u8BDD\u63CF\u8FF0\u9047\u5230\u7684\u95EE\u9898\uFF0C\u5373\u53EF\u83B7\u5F97\u6765\u81EA {product} \u53CA\u6211\u4EEC\u5176\u4ED6\u4EA7\u54C1\u6587\u6863\u7684\u56DE\u7B54\uFF0C\u5E76\u9644\u4E0A\u7B54\u6848\u51FA\u5904\u7684\u9875\u9762\u94FE\u63A5\u3002",
@@ -209,6 +243,23 @@ var HI = {
   nextSuggestion: "\u0905\u0917\u0932\u093E \u0938\u0941\u091D\u093E\u0935",
   conceptIllustration: "\u0905\u0935\u0927\u093E\u0930\u0923\u093E \u091A\u093F\u0924\u094D\u0930\u0923",
   opensInNewTab: "\u0928\u090F \u091F\u0948\u092C \u092E\u0947\u0902 \u0916\u0941\u0932\u0924\u093E \u0939\u0948",
+  conceptStripTitle: "\u092F\u093E \u0915\u093F\u0938\u0940 \u0905\u0935\u0927\u093E\u0930\u0923\u093E \u0938\u0947 \u0936\u0941\u0930\u0942 \u0915\u0930\u0947\u0902",
+  conceptStripLabel: "\u091C\u093F\u0928 \u0905\u0935\u0927\u093E\u0930\u0923\u093E\u0913\u0902 \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u0906\u092A \u092A\u0942\u091B \u0938\u0915\u0924\u0947 \u0939\u0948\u0902",
+  conceptAsk: "{product} \u092E\u0947\u0902 {title} \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u092A\u0942\u091B\u0947\u0902",
+  conceptAskQuestion: "{product} \u092E\u0947\u0902 {title} \u0915\u0948\u0938\u0947 \u0915\u093E\u092E \u0915\u0930\u0924\u093E \u0939\u0948?",
+  copyAnswer: "\u0909\u0924\u094D\u0924\u0930 \u0915\u0949\u092A\u0940 \u0915\u0930\u0947\u0902",
+  copyFailed: "\u0915\u0949\u092A\u0940 \u0928\u0939\u0940\u0902 \u0939\u094B \u0938\u0915\u093E",
+  readAloud: "\u091C\u093C\u094B\u0930 \u0938\u0947 \u092A\u0922\u093C\u0947\u0902",
+  stopReading: "\u092A\u0922\u093C\u0928\u093E \u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
+  answerTable: "\u0924\u093E\u0932\u093F\u0915\u093E",
+  groundedIn: "\u092F\u0939 \u0909\u0924\u094D\u0924\u0930 \u0915\u093F\u0938 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924 \u0939\u0948",
+  sourceCountOne: "1 \u0938\u094D\u0930\u094B\u0924",
+  sourceCountMany: "{count} \u0938\u094D\u0930\u094B\u0924",
+  sourceKindConcept: "\u0905\u0935\u0927\u093E\u0930\u0923\u093E",
+  sourceKindDocs: "\u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C",
+  sourceKindPricing: "\u092E\u0942\u0932\u094D\u092F",
+  sourceKindUseCase: "\u0909\u092A\u092F\u094B\u0917 \u0915\u093E \u0909\u0926\u093E\u0939\u0930\u0923",
+  sourceKindPage: "\u0909\u0924\u094D\u092A\u093E\u0926 \u092A\u0947\u091C",
   seoTitle: "\u0938\u092E\u0938\u094D\u092F\u093E \u092C\u0924\u093E\u090F\u0902, \u091C\u0935\u093E\u092C \u092A\u093E\u090F\u0902",
   seoDescription: "\u0905\u092A\u0928\u0940 \u0938\u092E\u0938\u094D\u092F\u093E \u0905\u092A\u0928\u0947 \u0936\u092C\u094D\u0926\u094B\u0902 \u092E\u0947\u0902 \u092C\u0924\u093E\u090F\u0902 \u0914\u0930 \u0939\u092E\u093E\u0930\u0947 \u0909\u0924\u094D\u092A\u093E\u0926 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u0938\u0947 \u0932\u093F\u092F\u093E \u0917\u092F\u093E \u091C\u0935\u093E\u092C \u092A\u093E\u090F\u0902, \u0938\u093E\u0925 \u092E\u0947\u0902 \u0909\u0928\u094D\u0939\u0940\u0902 \u092A\u0928\u094D\u0928\u094B\u0902 \u0915\u0947 \u0932\u093F\u0902\u0915 \u091C\u0939\u093E\u0901 \u0938\u0947 \u0935\u0939 \u0906\u092F\u093E \u0939\u0948\u0964",
   seoDescriptionProduct: "\u0905\u092A\u0928\u0940 \u0938\u092E\u0938\u094D\u092F\u093E \u0905\u092A\u0928\u0947 \u0936\u092C\u094D\u0926\u094B\u0902 \u092E\u0947\u0902 \u092C\u0924\u093E\u090F\u0902 \u0914\u0930 {product} \u0924\u0925\u093E \u0939\u092E\u093E\u0930\u0947 \u092C\u093E\u0915\u0940 \u0909\u0924\u094D\u092A\u093E\u0926\u094B\u0902 \u0915\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u0938\u0947 \u0932\u093F\u092F\u093E \u0917\u092F\u093E \u091C\u0935\u093E\u092C \u092A\u093E\u090F\u0902, \u0938\u093E\u0925 \u092E\u0947\u0902 \u0909\u0928\u094D\u0939\u0940\u0902 \u092A\u0928\u094D\u0928\u094B\u0902 \u0915\u0947 \u0932\u093F\u0902\u0915 \u091C\u0939\u093E\u0901 \u0938\u0947 \u0935\u0939 \u0906\u092F\u093E \u0939\u0948\u0964",
@@ -277,6 +328,23 @@ var ES = {
   nextSuggestion: "Sugerencia siguiente",
   conceptIllustration: "Ilustraci\xF3n del concepto",
   opensInNewTab: "se abre en una pesta\xF1a nueva",
+  conceptStripTitle: "O empieza por un concepto",
+  conceptStripLabel: "Conceptos sobre los que puedes preguntar",
+  conceptAsk: "Preguntar por {title} en {product}",
+  conceptAskQuestion: "\xBFC\xF3mo funciona {title} en {product}?",
+  copyAnswer: "Copiar respuesta",
+  copyFailed: "No se pudo copiar",
+  readAloud: "Leer en voz alta",
+  stopReading: "Dejar de leer",
+  answerTable: "Tabla",
+  groundedIn: "En qu\xE9 se basa esta respuesta",
+  sourceCountOne: "1 fuente",
+  sourceCountMany: "{count} fuentes",
+  sourceKindConcept: "Concepto",
+  sourceKindDocs: "Documentaci\xF3n",
+  sourceKindPricing: "Precios",
+  sourceKindUseCase: "Caso de uso",
+  sourceKindPage: "P\xE1gina de producto",
   seoTitle: "Describe un problema y obt\xE9n una respuesta",
   seoDescription: "Describe con tus palabras el problema que tienes y recibe una respuesta extra\xEDda de la documentaci\xF3n de nuestros productos, con enlaces a las p\xE1ginas exactas de las que procede.",
   seoDescriptionProduct: "Describe con tus palabras el problema que tienes y recibe una respuesta extra\xEDda de la documentaci\xF3n de {product} y del resto de nuestros productos, con enlaces a las p\xE1ginas exactas de las que procede.",
@@ -345,6 +413,23 @@ var AR = {
   nextSuggestion: "\u0627\u0644\u0627\u0642\u062A\u0631\u0627\u062D \u0627\u0644\u062A\u0627\u0644\u064A",
   conceptIllustration: "\u0631\u0633\u0645 \u062A\u0648\u0636\u064A\u062D\u064A \u0644\u0644\u0645\u0641\u0647\u0648\u0645",
   opensInNewTab: "\u064A\u064F\u0641\u062A\u062D \u0641\u064A \u0639\u0644\u0627\u0645\u0629 \u062A\u0628\u0648\u064A\u0628 \u062C\u062F\u064A\u062F\u0629",
+  conceptStripTitle: "\u0623\u0648 \u0627\u0628\u062F\u0623 \u0645\u0646 \u0645\u0641\u0647\u0648\u0645",
+  conceptStripLabel: "\u0645\u0641\u0627\u0647\u064A\u0645 \u064A\u0645\u0643\u0646\u0643 \u0627\u0644\u0633\u0624\u0627\u0644 \u0639\u0646\u0647\u0627",
+  conceptAsk: "\u0627\u0633\u0623\u0644 \u0639\u0646 {title} \u0641\u064A {product}",
+  conceptAskQuestion: "\u0643\u064A\u0641 \u064A\u0639\u0645\u0644 {title} \u0641\u064A {product}\u061F",
+  copyAnswer: "\u0646\u0633\u062E \u0627\u0644\u0625\u062C\u0627\u0628\u0629",
+  copyFailed: "\u062A\u0639\u0630\u0651\u0631 \u0627\u0644\u0646\u0633\u062E",
+  readAloud: "\u0627\u0642\u0631\u0623 \u0628\u0635\u0648\u062A \u0639\u0627\u0644\u064D",
+  stopReading: "\u0625\u064A\u0642\u0627\u0641 \u0627\u0644\u0642\u0631\u0627\u0621\u0629",
+  answerTable: "\u062C\u062F\u0648\u0644",
+  groundedIn: "\u0639\u0644\u0649 \u0645\u0627\u0630\u0627 \u062A\u0633\u062A\u0646\u062F \u0647\u0630\u0647 \u0627\u0644\u0625\u062C\u0627\u0628\u0629",
+  sourceCountOne: "\u0645\u0635\u062F\u0631 \u0648\u0627\u062D\u062F",
+  sourceCountMany: "{count} \u0645\u0635\u0627\u062F\u0631",
+  sourceKindConcept: "\u0645\u0641\u0647\u0648\u0645",
+  sourceKindDocs: "\u0627\u0644\u062A\u0648\u062B\u064A\u0642",
+  sourceKindPricing: "\u0627\u0644\u0623\u0633\u0639\u0627\u0631",
+  sourceKindUseCase: "\u062D\u0627\u0644\u0629 \u0627\u0633\u062A\u062E\u062F\u0627\u0645",
+  sourceKindPage: "\u0635\u0641\u062D\u0629 \u0627\u0644\u0645\u0646\u062A\u062C",
   seoTitle: "\u0635\u0641 \u0645\u0634\u0643\u0644\u062A\u0643 \u0648\u0627\u062D\u0635\u0644 \u0639\u0644\u0649 \u0625\u062C\u0627\u0628\u0629",
   seoDescription: "\u0635\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062A\u064A \u062A\u0648\u0627\u062C\u0647\u0647\u0627 \u0628\u0643\u0644\u0645\u0627\u062A\u0643 \u0648\u0627\u062D\u0635\u0644 \u0639\u0644\u0649 \u0625\u062C\u0627\u0628\u0629 \u0645\u0633\u062A\u0645\u062F\u0629 \u0645\u0646 \u0648\u062B\u0627\u0626\u0642 \u0645\u0646\u062A\u062C\u0627\u062A\u0646\u0627\u060C \u0645\u0639 \u0631\u0648\u0627\u0628\u0637 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0627\u062A \u0627\u0644\u062A\u064A \u062C\u0627\u0621\u062A \u0645\u0646\u0647\u0627.",
   seoDescriptionProduct: "\u0635\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062A\u064A \u062A\u0648\u0627\u062C\u0647\u0647\u0627 \u0628\u0643\u0644\u0645\u0627\u062A\u0643 \u0648\u0627\u062D\u0635\u0644 \u0639\u0644\u0649 \u0625\u062C\u0627\u0628\u0629 \u0645\u0633\u062A\u0645\u062F\u0629 \u0645\u0646 \u0648\u062B\u0627\u0626\u0642 {product} \u0648\u0628\u0642\u064A\u0629 \u0645\u0646\u062A\u062C\u0627\u062A\u0646\u0627\u060C \u0645\u0639 \u0631\u0648\u0627\u0628\u0637 \u0625\u0644\u0649 \u0627\u0644\u0635\u0641\u062D\u0627\u062A \u0627\u0644\u062A\u064A \u062C\u0627\u0621\u062A \u0645\u0646\u0647\u0627.",
@@ -413,6 +498,23 @@ var TA = {
   nextSuggestion: "\u0B85\u0B9F\u0BC1\u0BA4\u0BCD\u0BA4 \u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8",
   conceptIllustration: "\u0B95\u0BB0\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1 \u0BB5\u0BBF\u0BB3\u0B95\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0B9F\u0BAE\u0BCD",
   opensInNewTab: "\u0BAA\u0BC1\u0BA4\u0BBF\u0BAF \u0BA4\u0BBE\u0BB5\u0BB2\u0BBF\u0BB2\u0BCD \u0BA4\u0BBF\u0BB1\u0B95\u0BCD\u0B95\u0BC1\u0BAE\u0BCD",
+  conceptStripTitle: "\u0B85\u0BB2\u0BCD\u0BB2\u0BA4\u0BC1 \u0B92\u0BB0\u0BC1 \u0B95\u0BB0\u0BC1\u0BA4\u0BCD\u0BA4\u0BBF\u0BB2\u0BBF\u0BB0\u0BC1\u0BA8\u0BCD\u0BA4\u0BC1 \u0BA4\u0BCA\u0B9F\u0B99\u0BCD\u0B95\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
+  conceptStripLabel: "\u0BA8\u0BC0\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B95\u0BC7\u0B9F\u0BCD\u0B95\u0B95\u0BCD\u0B95\u0BC2\u0B9F\u0BBF\u0BAF \u0B95\u0BB0\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1\u0B95\u0BB3\u0BCD",
+  conceptAsk: "{product} \u0B87\u0BB2\u0BCD {title} \u0BAA\u0BB1\u0BCD\u0BB1\u0BBF\u0B95\u0BCD \u0B95\u0BC7\u0BB3\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
+  conceptAskQuestion: "{product} \u0B87\u0BB2\u0BCD {title} \u0B8E\u0BAA\u0BCD\u0BAA\u0B9F\u0BBF \u0BB5\u0BC7\u0BB2\u0BC8 \u0B9A\u0BC6\u0BAF\u0BCD\u0B95\u0BBF\u0BB1\u0BA4\u0BC1?",
+  copyAnswer: "\u0BAA\u0BA4\u0BBF\u0BB2\u0BC8 \u0BA8\u0B95\u0BB2\u0BC6\u0B9F\u0BC1",
+  copyFailed: "\u0BA8\u0B95\u0BB2\u0BC6\u0B9F\u0BC1\u0B95\u0BCD\u0B95 \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8",
+  readAloud: "\u0B9A\u0BA4\u0BCD\u0BA4\u0BAE\u0BBE\u0B95\u0BAA\u0BCD \u0BAA\u0B9F\u0BBF",
+  stopReading: "\u0BAA\u0B9F\u0BBF\u0BAA\u0BCD\u0BAA\u0BA4\u0BC8 \u0BA8\u0BBF\u0BB1\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1",
+  answerTable: "\u0B85\u0B9F\u0BCD\u0B9F\u0BB5\u0BA3\u0BC8",
+  groundedIn: "\u0B87\u0BA8\u0BCD\u0BA4\u0BAA\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BCD \u0B8E\u0BA4\u0BC8 \u0B85\u0B9F\u0BBF\u0BAA\u0BCD\u0BAA\u0B9F\u0BC8\u0BAF\u0BBE\u0B95\u0B95\u0BCD \u0B95\u0BCA\u0BA3\u0BCD\u0B9F\u0BA4\u0BC1",
+  sourceCountOne: "1 \u0BAE\u0BC2\u0BB2\u0BAE\u0BCD",
+  sourceCountMany: "{count} \u0BAE\u0BC2\u0BB2\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
+  sourceKindConcept: "\u0B95\u0BB0\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1",
+  sourceKindDocs: "\u0B86\u0BB5\u0BA3\u0BAE\u0BCD",
+  sourceKindPricing: "\u0BB5\u0BBF\u0BB2\u0BC8",
+  sourceKindUseCase: "\u0BAA\u0BAF\u0BA9\u0BCD\u0BAA\u0BBE\u0B9F\u0BCD\u0B9F\u0BC1 \u0BA8\u0BBF\u0BB2\u0BC8",
+  sourceKindPage: "\u0BA4\u0BAF\u0BBE\u0BB0\u0BBF\u0BAA\u0BCD\u0BAA\u0BC1\u0BAA\u0BCD \u0BAA\u0B95\u0BCD\u0B95\u0BAE\u0BCD",
   seoTitle: "\u0B9A\u0BBF\u0B95\u0BCD\u0B95\u0BB2\u0BC8 \u0BB5\u0BBF\u0BB5\u0BB0\u0BBF\u0BAF\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD, \u0BAA\u0BA4\u0BBF\u0BB2\u0BCD \u0BAA\u0BC6\u0BB1\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
   seoDescription: "\u0BA8\u0BC0\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B8E\u0BA4\u0BBF\u0BB0\u0BCD\u0B95\u0BCA\u0BB3\u0BCD\u0BB3\u0BC1\u0BAE\u0BCD \u0B9A\u0BBF\u0B95\u0BCD\u0B95\u0BB2\u0BC8 \u0B89\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B9A\u0BCA\u0BA8\u0BCD\u0BA4 \u0BB5\u0BBE\u0BB0\u0BCD\u0BA4\u0BCD\u0BA4\u0BC8\u0B95\u0BB3\u0BBF\u0BB2\u0BCD \u0BB5\u0BBF\u0BB5\u0BB0\u0BBF\u0BAF\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD; \u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0BA4\u0BAF\u0BBE\u0BB0\u0BBF\u0BAA\u0BCD\u0BAA\u0BC1 \u0B86\u0BB5\u0BA3\u0B99\u0BCD\u0B95\u0BB3\u0BBF\u0BB2\u0BBF\u0BB0\u0BC1\u0BA8\u0BCD\u0BA4\u0BC1 \u0BAA\u0BA4\u0BBF\u0BB2\u0BCD \u0B95\u0BBF\u0B9F\u0BC8\u0B95\u0BCD\u0B95\u0BC1\u0BAE\u0BCD, \u0B85\u0BA4\u0BC1 \u0BB5\u0BA8\u0BCD\u0BA4 \u0BAA\u0B95\u0BCD\u0B95\u0B99\u0BCD\u0B95\u0BB3\u0BC1\u0B95\u0BCD\u0B95\u0BBE\u0BA9 \u0B87\u0BA3\u0BC8\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BC1\u0B9F\u0BA9\u0BCD.",
   seoDescriptionProduct: "{product} \u0BAE\u0BB1\u0BCD\u0BB1\u0BC1\u0BAE\u0BCD \u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0BAA\u0BBF\u0BB1 \u0BA4\u0BAF\u0BBE\u0BB0\u0BBF\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BBF\u0BA9\u0BCD \u0B86\u0BB5\u0BA3\u0B99\u0BCD\u0B95\u0BB3\u0BBF\u0BB2\u0BBF\u0BB0\u0BC1\u0BA8\u0BCD\u0BA4\u0BC1 \u0BAA\u0BA4\u0BBF\u0BB2\u0BCD \u0BAA\u0BC6\u0BB1, \u0BA8\u0BC0\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B8E\u0BA4\u0BBF\u0BB0\u0BCD\u0B95\u0BCA\u0BB3\u0BCD\u0BB3\u0BC1\u0BAE\u0BCD \u0B9A\u0BBF\u0B95\u0BCD\u0B95\u0BB2\u0BC8 \u0B89\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B9A\u0BCA\u0BA8\u0BCD\u0BA4 \u0BB5\u0BBE\u0BB0\u0BCD\u0BA4\u0BCD\u0BA4\u0BC8\u0B95\u0BB3\u0BBF\u0BB2\u0BCD \u0BB5\u0BBF\u0BB5\u0BB0\u0BBF\u0BAF\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u2014 \u0B85\u0BA4\u0BC1 \u0BB5\u0BA8\u0BCD\u0BA4 \u0BAA\u0B95\u0BCD\u0B95\u0B99\u0BCD\u0B95\u0BB3\u0BC1\u0B95\u0BCD\u0B95\u0BBE\u0BA9 \u0B87\u0BA3\u0BC8\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BC1\u0B9F\u0BA9\u0BCD.",
@@ -436,6 +538,17 @@ var STRINGS = {
   ar: AR,
   ta: TA
 };
+var SPEECH_TAGS = {
+  en: "en-US",
+  zh: "zh-CN",
+  hi: "hi-IN",
+  es: "es-ES",
+  ar: "ar-SA",
+  ta: "ta-IN"
+};
+function speechLocaleOf(locale) {
+  return SPEECH_TAGS[locale];
+}
 function resolveExploreLocale(explicit) {
   const candidates = [
     explicit,
@@ -514,11 +627,9 @@ var EXPLORE_OWN_MESSAGE_FIELDS = (
   }
 `
 );
-var EXPLORE_CATALOG_QUERY = (
+var EXPLORE_CATALOG_ESTABLISHED_FIELDS = (
   /* GraphQL */
   `
-  query ExploreCatalog($productSlug: String) {
-    exploreCatalog(productSlug: $productSlug) {
       enabled
       products {
         slug
@@ -536,11 +647,35 @@ var EXPLORE_CATALOG_QUERY = (
         historyTurns
       }
       captchaRequired
-      recaptchaSiteKey
+      recaptchaSiteKey`
+);
+var EXPLORE_CATALOG_HIGHLIGHT_FIELD = (
+  /* GraphQL */
+  `
+      conceptHighlights {
+        product
+        productName
+        title
+        url
+        imageUrl
+        alt
+      }`
+);
+function exploreCatalogDocument(extraFields) {
+  return (
+    /* GraphQL */
+    `
+  query ExploreCatalog($productSlug: String) {
+    exploreCatalog(productSlug: $productSlug) {${EXPLORE_CATALOG_ESTABLISHED_FIELDS}${extraFields}
     }
   }
 `
+  );
+}
+var EXPLORE_CATALOG_QUERY = exploreCatalogDocument(
+  EXPLORE_CATALOG_HIGHLIGHT_FIELD
 );
+var EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS = exploreCatalogDocument("");
 var EXPLORE_MESSAGE_QUERY = (
   /* GraphQL */
   `
@@ -1343,7 +1478,12 @@ function buildFallbackCatalog(examplePrompts, welcome) {
     welcomeBody: welcome?.body ?? FALLBACK_WELCOME_BODY,
     limits: FALLBACK_EXPLORE_LIMITS,
     captchaRequired: false,
-    recaptchaSiteKey: null
+    recaptchaSiteKey: null,
+    // Empty, and deliberately not synthesised from `ECOSYSTEM_PRODUCTS`: a concept highlight
+    // needs a real published illustration URL, and this SDK has no registry of them. An
+    // invented path would render 38 broken frames on the one screen every prerender captures.
+    // The strip renders nothing at all when the list is empty, which is the honest fallback.
+    conceptHighlights: []
   };
 }
 function normalizeCatalog(raw, fallback) {
@@ -1360,9 +1500,27 @@ function normalizeCatalog(raw, fallback) {
       historyTurns: raw.limits?.historyTurns || fallback.limits.historyTurns
     },
     captchaRequired: raw.captchaRequired === true,
-    recaptchaSiteKey: raw.recaptchaSiteKey ?? null
+    recaptchaSiteKey: raw.recaptchaSiteKey ?? null,
+    // `[ExploreConceptHighlight!]!` on the wire, so a gateway that KNOWS the field always
+    // sends an array. The one response that arrives without it is the retry against an older
+    // supergraph (`EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS`) — that gateway does not answer
+    // the full document at all, it refuses it. Either way
+    // `catalog.conceptHighlights.filter(...)` on `undefined` would throw inside render,
+    // blanking the welcome screen over a decorative strip.
+    conceptHighlights: raw.conceptHighlights?.length ? raw.conceptHighlights : fallback.conceptHighlights
   };
 }
+var CATALOG_DOCUMENT_REJECTED_CODES = /* @__PURE__ */ new Set([
+  "GRAPHQL_VALIDATION_FAILED",
+  "HTTP_400"
+]);
+function catalogRejectedTheHighlightField(res) {
+  if (res.data?.exploreCatalog) return false;
+  return (res.errors ?? []).some((error) => {
+    const code = error.extensions?.code;
+    return typeof code === "string" && CATALOG_DOCUMENT_REJECTED_CODES.has(code) || error.message.includes("conceptHighlights");
+  });
+}
 var RATE_LIMIT_CODES = /* @__PURE__ */ new Set([
   "RATE_LIMITED",
   "HTTP_429",
@@ -1702,11 +1860,19 @@ function useExploreChat(options = {}) {
   useEffect(() => {
     let cancelled = false;
     const load = async () => {
-      const res = await client.query(
+      const variables = { productSlug: productSlug ?? null };
+      let res = await client.query(
         EXPLORE_CATALOG_QUERY,
-        { productSlug: productSlug ?? null }
+        variables
       );
       if (cancelled || !mountedRef.current) return;
+      if (catalogRejectedTheHighlightField(res)) {
+        res = await client.query(
+          EXPLORE_CATALOG_QUERY_WITHOUT_HIGHLIGHTS,
+          variables
+        );
+        if (cancelled || !mountedRef.current) return;
+      }
       const raw = res.data?.exploreCatalog;
       if (res.errors?.length || !raw) {
         console.warn(
@@ -2152,6 +2318,224 @@ function makeOptimisticId() {
   optimisticCounter += 1;
   return `boff-explore-local-${Date.now()}-${optimisticCounter}`;
 }
+var DRAIN_TARGET_MS = 1200;
+var MIN_CHARS_PER_SECOND = 90;
+var MAX_CHARS_PER_SECOND = 2200;
+var MAX_STEP_MS = 250;
+var COMMIT_INTERVAL_MS = 45;
+var FALLBACK_STEP_MS = 50;
+var FENCE = /^ {0,3}(?:```|~~~)/;
+var TABLE_ROW = /^ {0,3}\|/;
+var EMPTY_BLOCK_MARKER = /^ {0,3}(?:[-+>]|#{1,6}|\d{1,9}[.)])\s*$/;
+function isWordCharacter(char) {
+  return char !== void 0 && /[\p{L}\p{N}]/u.test(char);
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function now() {
+  return typeof performance !== "undefined" && typeof performance.now === "function" ? performance.now() : Date.now();
+}
+function isHighSurrogate(code) {
+  return code >= 55296 && code <= 56319;
+}
+function safeInlineEnd(line) {
+  let codeSpan = null;
+  let link = null;
+  const emphasis = [];
+  let at = 0;
+  while (at < line.length) {
+    const char = line[at] ?? "";
+    if (char === "\\") {
+      at += 2;
+      continue;
+    }
+    if (char === "`") {
+      let run = 1;
+      while (line[at + run] === "`") run += 1;
+      codeSpan = codeSpan === null ? at : null;
+      at += run;
+      continue;
+    }
+    if (codeSpan !== null) {
+      at += 1;
+      continue;
+    }
+    if (char === "[") {
+      if (link === null) link = line[at - 1] === "!" ? at - 1 : at;
+      at += 1;
+      continue;
+    }
+    if (char === "]") {
+      if (link !== null && line[at + 1] !== "(") link = null;
+      at += 1;
+      continue;
+    }
+    if (char === ")") {
+      link = null;
+      at += 1;
+      continue;
+    }
+    if (char === "*" || char === "_" || char === "~") {
+      let run = 1;
+      while (line[at + run] === char) run += 1;
+      const start = at;
+      at += run;
+      const before = line[start - 1];
+      const after = line[start + run];
+      if (run < 2) continue;
+      if (char === "_" && isWordCharacter(before) && isWordCharacter(after)) {
+        continue;
+      }
+      const marker = char.repeat(run);
+      const open2 = emphasis.findIndex((entry) => entry.marker === marker);
+      if (open2 !== -1) {
+        emphasis.splice(open2, 1);
+        continue;
+      }
+      if (after !== void 0 && /\s/.test(after)) continue;
+      emphasis.push({ marker, start });
+      continue;
+    }
+    at += 1;
+  }
+  const open = [codeSpan, link, emphasis[0]?.start ?? null].filter(
+    (value) => value !== null
+  );
+  return open.length === 0 ? line.length : Math.min(...open);
+}
+function revealBoundary(text, limit) {
+  if (limit <= 0) return 0;
+  const caughtUp = limit >= text.length;
+  const head = caughtUp ? text : text.slice(0, limit);
+  const lineStart = head.lastIndexOf("\n") + 1;
+  const line = head.slice(lineStart);
+  let fenceStart = null;
+  let tableStart = null;
+  let tableRows = 0;
+  let at = 0;
+  while (at < lineStart) {
+    const breakAt = head.indexOf("\n", at);
+    const end = breakAt === -1 ? lineStart : breakAt;
+    const row = head.slice(at, end);
+    if (fenceStart !== null) {
+      if (FENCE.test(row)) fenceStart = null;
+    } else if (FENCE.test(row)) {
+      fenceStart = at;
+    } else if (TABLE_ROW.test(row)) {
+      if (tableStart === null) {
+        tableStart = at;
+        tableRows = 0;
+      }
+      tableRows += 1;
+    } else if (tableStart !== null) {
+      tableStart = null;
+      tableRows = 0;
+    }
+    at = end + 1;
+  }
+  if (fenceStart === null) {
+    const lastIsRow = TABLE_ROW.test(line);
+    if (lastIsRow && tableStart === null) {
+      tableStart = lineStart;
+      tableRows = 0;
+    } else if (!lastIsRow && line !== "") {
+      tableStart = null;
+      tableRows = 0;
+    }
+    if (tableStart !== null && tableRows < 2) return tableStart;
+  }
+  if (caughtUp) return text.length;
+  if (fenceStart !== null) return fenceStart;
+  if (TABLE_ROW.test(line)) return lineStart;
+  if (EMPTY_BLOCK_MARKER.test(line)) return lineStart;
+  const cut = lineStart + safeInlineEnd(line);
+  return isHighSurrogate(text.charCodeAt(cut - 1)) ? cut - 1 : cut;
+}
+function prefersReducedMotion() {
+  if (typeof window === "undefined") return true;
+  try {
+    return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches === true;
+  } catch {
+    return false;
+  }
+}
+function useProgressiveReveal(text, settled) {
+  const [, setFrame] = useState(0);
+  const [reduced] = useState(prefersReducedMotion);
+  const immediate = settled || reduced;
+  const textRef = useRef(text);
+  const cursorRef = useRef(immediate ? text.length : 0);
+  const cutRef = useRef(immediate ? text.length : 0);
+  const committedRef = useRef(0);
+  if (text !== textRef.current) {
+    const revealed = textRef.current.slice(0, Math.floor(cursorRef.current));
+    if (revealed !== "" && !text.startsWith(revealed)) {
+      cursorRef.current = text.length;
+    }
+    cursorRef.current = Math.min(cursorRef.current, text.length);
+    cutRef.current = Math.min(cutRef.current, text.length);
+    textRef.current = text;
+  }
+  if (immediate) cursorRef.current = text.length;
+  const cut = immediate ? text.length : Math.max(
+    cutRef.current,
+    revealBoundary(text, Math.floor(cursorRef.current))
+  );
+  cutRef.current = cut;
+  useEffect(() => {
+    if (immediate) return;
+    if (cursorRef.current >= text.length) return;
+    let cancelled = false;
+    let cancelStep = null;
+    let previous = now();
+    const commit = (at, force) => {
+      if (!force && at - committedRef.current < COMMIT_INTERVAL_MS) return;
+      committedRef.current = at;
+      setFrame((value) => value + 1);
+    };
+    const step = () => {
+      cancelStep = null;
+      if (cancelled) return;
+      const at = now();
+      const elapsed = clamp(at - previous, 0, MAX_STEP_MS);
+      previous = at;
+      const length = textRef.current.length;
+      const pending = length - cursorRef.current;
+      if (pending <= 0) {
+        commit(at, true);
+        return;
+      }
+      const perSecond = clamp(
+        pending / (DRAIN_TARGET_MS / 1e3),
+        MIN_CHARS_PER_SECOND,
+        MAX_CHARS_PER_SECOND
+      );
+      cursorRef.current = Math.min(
+        length,
+        cursorRef.current + perSecond * elapsed / 1e3
+      );
+      const done = cursorRef.current >= length;
+      commit(at, done);
+      if (!done) schedule();
+    };
+    const schedule = () => {
+      if (typeof window.requestAnimationFrame === "function") {
+        const id2 = window.requestAnimationFrame(step);
+        cancelStep = () => window.cancelAnimationFrame(id2);
+        return;
+      }
+      const id = setTimeout(step, FALLBACK_STEP_MS);
+      cancelStep = () => clearTimeout(id);
+    };
+    schedule();
+    return () => {
+      cancelled = true;
+      cancelStep?.();
+    };
+  }, [text, immediate]);
+  return text.slice(0, cut);
+}
 function getRecognitionCtor() {
   if (typeof window === "undefined") return null;
   const w = window;
@@ -2370,6 +2754,141 @@ function useSpeechInput({
   );
   return { supported, listening, interim, error, start, stop, toggle };
 }
+var SILENT_FAILURE_MS = 1500;
+function speechPlatform() {
+  if (typeof window === "undefined") return null;
+  const scope = window;
+  const synth = scope.speechSynthesis;
+  const Utterance = scope.SpeechSynthesisUtterance;
+  if (!synth || typeof synth.speak !== "function") return null;
+  if (typeof Utterance !== "function") return null;
+  return { synth, Utterance };
+}
+function normaliseTag(tag) {
+  return tag.trim().toLowerCase().replace(/_/g, "-");
+}
+function primaryOf(tag) {
+  return normaliseTag(tag).split("-")[0] ?? "";
+}
+function pickVoice(voices, lang) {
+  const wanted = normaliseTag(lang);
+  if (wanted === "") return null;
+  const primary = primaryOf(wanted);
+  const exact = voices.filter((voice) => normaliseTag(voice.lang) === wanted);
+  const related = voices.filter((voice) => primaryOf(voice.lang) === primary);
+  return exact.find((voice) => voice.default) ?? exact[0] ?? related.find((voice) => voice.default) ?? related[0] ?? null;
+}
+var activeOwner = null;
+var activeStop = null;
+function stopSpeaking() {
+  activeStop?.();
+}
+function useSpeechOutput({
+  lang
+} = {}) {
+  const [available, setAvailable] = useState(() => speechPlatform() !== null);
+  const [speaking, setSpeaking] = useState(false);
+  const utteranceRef = useRef(null);
+  const watchdogRef = useRef(null);
+  const ownerRef = useRef({});
+  const stopRef = useRef(() => void 0);
+  const langRef = useRef(lang);
+  langRef.current = lang;
+  const clearWatchdog = useCallback(() => {
+    if (watchdogRef.current === null) return;
+    clearTimeout(watchdogRef.current);
+    watchdogRef.current = null;
+  }, []);
+  const settle = useCallback(() => {
+    clearWatchdog();
+    utteranceRef.current = null;
+    if (activeOwner === ownerRef.current) {
+      activeOwner = null;
+      activeStop = null;
+    }
+    setSpeaking(false);
+  }, [clearWatchdog]);
+  const stop = useCallback(() => {
+    const owned = utteranceRef.current !== null;
+    settle();
+    if (owned) speechPlatform()?.synth.cancel();
+  }, [settle]);
+  stopRef.current = stop;
+  const speak = useCallback(
+    (text) => {
+      const platform = speechPlatform();
+      if (!platform) {
+        setAvailable(false);
+        return;
+      }
+      const spoken = text.trim();
+      if (spoken === "") return;
+      if (activeStop && activeOwner !== ownerRef.current) activeStop();
+      platform.synth.cancel();
+      const utterance = new platform.Utterance(spoken);
+      const wanted = langRef.current;
+      if (wanted !== void 0 && wanted !== "") {
+        const voice = pickVoice(platform.synth.getVoices(), wanted);
+        utterance.lang = voice?.lang ?? wanted;
+        if (voice) utterance.voice = voice;
+      }
+      const mine = () => utteranceRef.current === utterance;
+      utterance.onstart = () => {
+        if (!mine()) return;
+        clearWatchdog();
+        setSpeaking(true);
+      };
+      utterance.onend = () => {
+        if (!mine()) return;
+        settle();
+      };
+      utterance.onerror = (event) => {
+        if (!mine()) return;
+        const code = typeof event?.error === "string" ? event.error : "";
+        settle();
+        if (code !== "interrupted" && code !== "canceled") setAvailable(false);
+      };
+      utteranceRef.current = utterance;
+      activeOwner = ownerRef.current;
+      activeStop = () => {
+        stopRef.current();
+      };
+      setSpeaking(true);
+      platform.synth.speak(utterance);
+      clearWatchdog();
+      watchdogRef.current = setTimeout(() => {
+        watchdogRef.current = null;
+        if (!mine()) return;
+        if (platform.synth.speaking) return;
+        settle();
+        setAvailable(false);
+      }, SILENT_FAILURE_MS);
+    },
+    [clearWatchdog, settle]
+  );
+  const toggle = useCallback(
+    (text) => {
+      if (speaking) stop();
+      else speak(text);
+    },
+    [speak, speaking, stop]
+  );
+  useEffect(() => {
+    if (!speaking || typeof window === "undefined") return;
+    const onHide = () => {
+      stopRef.current();
+    };
+    window.addEventListener("pagehide", onHide);
+    return () => window.removeEventListener("pagehide", onHide);
+  }, [speaking]);
+  useEffect(
+    () => () => {
+      stopRef.current();
+    },
+    []
+  );
+  return { supported: available, speaking, speak, stop, toggle };
+}
 var SWIPE_THRESHOLD = 40;
 function useSwipe({
   onSwipeLeft,
@@ -2765,6 +3284,115 @@ var EXPLORE_CSS = `
   height: auto;
 }
 
+/* ---- Comparison and pricing tables ----------------------------------------------------
+   The harness emits a comparison, and a set of plans, as a GFM table whose FIRST column is
+   the subject \u2014 the product, or the plan (CONTRACT.md \xA77). Two things have to be true of it:
+   the page must not scroll sideways because of it, and it has to be readable on a 320px
+   phone, which a four-column grid of 1px borders is not.
+
+   Wide: a contained scroller. \`max-width: 100%\` keeps the box inside the bubble and
+   \`overflow-x: auto\` keeps the columns inside the box, so the widest possible table still
+   cannot widen the document. \`overscroll-behavior-x: contain\` stops a swipe that runs out
+   of table from chaining to the page \u2014 the same rule the transcript needed. */
+.boff-explore-body .boff-explore-table {
+  max-width: 100%;
+  overflow-x: auto;
+  overscroll-behavior-x: contain;
+  margin: 0.75rem 0;
+  border: 1px solid hsl(var(--border));
+  border-radius: 0.75rem;
+  background-color: hsl(var(--card));
+}
+.boff-explore-body .boff-explore-table:focus-visible {
+  outline: 2px solid hsl(var(--ring));
+  outline-offset: 2px;
+}
+.boff-explore-body .boff-explore-table table {
+  /* Beats the blanket \`display: block\` above, which is the unwrapped fallback. */
+  display: table;
+  width: 100%;
+  max-width: none;
+  margin: 0;
+  border-collapse: collapse;
+  font-size: 0.8125rem;
+}
+.boff-explore-body .boff-explore-table th,
+.boff-explore-body .boff-explore-table td {
+  border: 0;
+  border-top: 1px solid hsl(var(--border));
+  padding: 0.5rem 0.75rem;
+  /* \`start\`, never \`left\`: the page root carries dir="rtl" in Arabic, and a left-aligned
+     table there reads against the grain of every other line on the page. */
+  text-align: start;
+  vertical-align: top;
+  overflow-wrap: anywhere;
+  /* Prices in a column line up under each other instead of drifting by digit width. */
+  font-variant-numeric: tabular-nums;
+  min-width: 6rem;
+}
+.boff-explore-body .boff-explore-table thead th {
+  border-top: 0;
+  background-color: hsl(var(--muted));
+  color: hsl(var(--foreground));
+  font-weight: 600;
+  white-space: nowrap;
+}
+/* The first column is what the row is ABOUT \u2014 the product, or the plan name. Reading it as
+   the row's heading is what makes a price list scannable rather than a grid of strings. */
+.boff-explore-body .boff-explore-table tbody td:first-child {
+  font-weight: 600;
+  color: hsl(var(--card-foreground));
+}
+
+/* Narrow: one card per row. Each cell prints its own column heading, so a value is never
+   stranded without the question it answers, and the subject cell becomes the card's title.
+   A media query rather than a measured width \u2014 these pages are serialised post-hydration,
+   so anything measured here would ship to every phone as static HTML. */
+@media (max-width: 30rem) {
+  .boff-explore-body .boff-explore-table {
+    overflow-x: visible;
+  }
+  .boff-explore-body .boff-explore-table table,
+  .boff-explore-body .boff-explore-table tbody,
+  .boff-explore-body .boff-explore-table tr,
+  .boff-explore-body .boff-explore-table td {
+    display: block;
+    width: 100%;
+    min-width: 0;
+  }
+  .boff-explore-body .boff-explore-table thead {
+    display: none;
+  }
+  .boff-explore-body .boff-explore-table tr {
+    border-top: 1px solid hsl(var(--border));
+    padding: 0.5rem 0;
+  }
+  .boff-explore-body .boff-explore-table tr:first-child {
+    border-top: 0;
+  }
+  .boff-explore-body .boff-explore-table td {
+    border: 0;
+    padding: 0.125rem 0.75rem;
+  }
+  .boff-explore-body .boff-explore-table td[data-label]::before {
+    content: attr(data-label);
+    display: block;
+    font-size: 0.6875rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.04em;
+    color: hsl(var(--muted-foreground));
+  }
+  .boff-explore-body .boff-explore-table tbody td:first-child {
+    font-size: 0.9375rem;
+    padding-bottom: 0.25rem;
+  }
+  .boff-explore-body .boff-explore-table tbody td:first-child::before {
+    /* The plan's own name is the heading here; repeating "Plan" over it says nothing. */
+    display: none;
+  }
+}
+
 /* ---- Ambient backdrop -----------------------------------------------------------------
    Two very low-opacity radial washes behind the welcome state, drifting slowly. Painted on
    a pseudo-element with pointer-events:none so it can never intercept a click \u2014 a
@@ -2936,7 +3564,7 @@ function isOwnElement(el, root) {
 function visualViewportHeight() {
   return window.visualViewport?.height ?? window.innerHeight;
 }
-function clamp(value, min, max) {
+function clamp2(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 function isRestoredNavigation() {
@@ -3001,14 +3629,196 @@ function isInlineImageAllowed(src, origins) {
   if (url.protocol !== "https:" || url.username || url.password) return false;
   return origins.has(url.origin);
 }
-var InlineImageScopeContext = createContext(null);
+var REFERENCE_KIND_ORDER = [
+  "CONCEPT",
+  "DOCS",
+  "PRICING",
+  "USE_CASE",
+  "PAGE"
+];
+var PRODUCT_SUBDOMAINS = [
+  "alphadocs.",
+  "alphaapp.",
+  "docs.",
+  "alpha.",
+  "app.",
+  "www."
+];
+function readCatalogUrl(raw) {
+  let parsed;
+  try {
+    parsed = new URL(raw);
+  } catch {
+    return null;
+  }
+  if (parsed.protocol !== "https:") return null;
+  const host = parsed.hostname.toLowerCase();
+  const prefix = PRODUCT_SUBDOMAINS.find(
+    (candidate) => host.startsWith(candidate)
+  );
+  const apex = prefix === void 0 ? host : host.slice(prefix.length);
+  const port = parsed.port ? `:${parsed.port}` : "";
+  return {
+    origin: `https://${apex}${port}`,
+    prefix,
+    pathname: parsed.pathname
+  };
+}
+function referenceKindOf(url, origins) {
+  const parsed = readCatalogUrl(url);
+  if (parsed === null || !origins.has(parsed.origin)) return null;
+  if (parsed.prefix === "docs." || parsed.prefix === "alphadocs.")
+    return "DOCS";
+  const segment = parsed.pathname.toLowerCase().split("/").filter(Boolean)[0] ?? "";
+  if (segment === "concept" || segment === "concepts") return "CONCEPT";
+  if (segment === "docs") return "DOCS";
+  if (segment === "pricing" || segment === "plans") return "PRICING";
+  if (segment === "use-case" || segment === "use-cases" || segment === "solutions") {
+    return "USE_CASE";
+  }
+  return "PAGE";
+}
+function productNamesByOrigin(products) {
+  const names = /* @__PURE__ */ new Map();
+  for (const product of products) {
+    let url;
+    try {
+      url = new URL(product.website);
+    } catch {
+      continue;
+    }
+    if (url.protocol !== "https:") continue;
+    const apex = url.hostname.replace(/^www\./, "");
+    const port = url.port ? `:${url.port}` : "";
+    const key = `https://${apex}${port}`;
+    if (!names.has(key)) names.set(key, product.name);
+  }
+  return names;
+}
+function summariseReferences(references, origins, productNames) {
+  const counts = /* @__PURE__ */ new Map();
+  const products = [];
+  for (const reference of references) {
+    const kind = referenceKindOf(reference.url, origins);
+    if (kind !== null) counts.set(kind, (counts.get(kind) ?? 0) + 1);
+    const parsed = readCatalogUrl(reference.url);
+    const name = (parsed === null ? void 0 : productNames.get(parsed.origin)) ?? (reference.product || null);
+    if (name != null && !products.includes(name)) products.push(name);
+  }
+  return {
+    total: references.length,
+    kinds: REFERENCE_KIND_ORDER.filter((kind) => counts.has(kind)).map(
+      (kind) => ({ kind, count: counts.get(kind) ?? 0 })
+    ),
+    products
+  };
+}
+var CODE_FENCE = /^\s*(?:```|~~~)/;
+var TABLE_ROW_LINE = /^\s{0,3}\|/;
+var TABLE_DELIMITER_ROW = /^\s{0,3}\|[\s:|-]*-[\s:|-]*$/;
+function readableLine(raw, mode) {
+  let line = raw;
+  line = line.replace(/!\[[^\]]*\]\([^)\s]*(?:\s+"[^"]*")?\)/g, "");
+  line = mode === "speech" ? (
+    // A voice reading "h-t-t-p-s colon slash slash…" mid-sentence is noise, and the
+    // prompt asks for two to five links in every answer. The label IS the words.
+    line.replace(/\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g, "$1")
+  ) : line.replace(/\[([^\]]+)\]\(([^)\s]+)(?:\s+"[^"]*")?\)/g, "$1 ($2)");
+  line = mode === "speech" ? line.replace(/<(https?:\/\/[^>\s]+)>/g, "") : line.replace(/<(https?:\/\/[^>\s]+)>/g, "$1");
+  line = line.replace(/^\s{0,3}#{1,6}\s+/, "");
+  line = line.replace(/^\s{0,3}>\s?/, "");
+  if (/^\s{0,3}([-*_])[ \t]*(?:\1[ \t]*){2,}$/.test(line)) return "";
+  line = line.replace(/`([^`]+)`/g, "$1");
+  line = line.replace(/\*\*([^*]+)\*\*/g, "$1");
+  line = line.replace(/__([^_]+)__/g, "$1");
+  line = line.replace(/(^|[^*\w])\*([^*\n]+)\*(?![*\w])/g, "$1$2");
+  line = line.replace(/(^|[^_\w])_([^_\n]+)_(?![_\w])/g, "$1$2");
+  return line.replace(/[ \t]+$/, "");
+}
+function tableCells(row) {
+  const trimmed = row.trim();
+  const cells = [];
+  let cell = "";
+  for (let at = 0; at < trimmed.length; at += 1) {
+    const char = trimmed[at] ?? "";
+    if (char === "\\") {
+      cell += char + (trimmed[at + 1] ?? "");
+      at += 1;
+      continue;
+    }
+    if (char === "|") {
+      cells.push(cell.trim());
+      cell = "";
+      continue;
+    }
+    cell += char;
+  }
+  cells.push(cell.trim());
+  if (trimmed.startsWith("|") && cells[0] === "") cells.shift();
+  if (trimmed.endsWith("|") && cells[cells.length - 1] === "") cells.pop();
+  return cells;
+}
+function asSentence(text) {
+  return /[.!?]$/.test(text) ? text : `${text}.`;
+}
+function spokenTable(rows) {
+  if (rows.length < 2 || !TABLE_DELIMITER_ROW.test(rows[1] ?? "")) return rows;
+  const labels = tableCells(rows[0] ?? "");
+  const spoken = [];
+  for (const row of rows.slice(2)) {
+    const parts = [];
+    tableCells(row).forEach((value, column) => {
+      if (value === "") return;
+      const label = column === 0 ? "" : labels[column] ?? "";
+      parts.push(label === "" ? value : `${label}: ${value}`);
+    });
+    if (parts.length > 0) spoken.push(asSentence(parts.join(". ")));
+  }
+  return spoken;
+}
+function readableText(markdown, mode) {
+  const lines = [];
+  let inFence = false;
+  let table = [];
+  const flushTable = () => {
+    if (table.length === 0) return;
+    for (const line of spokenTable(table)) lines.push(readableLine(line, mode));
+    table = [];
+  };
+  for (const raw of markdown.split("\n")) {
+    if (CODE_FENCE.test(raw)) {
+      flushTable();
+      inFence = !inFence;
+      continue;
+    }
+    if (inFence) {
+      lines.push(raw);
+      continue;
+    }
+    if (mode === "speech" && TABLE_ROW_LINE.test(raw)) {
+      table.push(raw);
+      continue;
+    }
+    flushTable();
+    lines.push(readableLine(raw, mode));
+  }
+  flushTable();
+  return lines.join("\n").replace(/\n{3,}/g, "\n\n").trim();
+}
+function answerPlainText(markdown) {
+  return readableText(markdown, "clipboard");
+}
+function answerSpeechText(markdown) {
+  return readableText(markdown, "speech");
+}
+var AnswerScopeContext = createContext(null);
 var InsideLinkContext = createContext(false);
 function AnswerLink(props) {
   return /* @__PURE__ */ jsx(InsideLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx(MarkdownLink, { ...props }) });
 }
 var INLINE_IMAGE_FRAME = "relative inline-block max-w-full overflow-hidden rounded-xl border border-border bg-muted align-top shadow-sm";
 function InlineConceptImage({ src, alt }) {
-  const scope = useContext(InlineImageScopeContext);
+  const scope = useContext(AnswerScopeContext);
   const insideLink = useContext(InsideLinkContext);
   if (!scope || !scope.enabled || !isInlineImageAllowed(src, scope.origins) || scope.failed.has(src)) {
     return null;
@@ -3056,9 +3866,70 @@ function InlineConceptImage({ src, alt }) {
     }
   ) });
 }
+function markdownText(node) {
+  if (!node) return "";
+  if (typeof node.value === "string") return node.value;
+  return (node.children ?? []).map(markdownText).join("");
+}
+function hasHeaderCells(node) {
+  return (node?.children ?? []).some((cell) => cell.tagName === "th");
+}
+function findHeaderRow(node) {
+  for (const child of node?.children ?? []) {
+    if (child.tagName === "tr" && hasHeaderCells(child)) return child;
+    const nested = findHeaderRow(child);
+    if (nested !== null) return nested;
+  }
+  return null;
+}
+function tableColumnLabels(node) {
+  const row = findHeaderRow(node);
+  if (row === null) return [];
+  return (row.children ?? []).filter((cell) => cell.tagName === "th").map((cell) => markdownText(cell).trim());
+}
+var TableColumnsContext = createContext([]);
+function AnswerTable({ node, children }) {
+  const scope = useContext(AnswerScopeContext);
+  const table = /* @__PURE__ */ jsx(TableColumnsContext.Provider, { value: tableColumnLabels(node), children: /* @__PURE__ */ jsx("table", { children }) });
+  if (!scope) return table;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-boff-explore": "table",
+      role: "region",
+      "aria-label": scope.strings.answerTable,
+      tabIndex: 0,
+      className: "boff-explore-table",
+      children: table
+    }
+  );
+}
+function AnswerTableRow({
+  node,
+  children,
+  ...props
+}) {
+  const labels = useContext(TableColumnsContext);
+  if (labels.length === 0 || hasHeaderCells(node)) {
+    return /* @__PURE__ */ jsx("tr", { ...props, children });
+  }
+  let column = 0;
+  const cells = Children.map(children, (cell) => {
+    if (!isValidElement(cell)) return cell;
+    const label = labels[column] ?? "";
+    column += 1;
+    if (label === "") return cell;
+    return cloneElement(cell, {
+      "data-label": label
+    });
+  });
+  return /* @__PURE__ */ jsx("tr", { ...props, children: cells });
+}
 var ANSWER_MARKDOWN_COMPONENTS = {
   a: AnswerLink,
-  img: InlineConceptImage
+  img: InlineConceptImage,
+  table: AnswerTable,
+  tr: AnswerTableRow
 };
 function ReferenceCard({
   reference,
@@ -3398,6 +4269,148 @@ function AnswerFeedback({
     }
   );
 }
+var PROVENANCE_CHIP = "inline-flex max-w-full items-center gap-1 rounded-full border border-border bg-muted/60 px-2 py-0.5 text-[11px] leading-5 text-muted-foreground";
+function ProvenanceChips({
+  strings: T,
+  provenance
+}) {
+  if (provenance.total === 0) return null;
+  const kindLabels = {
+    CONCEPT: T.sourceKindConcept,
+    DOCS: T.sourceKindDocs,
+    PRICING: T.sourceKindPricing,
+    USE_CASE: T.sourceKindUseCase,
+    PAGE: T.sourceKindPage
+  };
+  return /* @__PURE__ */ jsxs(
+    "ul",
+    {
+      "data-boff-explore": "provenance",
+      "aria-label": T.groundedIn,
+      className: "flex flex-wrap items-center gap-1.5",
+      children: [
+        /* @__PURE__ */ jsxs("li", { "data-boff-explore": "provenance-count", className: PROVENANCE_CHIP, children: [
+          /* @__PURE__ */ jsx(BookOpenText, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: provenance.total === 1 ? T.sourceCountOne : fill(T.sourceCountMany, { count: String(provenance.total) }) })
+        ] }),
+        provenance.kinds.map(({ kind, count }) => /* @__PURE__ */ jsx(
+          "li",
+          {
+            "data-boff-explore": "provenance-kind",
+            "data-kind": kind,
+            "data-count": count,
+            className: PROVENANCE_CHIP,
+            children: /* @__PURE__ */ jsx("span", { className: "truncate", children: count > 1 ? `${kindLabels[kind]} \xB7 ${count}` : kindLabels[kind] })
+          },
+          kind
+        )),
+        provenance.products.map((name) => /* @__PURE__ */ jsx(
+          "li",
+          {
+            "data-boff-explore": "provenance-product",
+            className: PROVENANCE_CHIP,
+            children: /* @__PURE__ */ jsx("span", { className: "truncate", children: name })
+          },
+          name
+        ))
+      ]
+    }
+  );
+}
+var COPY_FEEDBACK_MS = 2500;
+var ANSWER_ACTION_PILL = "inline-flex max-w-full items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring";
+var ANSWER_ACTION_IDLE = "border-border bg-card text-muted-foreground hover:border-primary/40 hover:bg-accent hover:text-foreground";
+var ANSWER_ACTION_ACTIVE = "border-primary/40 bg-accent text-primary";
+function ReadAloudButton({
+  strings: T,
+  text,
+  lang
+}) {
+  const speech = useSpeechOutput({ lang });
+  if (!speech.supported) return null;
+  const label = speech.speaking ? T.stopReading : T.readAloud;
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      "data-boff-explore": "read-aloud",
+      "data-speaking": speech.speaking ? "true" : "false",
+      type: "button",
+      title: label,
+      "aria-pressed": speech.speaking,
+      onClick: () => speech.toggle(text),
+      className: cn(
+        ANSWER_ACTION_PILL,
+        speech.speaking ? ANSWER_ACTION_ACTIVE : ANSWER_ACTION_IDLE
+      ),
+      children: [
+        /* @__PURE__ */ jsx(Volume2, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+      ]
+    }
+  );
+}
+function AnswerActions({
+  strings: T,
+  text,
+  speechText,
+  speechLang
+}) {
+  const [outcome, setOutcome] = useState("idle");
+  const resetRef = useRef(null);
+  useEffect(
+    () => () => {
+      if (resetRef.current !== null) clearTimeout(resetRef.current);
+    },
+    []
+  );
+  const copy = useCallback(async () => {
+    let copied = false;
+    try {
+      const clipboard = typeof navigator === "undefined" ? void 0 : navigator.clipboard;
+      if (typeof clipboard?.writeText === "function") {
+        await clipboard.writeText(text);
+        copied = true;
+      }
+    } catch {
+      copied = false;
+    }
+    setOutcome(copied ? "copied" : "failed");
+    if (resetRef.current !== null) clearTimeout(resetRef.current);
+    resetRef.current = setTimeout(() => setOutcome("idle"), COPY_FEEDBACK_MS);
+  }, [text]);
+  const label = outcome === "copied" ? T.copied : outcome === "failed" ? T.copyFailed : T.copyAnswer;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-boff-explore": "answer-actions",
+      className: "flex flex-wrap items-center gap-2 pt-0.5",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            "data-boff-explore": "copy-answer",
+            "data-outcome": outcome,
+            type: "button",
+            title: label,
+            onClick: () => {
+              void copy();
+            },
+            className: cn(
+              ANSWER_ACTION_PILL,
+              outcome === "failed" ? "border-destructive/40 bg-card text-destructive" : ANSWER_ACTION_IDLE
+            ),
+            children: [
+              outcome === "copied" ? /* @__PURE__ */ jsx(Check, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Copy, { className: "h-3 w-3 shrink-0", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: label })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(ReadAloudButton, { strings: T, text: speechText, lang: speechLang }),
+        /* @__PURE__ */ jsx("span", { "data-boff-explore": "copy-status", role: "status", className: "sr-only", children: outcome === "idle" ? "" : label })
+      ]
+    }
+  );
+}
 function UserBubble({
   strings: T,
   message
@@ -3443,6 +4456,8 @@ function AssistantBubble({
   message,
   activity,
   imageOrigins,
+  productNames,
+  speechLang,
   onNavigate,
   anchorRef,
   onFollow,
@@ -3453,6 +4468,7 @@ function AssistantBubble({
   const body = message.content || message.partialContent || "";
   const failed = message.status === "FAILED";
   const completed = message.status === "COMPLETED";
+  const visible = useProgressiveReveal(body, !streaming);
   const [failedImages, setFailedImages] = useState(
     () => /* @__PURE__ */ new Set()
   );
@@ -3461,7 +4477,7 @@ function AssistantBubble({
       (current) => current.has(src) ? current : new Set(current).add(src)
     );
   }, []);
-  const imageScope = useMemo(
+  const answerScope = useMemo(
     () => ({
       strings: T,
       enabled: completed,
@@ -3471,6 +4487,19 @@ function AssistantBubble({
     }),
     [T, completed, imageOrigins, failedImages, markImageFailed]
   );
+  const provenance = useMemo(
+    () => summariseReferences(message.references, imageOrigins, productNames),
+    [message.references, imageOrigins, productNames]
+  );
+  const copyText = useMemo(
+    () => answerPlainText(message.content),
+    [message.content]
+  );
+  const speechText = useMemo(
+    () => answerSpeechText(message.content),
+    [message.content]
+  );
+  const grounded = completed && message.answered !== false;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -3516,10 +4545,11 @@ function AssistantBubble({
               ]
             }
           ) : null,
-          body ? /* @__PURE__ */ jsxs("div", { className: "rounded-2xl rounded-tl-md border border-border bg-card px-4 py-3 shadow-sm", children: [
-            /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm boff-explore-body min-w-0 text-card-foreground", children: /* @__PURE__ */ jsx(InlineImageScopeContext.Provider, { value: imageScope, children: /* @__PURE__ */ jsx(Markdown, { components: ANSWER_MARKDOWN_COMPONENTS, children: body }) }) }),
+          visible ? /* @__PURE__ */ jsxs("div", { className: "rounded-2xl rounded-tl-md border border-border bg-card px-4 py-3 shadow-sm", children: [
+            /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm boff-explore-body min-w-0 text-card-foreground", children: /* @__PURE__ */ jsx(AnswerScopeContext.Provider, { value: answerScope, children: /* @__PURE__ */ jsx(Markdown, { components: ANSWER_MARKDOWN_COMPONENTS, children: visible }) }) }),
             streaming ? /* @__PURE__ */ jsx("span", { className: "boff-explore-caret", "aria-hidden": "true" }) : null
           ] }) : null,
+          grounded && provenance.total > 0 ? /* @__PURE__ */ jsx(ProvenanceChips, { strings: T, provenance }) : null,
           streaming ? /* @__PURE__ */ jsx(ThinkingIndicator, { activity }) : null,
           failed && !body ? /* @__PURE__ */ jsx("div", { className: "rounded-2xl rounded-tl-md border border-border bg-muted px-4 py-3 text-sm text-muted-foreground", children: T.answerDidNotArrive }) : null,
           message.references.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
@@ -3559,6 +4589,15 @@ function AssistantBubble({
               question
             )) })
           ] }) : null,
+          completed && copyText !== "" ? /* @__PURE__ */ jsx(
+            AnswerActions,
+            {
+              strings: T,
+              text: copyText,
+              speechText,
+              speechLang
+            }
+          ) : null,
           completed && onFeedback ? /* @__PURE__ */ jsx(
             AnswerFeedback,
             {
@@ -3771,6 +4810,96 @@ function ProductStrip({
     }
   );
 }
+var MAX_CONCEPT_CARDS = 6;
+function ConceptStrip({
+  strings: T,
+  highlights,
+  onAsk,
+  disabled
+}) {
+  const [failed, setFailed] = useState(() => /* @__PURE__ */ new Set());
+  const markFailed = useCallback((src) => {
+    setFailed(
+      (current) => current.has(src) ? current : new Set(current).add(src)
+    );
+  }, []);
+  const visible = highlights.filter(
+    (highlight) => highlight.imageUrl !== "" && !failed.has(highlight.imageUrl)
+  ).slice(0, MAX_CONCEPT_CARDS);
+  if (visible.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-boff-explore": "concept-strip-block",
+      className: "boff-explore-rise boff-explore-rise-1 mt-6",
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: T.conceptStripTitle }),
+        /* @__PURE__ */ jsx(
+          "ul",
+          {
+            "data-boff-explore": "concept-strip",
+            "aria-label": T.conceptStripLabel,
+            className: "boff-explore-strip flex min-w-0 snap-x gap-3 overflow-x-auto pb-1",
+            children: visible.map((highlight) => /* @__PURE__ */ jsx(
+              "li",
+              {
+                className: "shrink-0 snap-start",
+                children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    "data-boff-explore": "concept-card",
+                    "data-product": highlight.product,
+                    type: "button",
+                    disabled,
+                    "aria-label": fill(T.conceptAsk, {
+                      title: highlight.title,
+                      product: highlight.productName
+                    }),
+                    onClick: () => onAsk(
+                      fill(T.conceptAskQuestion, {
+                        title: highlight.title,
+                        product: highlight.productName
+                      })
+                    ),
+                    className: "group flex w-40 flex-col overflow-hidden rounded-xl border border-border bg-card text-left shadow-sm transition-colors hover:border-primary/50 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring sm:w-48",
+                    children: [
+                      /* @__PURE__ */ jsxs("span", { className: "relative block aspect-[16/9] w-full overflow-hidden bg-muted", children: [
+                        /* @__PURE__ */ jsx(
+                          "img",
+                          {
+                            src: highlight.imageUrl,
+                            alt: highlight.alt,
+                            loading: "lazy",
+                            decoding: "async",
+                            onError: () => markFailed(highlight.imageUrl),
+                            className: "h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            "aria-hidden": "true",
+                            className: "pointer-events-none absolute left-1.5 top-1.5 rounded-full border border-border bg-background/90 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wide text-foreground",
+                            children: T.conceptIllustration
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col gap-0.5 p-2.5", children: [
+                        /* @__PURE__ */ jsx("span", { className: "line-clamp-2 text-xs font-semibold leading-snug text-card-foreground", children: highlight.title }),
+                        /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-muted-foreground", children: highlight.productName })
+                      ] })
+                    ]
+                  }
+                )
+              },
+              `${highlight.product}:${highlight.url}`
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
 function DisclaimerDialog({
   open,
   onClose,
@@ -3877,6 +5006,7 @@ function WelcomeState({
   body,
   prompts,
   products,
+  conceptHighlights,
   focusProduct,
   onPrompt,
   onFocus,
@@ -3891,6 +5021,15 @@ function WelcomeState({
       /* @__PURE__ */ jsx("h1", { className: "mt-4 text-balance break-words text-2xl font-bold tracking-tight sm:text-4xl", children: title }),
       /* @__PURE__ */ jsx("p", { className: "mx-auto mt-2.5 max-w-2xl text-pretty text-sm leading-relaxed text-muted-foreground sm:text-lg", children: body })
     ] }),
+    /* @__PURE__ */ jsx(
+      ConceptStrip,
+      {
+        strings: T,
+        highlights: conceptHighlights,
+        onAsk: onPrompt,
+        disabled
+      }
+    ),
     /* @__PURE__ */ jsx("ul", { className: "boff-explore-rise boff-explore-rise-1 mt-6 grid grid-cols-3 gap-2 sm:mt-7 sm:gap-2.5", children: CAPABILITIES.map(({ icon: Icon, body: capBody }, i) => /* @__PURE__ */ jsxs(
       "li",
       {
@@ -3952,6 +5091,7 @@ function ExplorePage({
   );
   const T = useMemo(() => exploreStrings(activeLocale), [activeLocale]);
   const rtl = isRtlLocale(activeLocale);
+  const speechLang = speechLocaleOf(activeLocale);
   const {
     phase,
     catalog,
@@ -4036,6 +5176,10 @@ function ExplorePage({
     () => inlineImageOrigins(catalog.products),
     [catalog.products]
   );
+  const productNames = useMemo(
+    () => productNamesByOrigin(catalog.products),
+    [catalog.products]
+  );
   useEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
@@ -4052,11 +5196,11 @@ function ExplorePage({
     const layoutHeight = window.innerHeight;
     if (layoutHeight === 0) return;
     const top = Math.round(
-      clamp(el.getBoundingClientRect().top, 0, layoutHeight)
+      clamp2(el.getBoundingClientRect().top, 0, layoutHeight)
     );
     const viewport = window.visualViewport;
     const inset = viewport ? Math.round(
-      clamp(
+      clamp2(
         layoutHeight - viewport.height - viewport.offsetTop,
         0,
         layoutHeight
@@ -4337,6 +5481,7 @@ function ExplorePage({
     const text = draft.trim();
     if (!text || overLimit || busy || !canSend) return;
     stopDictation();
+    stopSpeaking();
     setDraft("");
     stickToBottomRef.current = true;
     void send(text, toPayload(stagedRef.current));
@@ -4347,6 +5492,7 @@ function ExplorePage({
   const sendPrompt = useCallback(
     (prompt) => {
       if (!canSend || busy) return;
+      stopSpeaking();
       setDraft("");
       stickToBottomRef.current = true;
       void send(prompt, toPayload(stagedRef.current));
@@ -4567,6 +5713,7 @@ function ExplorePage({
                 body: resolvedBody,
                 prompts,
                 products: catalog.products,
+                conceptHighlights: catalog.conceptHighlights,
                 focusProduct,
                 onPrompt: sendPrompt,
                 onFocus: setFocusProduct,
@@ -4580,6 +5727,8 @@ function ExplorePage({
                   message,
                   activity,
                   imageOrigins,
+                  productNames,
+                  speechLang,
                   onNavigate,
                   anchorRef: message.id === latestAssistantId ? latestAssistantRef : void 0,
                   onFollow: (kind, url) => recordClick(message.id, kind, url),
@@ -4882,6 +6031,6 @@ function ExplorePage({
   );
 }
 
-export { ExplorePage, inlineImageOrigins, isInlineImageAllowed, logoUrlOf };
+export { ExplorePage, answerPlainText, answerSpeechText, inlineImageOrigins, isInlineImageAllowed, logoUrlOf, productNamesByOrigin, referenceKindOf, summariseReferences };
 //# sourceMappingURL=explore.mjs.map
 //# sourceMappingURL=explore.mjs.map