@burdenoff/website-sdk 2026.922.5 → 2026.923.2

package/dist/components/explore.mjs

@@ -5,15 +5,481 @@ import ReactMarkdown from 'react-markdown';
 import rehypeSanitize from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
 import { Helmet } from 'react-helmet-async';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+function MarkdownLink({
+  href,
+  children,
+  // react-markdown passes the hast node to every override; it is not a DOM attribute.
+  node: _node,
+  ...props
+}) {
+  const isExternal = typeof href === "string" && (href.startsWith("http://") || href.startsWith("https://"));
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href,
+      ...props,
+      ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : { rel: "noopener noreferrer" },
+      children
+    }
+  );
+}
+var defaultComponents = {
+  a: MarkdownLink
+};
+function Markdown({
+  children,
+  className,
+  inline,
+  components
+}) {
+  const content = /* @__PURE__ */ jsx(
+    ReactMarkdown,
+    {
+      remarkPlugins: [remarkGfm],
+      rehypePlugins: [rehypeSanitize],
+      components: { ...defaultComponents, ...components },
+      ...inline ? { disallowedElements: ["p"], unwrapDisallowed: true } : {},
+      children
+    }
+  );
+  if (inline) {
+    return /* @__PURE__ */ jsx("span", { className, children: content });
+  }
+  return /* @__PURE__ */ jsx("div", { className, children: content });
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var EXPLORE_ANSWER_CSS = `
+/* Nothing inside an answer may widen the page. Model output carries long URLs, code and
+   tables \u2014 each of those overflows a phone by default, and one overflowing child makes the
+   WHOLE document horizontally scrollable, not just the bubble. */
+.boff-explore-body,
+.boff-explore-body p,
+.boff-explore-body li,
+.boff-explore-body a,
+.boff-explore-body h1,
+.boff-explore-body h2,
+.boff-explore-body h3,
+/* h4-h6 as well: a published answer page pushes the model's own headings down a level or
+   two so they nest under the page's, and a long unbroken word is no narrower for it. */
+.boff-explore-body h4,
+.boff-explore-body h5,
+.boff-explore-body h6 {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+.boff-explore-body pre {
+  overflow-x: auto;
+  max-width: 100%;
+}
+.boff-explore-body table {
+  display: block;
+  overflow-x: auto;
+  max-width: 100%;
+}
+.boff-explore-body img {
+  max-width: 100%;
+  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;
+  }
+}
+`;
+function ExploreAnswerStyles() {
+  return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: EXPLORE_ANSWER_CSS } });
+}
+function inlineImageOrigins(products) {
+  const origins = /* @__PURE__ */ new Set();
+  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}` : "";
+    origins.add(`https://${apex}${port}`);
+    origins.add(`https://www.${apex}${port}`);
+  }
+  return origins;
+}
+function isInlineImageAllowed(src, origins) {
+  if (typeof src !== "string" || src === "") return false;
+  let url;
+  try {
+    url = new URL(src);
+  } catch {
+    return false;
+  }
+  if (url.protocol !== "https:" || url.username || url.password) return false;
+  return origins.has(url.origin);
+}
+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(AnswerScopeContext);
+  const insideLink = useContext(InsideLinkContext);
+  if (!scope || !scope.enabled || !isInlineImageAllowed(src, scope.origins) || scope.failed.has(src)) {
+    return null;
+  }
+  const { strings: T, onFailed } = scope;
+  const picture = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src,
+        alt: alt ?? "",
+        loading: "lazy",
+        decoding: "async",
+        onError: () => onFailed(src),
+        className: "block h-auto max-h-80 w-auto max-w-full object-contain"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute left-2 top-2 rounded-full border border-border bg-background/90 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-foreground shadow-sm",
+        children: T.conceptIllustration
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsx("span", { "data-boff-explore": "inline-image", className: "my-3 block", children: insideLink ? /* @__PURE__ */ jsx("span", { className: INLINE_IMAGE_FRAME, children: picture }) : /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: src,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: cn(
+        INLINE_IMAGE_FRAME,
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children: [
+        picture,
+        /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+          "(",
+          T.opensInNewTab,
+          ")"
+        ] })
+      ]
+    }
+  ) });
+}
+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,
+  table: AnswerTable,
+  tr: AnswerTableRow
+};
+function ExploreAnswerBody({
+  children,
+  strings,
+  imageOrigins,
+  enabled = true,
+  components,
+  className
+}) {
+  const [failed, setFailed] = useState(() => /* @__PURE__ */ new Set());
+  const onFailed = useCallback((src) => {
+    setFailed(
+      (current) => current.has(src) ? current : new Set(current).add(src)
+    );
+  }, []);
+  const scope = useMemo(
+    () => ({
+      strings,
+      enabled,
+      origins: imageOrigins,
+      failed,
+      onFailed
+    }),
+    [strings, enabled, imageOrigins, failed, onFailed]
+  );
+  const overrides = useMemo(
+    () => components ? { ...ANSWER_MARKDOWN_COMPONENTS, ...components } : ANSWER_MARKDOWN_COMPONENTS,
+    [components]
+  );
+  return /* @__PURE__ */ jsx("div", { className: cn("boff-prose boff-explore-body min-w-0", className), children: /* @__PURE__ */ jsx(AnswerScopeContext.Provider, { value: scope, children: /* @__PURE__ */ jsx(Markdown, { components: overrides, children }) }) });
+}
 
 // src/components/explore-i18n.ts
 var EXPLORE_LOCALES = ["en", "zh", "hi", "es", "ar", "ta"];
@@ -32,7 +498,7 @@ var EN = {
   showLess: "Show less",
   sources: "Sources",
   nextYouCouldAsk: "Next you could ask",
-  placeholder: "Describe the problem you're facing\u2026",
+  placeholder: "Describe the problem\u2026",
   placeholderProduct: "Describe a problem, or ask about {product}\u2026",
   send: "Send",
   stop: "Stop",
@@ -73,6 +539,20 @@ var EN = {
   feedbackDismiss: "Dismiss",
   feedbackThanks: "Thanks \u2014 that helps.",
   feedbackNotSent: "That didn't send.",
+  escalateOpen: "Talk to a person",
+  escalateTitle: "Send this conversation to a person",
+  escalateBody: "We'll pass the whole conversation on, so you don't have to type any of it again.",
+  escalateEmailLabel: "Your email address",
+  escalateEmailPlaceholder: "you@example.com",
+  escalateNoteLabel: "Anything else a person should know? (optional)",
+  escalateSubmit: "Send to a person",
+  escalateSending: "Sending\u2026",
+  escalateCancel: "Cancel",
+  escalateInvalidEmail: "That doesn't look like an address we can reply to. Please check it.",
+  escalateSent: "A person now has this conversation. We'll reply to {email}.",
+  escalateRateLimited: "That's a lot of requests in a short time. Please try again in a few minutes.",
+  escalateCaptcha: "We couldn't verify that you're human. Please try that again.",
+  escalateFailed: "We couldn't pass that on just now. Please try again.",
   prevSuggestion: "Previous suggestion",
   nextSuggestion: "Next suggestion",
   conceptIllustration: "Concept illustration",
@@ -120,7 +600,7 @@ var ZH = {
   showLess: "\u6536\u8D77",
   sources: "\u6765\u6E90",
   nextYouCouldAsk: "\u4F60\u8FD8\u53EF\u4EE5\u95EE",
-  placeholder: "\u63CF\u8FF0\u4F60\u9047\u5230\u7684\u95EE\u9898\u2026",
+  placeholder: "\u63CF\u8FF0\u4F60\u7684\u95EE\u9898\u2026",
   placeholderProduct: "\u63CF\u8FF0\u95EE\u9898\uFF0C\u6216\u8BE2\u95EE {product}\u2026",
   send: "\u53D1\u9001",
   stop: "\u505C\u6B62",
@@ -158,6 +638,20 @@ var ZH = {
   feedbackDismiss: "\u5173\u95ED",
   feedbackThanks: "\u8C22\u8C22\uFF0C\u8FD9\u5BF9\u6211\u4EEC\u5F88\u6709\u5E2E\u52A9\u3002",
   feedbackNotSent: "\u6CA1\u6709\u63D0\u4EA4\u6210\u529F\u3002",
+  escalateOpen: "\u8054\u7CFB\u771F\u4EBA",
+  escalateTitle: "\u628A\u8FD9\u6BB5\u5BF9\u8BDD\u8F6C\u7ED9\u771F\u4EBA",
+  escalateBody: "\u6211\u4EEC\u4F1A\u628A\u6574\u6BB5\u5BF9\u8BDD\u4E00\u8D77\u8F6C\u8FC7\u53BB\uFF0C\u60A8\u4E0D\u7528\u518D\u91CD\u65B0\u6253\u4E00\u904D\u3002",
+  escalateEmailLabel: "\u60A8\u7684\u90AE\u7BB1\u5730\u5740",
+  escalateEmailPlaceholder: "you@example.com",
+  escalateNoteLabel: "\u8FD8\u6709\u4EC0\u4E48\u9700\u8981\u544A\u8BC9\u6211\u4EEC\u7684\u5417\uFF1F\uFF08\u9009\u586B\uFF09",
+  escalateSubmit: "\u8F6C\u7ED9\u771F\u4EBA",
+  escalateSending: "\u6B63\u5728\u53D1\u9001\u2026",
+  escalateCancel: "\u53D6\u6D88",
+  escalateInvalidEmail: "\u8FD9\u4F3C\u4E4E\u4E0D\u662F\u4E00\u4E2A\u6211\u4EEC\u53EF\u4EE5\u56DE\u590D\u7684\u90AE\u7BB1\u5730\u5740\uFF0C\u8BF7\u68C0\u67E5\u4E00\u4E0B\u3002",
+  escalateSent: "\u5DF2\u6709\u540C\u4E8B\u63A5\u624B\u8FD9\u6BB5\u5BF9\u8BDD\uFF0C\u6211\u4EEC\u4F1A\u56DE\u590D\u5230 {email}\u3002",
+  escalateRateLimited: "\u77ED\u65F6\u95F4\u5185\u8BF7\u6C42\u8FC7\u591A\uFF0C\u8BF7\u51E0\u5206\u949F\u540E\u518D\u8BD5\u3002",
+  escalateCaptcha: "\u6211\u4EEC\u65E0\u6CD5\u9A8C\u8BC1\u60A8\u662F\u771F\u4EBA\uFF0C\u8BF7\u518D\u8BD5\u4E00\u6B21\u3002",
+  escalateFailed: "\u6682\u65F6\u65E0\u6CD5\u8F6C\u4EA4\uFF0C\u8BF7\u518D\u8BD5\u4E00\u6B21\u3002",
   prevSuggestion: "\u4E0A\u4E00\u4E2A\u5EFA\u8BAE",
   nextSuggestion: "\u4E0B\u4E00\u4E2A\u5EFA\u8BAE",
   conceptIllustration: "\u6982\u5FF5\u793A\u610F\u56FE",
@@ -201,7 +695,7 @@ var HI = {
   showLess: "\u0915\u092E \u0926\u093F\u0916\u093E\u090F\u0901",
   sources: "\u0938\u094D\u0930\u094B\u0924",
   nextYouCouldAsk: "\u0906\u0917\u0947 \u0906\u092A \u092A\u0942\u091B \u0938\u0915\u0924\u0947 \u0939\u0948\u0902",
-  placeholder: "\u0905\u092A\u0928\u0940 \u0938\u092E\u0938\u094D\u092F\u093E \u092F\u0939\u093E\u0901 \u092C\u0924\u093E\u090F\u0902\u2026",
+  placeholder: "\u0905\u092A\u0928\u0940 \u0938\u092E\u0938\u094D\u092F\u093E \u092C\u0924\u093E\u090F\u0902\u2026",
   placeholderProduct: "\u0938\u092E\u0938\u094D\u092F\u093E \u092C\u0924\u093E\u090F\u0902, \u092F\u093E {product} \u0915\u0947 \u092C\u093E\u0930\u0947 \u092E\u0947\u0902 \u092A\u0942\u091B\u0947\u0902\u2026",
   send: "\u092D\u0947\u091C\u0947\u0902",
   stop: "\u0930\u094B\u0915\u0947\u0902",
@@ -239,6 +733,20 @@ var HI = {
   feedbackDismiss: "\u092C\u0902\u0926 \u0915\u0930\u0947\u0902",
   feedbackThanks: "\u0927\u0928\u094D\u092F\u0935\u093E\u0926, \u0907\u0938\u0938\u0947 \u092E\u0926\u0926 \u092E\u093F\u0932\u0924\u0940 \u0939\u0948\u0964",
   feedbackNotSent: "\u092F\u0939 \u092D\u0947\u091C\u093E \u0928\u0939\u0940\u0902 \u091C\u093E \u0938\u0915\u093E\u0964",
+  escalateOpen: "\u0915\u093F\u0938\u0940 \u0935\u094D\u092F\u0915\u094D\u0924\u093F \u0938\u0947 \u092C\u093E\u0924 \u0915\u0930\u0947\u0902",
+  escalateTitle: "\u092F\u0939 \u092C\u093E\u0924\u091A\u0940\u0924 \u0915\u093F\u0938\u0940 \u0935\u094D\u092F\u0915\u094D\u0924\u093F \u0915\u094B \u092D\u0947\u091C\u0947\u0902",
+  escalateBody: "\u0939\u092E \u092A\u0942\u0930\u0940 \u092C\u093E\u0924\u091A\u0940\u0924 \u0906\u0917\u0947 \u092D\u0947\u091C \u0926\u0947\u0902\u0917\u0947, \u0924\u093E\u0915\u093F \u0906\u092A\u0915\u094B \u0926\u094B\u092C\u093E\u0930\u093E \u0915\u0941\u091B \u0932\u093F\u0916\u0928\u093E \u0928 \u092A\u0921\u093C\u0947\u0964",
+  escalateEmailLabel: "\u0906\u092A\u0915\u093E \u0908\u092E\u0947\u0932 \u092A\u0924\u093E",
+  escalateEmailPlaceholder: "you@example.com",
+  escalateNoteLabel: "\u0915\u094D\u092F\u093E \u0915\u0941\u091B \u0914\u0930 \u092C\u0924\u093E\u0928\u093E \u091A\u093E\u0939\u0947\u0902\u0917\u0947? (\u0935\u0948\u0915\u0932\u094D\u092A\u093F\u0915)",
+  escalateSubmit: "\u0915\u093F\u0938\u0940 \u0935\u094D\u092F\u0915\u094D\u0924\u093F \u0915\u094B \u092D\u0947\u091C\u0947\u0902",
+  escalateSending: "\u092D\u0947\u091C\u093E \u091C\u093E \u0930\u0939\u093E \u0939\u0948\u2026",
+  escalateCancel: "\u0930\u0926\u094D\u0926 \u0915\u0930\u0947\u0902",
+  escalateInvalidEmail: "\u092F\u0939 \u0910\u0938\u093E \u0908\u092E\u0947\u0932 \u092A\u0924\u093E \u0928\u0939\u0940\u0902 \u0932\u0917\u0924\u093E \u091C\u093F\u0938 \u092A\u0930 \u0939\u092E \u091C\u0935\u093E\u092C \u092D\u0947\u091C \u0938\u0915\u0947\u0902\u0964 \u0915\u0943\u092A\u092F\u093E \u091C\u093E\u0901\u091A \u0932\u0947\u0902\u0964",
+  escalateSent: "\u0905\u092C \u092F\u0939 \u092C\u093E\u0924\u091A\u0940\u0924 \u090F\u0915 \u0935\u094D\u092F\u0915\u094D\u0924\u093F \u0915\u0947 \u092A\u093E\u0938 \u0939\u0948\u0964 \u0939\u092E {email} \u092A\u0930 \u091C\u0935\u093E\u092C \u0926\u0947\u0902\u0917\u0947\u0964",
+  escalateRateLimited: "\u0925\u094B\u0921\u093C\u0947 \u0938\u092E\u092F \u092E\u0947\u0902 \u092C\u0939\u0941\u0924 \u0938\u093E\u0930\u0947 \u0905\u0928\u0941\u0930\u094B\u0927 \u0939\u094B \u0917\u090F\u0964 \u0915\u0943\u092A\u092F\u093E \u0915\u0941\u091B \u092E\u093F\u0928\u091F \u092C\u093E\u0926 \u0915\u094B\u0936\u093F\u0936 \u0915\u0930\u0947\u0902\u0964",
+  escalateCaptcha: "\u0939\u092E \u092F\u0939 \u0938\u0924\u094D\u092F\u093E\u092A\u093F\u0924 \u0928\u0939\u0940\u0902 \u0915\u0930 \u0938\u0915\u0947 \u0915\u093F \u0906\u092A \u090F\u0915 \u0935\u094D\u092F\u0915\u094D\u0924\u093F \u0939\u0948\u0902\u0964 \u0915\u0943\u092A\u092F\u093E \u092B\u093F\u0930 \u0915\u094B\u0936\u093F\u0936 \u0915\u0930\u0947\u0902\u0964",
+  escalateFailed: "\u0905\u092D\u0940 \u0907\u0938\u0947 \u0906\u0917\u0947 \u0928\u0939\u0940\u0902 \u092D\u0947\u091C\u093E \u091C\u093E \u0938\u0915\u093E\u0964 \u0915\u0943\u092A\u092F\u093E \u092B\u093F\u0930 \u0915\u094B\u0936\u093F\u0936 \u0915\u0930\u0947\u0902\u0964",
   prevSuggestion: "\u092A\u093F\u091B\u0932\u093E \u0938\u0941\u091D\u093E\u0935",
   nextSuggestion: "\u0905\u0917\u0932\u093E \u0938\u0941\u091D\u093E\u0935",
   conceptIllustration: "\u0905\u0935\u0927\u093E\u0930\u0923\u093E \u091A\u093F\u0924\u094D\u0930\u0923",
@@ -286,7 +794,7 @@ var ES = {
   showLess: "Ver menos",
   sources: "Fuentes",
   nextYouCouldAsk: "Tambi\xE9n puedes preguntar",
-  placeholder: "Describe el problema que tienes\u2026",
+  placeholder: "Describe el problema\u2026",
   placeholderProduct: "Describe un problema o pregunta por {product}\u2026",
   send: "Enviar",
   stop: "Detener",
@@ -324,6 +832,20 @@ var ES = {
   feedbackDismiss: "Cerrar",
   feedbackThanks: "Gracias, nos sirve.",
   feedbackNotSent: "No se ha podido enviar.",
+  escalateOpen: "Hablar con una persona",
+  escalateTitle: "Env\xEDa esta conversaci\xF3n a una persona",
+  escalateBody: "Le pasaremos la conversaci\xF3n entera, as\xED no tienes que volver a escribirla.",
+  escalateEmailLabel: "Tu direcci\xF3n de correo",
+  escalateEmailPlaceholder: "tu@ejemplo.com",
+  escalateNoteLabel: "\xBFAlgo m\xE1s que deber\xEDamos saber? (opcional)",
+  escalateSubmit: "Enviar a una persona",
+  escalateSending: "Enviando\u2026",
+  escalateCancel: "Cancelar",
+  escalateInvalidEmail: "No parece una direcci\xF3n a la que podamos responder. Rev\xEDsala, por favor.",
+  escalateSent: "Una persona ya tiene esta conversaci\xF3n. Te responderemos a {email}.",
+  escalateRateLimited: "Han sido muchas peticiones en poco tiempo. Int\xE9ntalo de nuevo en unos minutos.",
+  escalateCaptcha: "No hemos podido verificar que eres una persona. Int\xE9ntalo de nuevo.",
+  escalateFailed: "No hemos podido pasarlo ahora mismo. Int\xE9ntalo de nuevo.",
   prevSuggestion: "Sugerencia anterior",
   nextSuggestion: "Sugerencia siguiente",
   conceptIllustration: "Ilustraci\xF3n del concepto",
@@ -371,7 +893,7 @@ var AR = {
   showLess: "\u0639\u0631\u0636 \u0623\u0642\u0644",
   sources: "\u0627\u0644\u0645\u0635\u0627\u062F\u0631",
   nextYouCouldAsk: "\u064A\u0645\u0643\u0646\u0643 \u0623\u0646 \u062A\u0633\u0623\u0644 \u0628\u0639\u062F \u0630\u0644\u0643",
-  placeholder: "\u0635\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u062A\u064A \u062A\u0648\u0627\u062C\u0647\u0647\u0627\u2026",
+  placeholder: "\u0635\u0641 \u0627\u0644\u0645\u0634\u0643\u0644\u0629\u2026",
   placeholderProduct: "\u0635\u0641 \u0645\u0634\u0643\u0644\u062A\u0643 \u0623\u0648 \u0627\u0633\u0623\u0644 \u0639\u0646 {product}\u2026",
   send: "\u0625\u0631\u0633\u0627\u0644",
   stop: "\u0625\u064A\u0642\u0627\u0641",
@@ -409,6 +931,20 @@ var AR = {
   feedbackDismiss: "\u0625\u063A\u0644\u0627\u0642",
   feedbackThanks: "\u0634\u0643\u0631\u064B\u0627\u060C \u0647\u0630\u0627 \u064A\u0633\u0627\u0639\u062F\u0646\u0627.",
   feedbackNotSent: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0625\u0631\u0633\u0627\u0644.",
+  escalateOpen: "\u062A\u0648\u0627\u0635\u0644 \u0645\u0639 \u0634\u062E\u0635",
+  escalateTitle: "\u0623\u0631\u0633\u0644 \u0647\u0630\u0647 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629 \u0625\u0644\u0649 \u0634\u062E\u0635",
+  escalateBody: "\u0633\u0646\u0645\u0631\u0651\u0631 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629 \u0643\u0627\u0645\u0644\u0629\u060C \u062D\u062A\u0649 \u0644\u0627 \u062A\u0636\u0637\u0631 \u0625\u0644\u0649 \u0643\u062A\u0627\u0628\u062A\u0647\u0627 \u0645\u0646 \u062C\u062F\u064A\u062F.",
+  escalateEmailLabel: "\u0628\u0631\u064A\u062F\u0643 \u0627\u0644\u0625\u0644\u0643\u062A\u0631\u0648\u0646\u064A",
+  escalateEmailPlaceholder: "you@example.com",
+  escalateNoteLabel: "\u0647\u0644 \u0645\u0646 \u0634\u064A\u0621 \u0622\u062E\u0631 \u064A\u0646\u0628\u063A\u064A \u0623\u0646 \u0646\u0639\u0631\u0641\u0647\u061F (\u0627\u062E\u062A\u064A\u0627\u0631\u064A)",
+  escalateSubmit: "\u0625\u0631\u0633\u0627\u0644 \u0625\u0644\u0649 \u0634\u062E\u0635",
+  escalateSending: "\u062C\u0627\u0631\u064D \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u2026",
+  escalateCancel: "\u0625\u0644\u063A\u0627\u0621",
+  escalateInvalidEmail: "\u0644\u0627 \u064A\u0628\u062F\u0648 \u0647\u0630\u0627 \u0639\u0646\u0648\u0627\u0646\u064B\u0627 \u064A\u0645\u0643\u0646\u0646\u0627 \u0627\u0644\u0631\u062F \u0639\u0644\u064A\u0647. \u064A\u0631\u062C\u0649 \u0627\u0644\u062A\u062D\u0642\u0642 \u0645\u0646\u0647.",
+  escalateSent: "\u0623\u0635\u0628\u062D\u062A \u0647\u0630\u0647 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629 \u0644\u062F\u0649 \u0623\u062D\u062F \u0627\u0644\u0632\u0645\u0644\u0627\u0621. \u0633\u0646\u0631\u062F \u0639\u0644\u0649 {email}.",
+  escalateRateLimited: "\u0637\u0644\u0628\u0627\u062A \u0643\u062B\u064A\u0631\u0629 \u062E\u0644\u0627\u0644 \u0648\u0642\u062A \u0642\u0635\u064A\u0631. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0628\u0639\u062F \u0628\u0636\u0639 \u062F\u0642\u0627\u0626\u0642.",
+  escalateCaptcha: "\u062A\u0639\u0630\u0651\u0631 \u0627\u0644\u062A\u062D\u0642\u0642 \u0645\u0646 \u0623\u0646\u0643 \u0644\u0633\u062A \u0631\u0648\u0628\u0648\u062A\u064B\u0627. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",
+  escalateFailed: "\u062A\u0639\u0630\u0651\u0631 \u062A\u0645\u0631\u064A\u0631 \u0627\u0644\u0645\u062D\u0627\u062F\u062B\u0629 \u0627\u0644\u0622\u0646. \u064A\u0631\u062C\u0649 \u0627\u0644\u0645\u062D\u0627\u0648\u0644\u0629 \u0645\u0631\u0629 \u0623\u062E\u0631\u0649.",
   prevSuggestion: "\u0627\u0644\u0627\u0642\u062A\u0631\u0627\u062D \u0627\u0644\u0633\u0627\u0628\u0642",
   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",
@@ -456,7 +992,7 @@ var TA = {
   showLess: "\u0B95\u0BC1\u0BB1\u0BC8\u0BB5\u0BBE\u0B95\u0B95\u0BCD \u0B95\u0BBE\u0B9F\u0BCD\u0B9F\u0BC1",
   sources: "\u0BAE\u0BC2\u0BB2\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
   nextYouCouldAsk: "\u0B85\u0B9F\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1 \u0BA8\u0BC0\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B95\u0BC7\u0B9F\u0BCD\u0B95\u0BB2\u0BBE\u0BAE\u0BCD",
-  placeholder: "\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 \u0BB5\u0BBF\u0BB5\u0BB0\u0BBF\u0BAF\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD\u2026",
+  placeholder: "\u0B9A\u0BBF\u0B95\u0BCD\u0B95\u0BB2\u0BC8 \u0BB5\u0BBF\u0BB5\u0BB0\u0BBF\u0BAF\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD\u2026",
   placeholderProduct: "\u0B9A\u0BBF\u0B95\u0BCD\u0B95\u0BB2\u0BC8 \u0BB5\u0BBF\u0BB5\u0BB0\u0BBF\u0BAF\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD, \u0B85\u0BB2\u0BCD\u0BB2\u0BA4\u0BC1 {product} \u0BAA\u0BB1\u0BCD\u0BB1\u0BBF\u0B95\u0BCD \u0B95\u0BC7\u0BB3\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD\u2026",
   send: "\u0B85\u0BA9\u0BC1\u0BAA\u0BCD\u0BAA\u0BC1",
   stop: "\u0BA8\u0BBF\u0BB1\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1",
@@ -494,6 +1030,20 @@ var TA = {
   feedbackDismiss: "\u0BAE\u0BC2\u0B9F\u0BC1",
   feedbackThanks: "\u0BA8\u0BA9\u0BCD\u0BB1\u0BBF, \u0B87\u0BA4\u0BC1 \u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BC1\u0B95\u0BCD\u0B95\u0BC1 \u0B89\u0BA4\u0BB5\u0BC1\u0B95\u0BBF\u0BB1\u0BA4\u0BC1.",
   feedbackNotSent: "\u0B85\u0BA9\u0BC1\u0BAA\u0BCD\u0BAA \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8.",
+  escalateOpen: "\u0B92\u0BB0\u0BC1\u0BB5\u0BB0\u0BBF\u0B9F\u0BAE\u0BCD \u0BAA\u0BC7\u0B9A\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
+  escalateTitle: "\u0B87\u0BA8\u0BCD\u0BA4 \u0B89\u0BB0\u0BC8\u0BAF\u0BBE\u0B9F\u0BB2\u0BC8 \u0B92\u0BB0\u0BC1\u0BB5\u0BB0\u0BC1\u0B95\u0BCD\u0B95\u0BC1 \u0B85\u0BA9\u0BC1\u0BAA\u0BCD\u0BAA\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
+  escalateBody: "\u0BAE\u0BC1\u0BB4\u0BC1 \u0B89\u0BB0\u0BC8\u0BAF\u0BBE\u0B9F\u0BB2\u0BC8\u0BAF\u0BC1\u0BAE\u0BCD \u0BA8\u0BBE\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B85\u0BA9\u0BC1\u0BAA\u0BCD\u0BAA\u0BBF\u0BB5\u0BBF\u0B9F\u0BC1\u0BB5\u0BCB\u0BAE\u0BCD; \u0BA8\u0BC0\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0BAE\u0BC0\u0BA3\u0BCD\u0B9F\u0BC1\u0BAE\u0BCD \u0BA4\u0B9F\u0BCD\u0B9F\u0B9A\u0BCD\u0B9A\u0BC1 \u0B9A\u0BC6\u0BAF\u0BCD\u0BAF \u0BB5\u0BC7\u0BA3\u0BCD\u0B9F\u0BBF\u0BAF\u0BA4\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8.",
+  escalateEmailLabel: "\u0B89\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0BAE\u0BBF\u0BA9\u0BCD\u0BA9\u0B9E\u0BCD\u0B9A\u0BB2\u0BCD \u0BAE\u0BC1\u0B95\u0BB5\u0BB0\u0BBF",
+  escalateEmailPlaceholder: "you@example.com",
+  escalateNoteLabel: "\u0BB5\u0BC7\u0BB1\u0BC1 \u0B8F\u0BA4\u0BC7\u0BA9\u0BC1\u0BAE\u0BCD \u0B9A\u0BCA\u0BB2\u0BCD\u0BB2 \u0BB5\u0BBF\u0BB0\u0BC1\u0BAE\u0BCD\u0BAA\u0BC1\u0B95\u0BBF\u0BB1\u0BC0\u0BB0\u0BCD\u0B95\u0BB3\u0BBE? (\u0BB5\u0BBF\u0BB0\u0BC1\u0BAA\u0BCD\u0BAA\u0BAE\u0BCD)",
+  escalateSubmit: "\u0B92\u0BB0\u0BC1\u0BB5\u0BB0\u0BC1\u0B95\u0BCD\u0B95\u0BC1 \u0B85\u0BA9\u0BC1\u0BAA\u0BCD\u0BAA\u0BC1",
+  escalateSending: "\u0B85\u0BA9\u0BC1\u0BAA\u0BCD\u0BAA\u0BAA\u0BCD\u0BAA\u0B9F\u0BC1\u0B95\u0BBF\u0BB1\u0BA4\u0BC1\u2026",
+  escalateCancel: "\u0BB0\u0BA4\u0BCD\u0BA4\u0BC1 \u0B9A\u0BC6\u0BAF\u0BCD",
+  escalateInvalidEmail: "\u0B87\u0BA4\u0BC1 \u0BA8\u0BBE\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BB3\u0BBF\u0B95\u0BCD\u0B95\u0B95\u0BCD\u0B95\u0BC2\u0B9F\u0BBF\u0BAF \u0BAE\u0BBF\u0BA9\u0BCD\u0BA9\u0B9E\u0BCD\u0B9A\u0BB2\u0BCD \u0BAE\u0BC1\u0B95\u0BB5\u0BB0\u0BBF \u0BAA\u0BCB\u0BB2\u0BCD \u0BA4\u0BC6\u0BB0\u0BBF\u0BAF\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8. \u0B9A\u0BB0\u0BBF\u0BAA\u0BBE\u0BB0\u0BCD\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD.",
+  escalateSent: "\u0B87\u0BA8\u0BCD\u0BA4 \u0B89\u0BB0\u0BC8\u0BAF\u0BBE\u0B9F\u0BB2\u0BCD \u0B87\u0BAA\u0BCD\u0BAA\u0BCB\u0BA4\u0BC1 \u0B92\u0BB0\u0BC1\u0BB5\u0BB0\u0BBF\u0B9F\u0BAE\u0BCD \u0B89\u0BB3\u0BCD\u0BB3\u0BA4\u0BC1. {email} \u0BAE\u0BC1\u0B95\u0BB5\u0BB0\u0BBF\u0B95\u0BCD\u0B95\u0BC1\u0BAA\u0BCD \u0BAA\u0BA4\u0BBF\u0BB2\u0BB3\u0BBF\u0BAA\u0BCD\u0BAA\u0BCB\u0BAE\u0BCD.",
+  escalateRateLimited: "\u0B95\u0BC1\u0BB1\u0BC1\u0B95\u0BBF\u0BAF \u0BA8\u0BC7\u0BB0\u0BA4\u0BCD\u0BA4\u0BBF\u0BB2\u0BCD \u0B85\u0BA4\u0BBF\u0B95 \u0B95\u0BCB\u0BB0\u0BBF\u0B95\u0BCD\u0B95\u0BC8\u0B95\u0BB3\u0BCD. \u0B9A\u0BBF\u0BB2 \u0BA8\u0BBF\u0BAE\u0BBF\u0B9F\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B95\u0BB4\u0BBF\u0BA4\u0BCD\u0BA4\u0BC1 \u0BAE\u0BC1\u0BAF\u0BB1\u0BCD\u0B9A\u0BBF\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD.",
+  escalateCaptcha: "\u0BA8\u0BC0\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0BAE\u0BA9\u0BBF\u0BA4\u0BB0\u0BCD \u0B8E\u0BA9\u0BCD\u0BAA\u0BA4\u0BC8 \u0B89\u0BB1\u0BC1\u0BA4\u0BBF\u0B9A\u0BC6\u0BAF\u0BCD\u0BAF \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8. \u0BAE\u0BC0\u0BA3\u0BCD\u0B9F\u0BC1\u0BAE\u0BCD \u0BAE\u0BC1\u0BAF\u0BB1\u0BCD\u0B9A\u0BBF\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD.",
+  escalateFailed: "\u0B87\u0BAA\u0BCD\u0BAA\u0BCB\u0BA4\u0BC1 \u0B85\u0BA9\u0BC1\u0BAA\u0BCD\u0BAA \u0BAE\u0BC1\u0B9F\u0BBF\u0BAF\u0BB5\u0BBF\u0BB2\u0BCD\u0BB2\u0BC8. \u0BAE\u0BC0\u0BA3\u0BCD\u0B9F\u0BC1\u0BAE\u0BCD \u0BAE\u0BC1\u0BAF\u0BB1\u0BCD\u0B9A\u0BBF\u0B95\u0BCD\u0B95\u0BB5\u0BC1\u0BAE\u0BCD.",
   prevSuggestion: "\u0BAE\u0BC1\u0BA8\u0BCD\u0BA4\u0BC8\u0BAF \u0BAA\u0BB0\u0BBF\u0BA8\u0BCD\u0BA4\u0BC1\u0BB0\u0BC8",
   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",
@@ -736,6 +1286,29 @@ var SUBMIT_EXPLORE_FEEDBACK_MUTATION = (
 `
 );
 var EXPLORE_FEEDBACK_COMMENT_SOFT_MAX = 500;
+var ESCALATE_EXPLORE_CONVERSATION_MUTATION = (
+  /* GraphQL */
+  `
+  mutation EscalateExploreConversation(
+    $input: EscalateExploreConversationInput!
+  ) {
+    escalateExploreConversation(input: $input) {
+      created
+      escalation {
+        email
+        createdAt
+      }
+    }
+  }
+`
+);
+var EXPLORE_ESCALATION_NOTE_SOFT_MAX = 2e3;
+var DELIVERABLE_EMAIL = /^[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[A-Za-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z]{2,}$/;
+function looksLikeDeliverableEmail(value) {
+  const trimmed = value.trim();
+  if (trimmed.length === 0 || trimmed.length > 254) return false;
+  return DELIVERABLE_EMAIL.test(trimmed);
+}
 var CREATE_EXPLORE_SHARE_LINK_MUTATION = (
   /* GraphQL */
   `
@@ -756,48 +1329,6 @@ var EXPLORE_SHARED_CONVERSATION_QUERY = (
   }
 `
 );
-function MarkdownLink({
-  href,
-  children,
-  // react-markdown passes the hast node to every override; it is not a DOM attribute.
-  node: _node,
-  ...props
-}) {
-  const isExternal = typeof href === "string" && (href.startsWith("http://") || href.startsWith("https://"));
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      href,
-      ...props,
-      ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : { rel: "noopener noreferrer" },
-      children
-    }
-  );
-}
-var defaultComponents = {
-  a: MarkdownLink
-};
-function Markdown({
-  children,
-  className,
-  inline,
-  components
-}) {
-  const content = /* @__PURE__ */ jsx(
-    ReactMarkdown,
-    {
-      remarkPlugins: [remarkGfm],
-      rehypePlugins: [rehypeSanitize],
-      components: { ...defaultComponents, ...components },
-      ...inline ? { disallowedElements: ["p"], unwrapDisallowed: true } : {},
-      children
-    }
-  );
-  if (inline) {
-    return /* @__PURE__ */ jsx("span", { className, children: content });
-  }
-  return /* @__PURE__ */ jsx("div", { className, children: content });
-}
 var PROSE_CSS = `
 .boff-prose {
   max-width: none;
@@ -1194,6 +1725,10 @@ function useWebSDK() {
   }
   return client;
 }
+function useWebSDKConfig() {
+  const client = useWebSDK();
+  return client.getConfig();
+}
 
 // src/data/products.ts
 var ECOSYSTEM_PRODUCTS = [
@@ -1540,6 +2075,25 @@ var VALIDATION_CODES = /* @__PURE__ */ new Set([
   "CONVERSATION_LIMIT",
   "INVALID_INPUT"
 ]);
+function escalateOutcomeForCode(code) {
+  switch (code) {
+    case "INVALID_EMAIL":
+      return "invalid-email";
+    case "RATE_LIMITED":
+    case "HTTP_429":
+      return "rate-limited";
+    case "CAPTCHA_REQUIRED":
+    case "CAPTCHA_FAILED":
+      return "captcha";
+    // The token owns nothing, or owns a different conversation. The server answers NOT_FOUND
+    // rather than FORBIDDEN so the endpoint is not an oracle for whether a thread exists;
+    // either way there is nothing this visitor can do about it, so it reads as a failure.
+    case "NOT_FOUND":
+      return "failed";
+    default:
+      return "failed";
+  }
+}
 function classifyExploreError(code, serverMessage) {
   const c = code ?? "UNKNOWN";
   if (RATE_LIMIT_CODES.has(c)) {
@@ -1706,6 +2260,7 @@ function useExploreChat(options = {}) {
     onSend
   } = options;
   const client = useWebSDK();
+  const { productId } = useWebSDKConfig();
   const promptKey = JSON.stringify(examplePrompts ?? []);
   const welcomeKey = JSON.stringify(fallbackWelcome ?? null);
   const fallbackCatalog = useMemo(
@@ -1729,6 +2284,7 @@ function useExploreChat(options = {}) {
   const pollGenerationRef = useRef(0);
   const pollTimerRef = useRef(null);
   const conversationTokenRef = useRef(null);
+  const [hasConversation, setHasConversation] = useState(false);
   const shareTokenRef = useRef(void 0);
   if (shareTokenRef.current === void 0) {
     shareTokenRef.current = readShareToken();
@@ -1743,6 +2299,10 @@ function useExploreChat(options = {}) {
   );
   const inFlightRef = useRef(false);
   catalogRef.current = catalog;
+  const rememberConversationToken = useCallback((token) => {
+    conversationTokenRef.current = token;
+    setHasConversation(token !== null);
+  }, []);
   const clearPollTimer = useCallback(() => {
     if (pollTimerRef.current !== null) {
       clearTimeout(pollTimerRef.current);
@@ -1809,7 +2369,7 @@ function useExploreChat(options = {}) {
     setArchive(readArchive(storageKey));
     const stored = readPersisted(storageKey);
     if (stored) {
-      conversationTokenRef.current = stored.conversationToken;
+      rememberConversationToken(stored.conversationToken);
       focusProductRef.current = stored.focusProduct;
       const settled = stored.messages.flatMap((m) => {
         if (m.role !== "ASSISTANT") return [m];
@@ -1825,7 +2385,7 @@ function useExploreChat(options = {}) {
       setTurnCount(turns);
     }
     setHydrated(true);
-  }, [persist, storageKey]);
+  }, [persist, rememberConversationToken, storageKey]);
   useEffect(() => {
     if (!persist || !hydrated || typeof window === "undefined") return;
     try {
@@ -2018,7 +2578,7 @@ function useExploreChat(options = {}) {
         setPhase(classified.kind === "rate-limit" ? "limited" : "error");
         return;
       }
-      conversationTokenRef.current = result.conversation.token;
+      rememberConversationToken(result.conversation.token);
       turnCountRef.current = result.conversation.turnCount;
       setTurnCount(result.conversation.turnCount);
       setRemainingToday(result.remainingToday ?? null);
@@ -2044,7 +2604,14 @@ function useExploreChat(options = {}) {
       setPhase("streaming");
       startPolling(result.conversation.token, assistantMessage.id);
     },
-    [client, locale, pageUrl, productSlug, startPolling]
+    [
+      client,
+      locale,
+      pageUrl,
+      productSlug,
+      rememberConversationToken,
+      startPolling
+    ]
   );
   const send = useCallback(
     async (message, attachments = []) => {
@@ -2161,7 +2728,7 @@ function useExploreChat(options = {}) {
     );
     cancelPolling();
     inFlightRef.current = false;
-    conversationTokenRef.current = null;
+    rememberConversationToken(null);
     lastSentTextRef.current = null;
     lastSentAttachmentsRef.current = [];
     turnCountRef.current = 0;
@@ -2176,7 +2743,7 @@ function useExploreChat(options = {}) {
       } catch {
       }
     }
-  }, [cancelPolling, storageKey]);
+  }, [cancelPolling, rememberConversationToken, storageKey]);
   const openConversation = useCallback(
     (token) => {
       const entry = readArchive(storageKey).find((e) => e.token === token);
@@ -2188,7 +2755,7 @@ function useExploreChat(options = {}) {
       });
       cancelPolling();
       inFlightRef.current = false;
-      conversationTokenRef.current = entry.token;
+      rememberConversationToken(entry.token);
       turnCountRef.current = entry.messages.filter(
         (m) => m.role === "USER"
       ).length;
@@ -2200,7 +2767,7 @@ function useExploreChat(options = {}) {
       setPhase(catalogRef.current.enabled ? "ready" : "disabled");
       setArchive(readArchive(storageKey));
     },
-    [cancelPolling, storageKey]
+    [cancelPolling, rememberConversationToken, storageKey]
   );
   const deleteConversation = useCallback(
     (token) => {
@@ -2289,6 +2856,69 @@ function useExploreChat(options = {}) {
     },
     [client]
   );
+  const escalate = useCallback(
+    async (email, note) => {
+      const token = conversationTokenRef.current;
+      if (!token) {
+        return { outcome: "no-conversation", email: null, createdAt: null };
+      }
+      const attempt = async (captchaAttempt) => {
+        const activeCatalog = catalogRef.current;
+        let recaptchaToken;
+        if (activeCatalog.captchaRequired && activeCatalog.recaptchaSiteKey) {
+          try {
+            recaptchaToken = await getRecaptchaV3Token(
+              activeCatalog.recaptchaSiteKey
+            );
+          } catch (err) {
+            console.warn(
+              "[WebSDK] reCAPTCHA v3 token could not be minted",
+              err
+            );
+          }
+        }
+        const input = {
+          conversationToken: token,
+          email: email.trim(),
+          note: note?.trim() ? note.trim() : null,
+          ...recaptchaToken ? { recaptchaToken } : {},
+          ...productId ? { productId } : {}
+        };
+        try {
+          const res = await client.mutate(
+            ESCALATE_EXPLORE_CONVERSATION_MUTATION,
+            { input }
+          );
+          const first = res?.errors?.[0];
+          const result = res?.data?.escalateExploreConversation;
+          if (first || !result) {
+            const code = typeof first?.extensions?.code === "string" ? first.extensions.code : "ESCALATION_FAILED";
+            if (code === "CAPTCHA_FAILED" && captchaAttempt === 0) {
+              return attempt(1);
+            }
+            return {
+              outcome: escalateOutcomeForCode(code),
+              email: null,
+              createdAt: null
+            };
+          }
+          return {
+            // `created: false` is the double-click, the retry, the reload. The handover
+            // exists, so this is a success — and the address comes from the SERVER, because
+            // on a repeat submit the reply goes to whatever the FIRST handover used.
+            outcome: result.created ? "sent" : "already-handed-over",
+            email: result.escalation?.email ?? null,
+            createdAt: result.escalation?.createdAt ?? null
+          };
+        } catch {
+          return { outcome: "failed", email: null, createdAt: null };
+        }
+      };
+      return attempt(0);
+    },
+    [client, productId]
+  );
+  const canEscalate = hasConversation && !isSharedView;
   return {
     phase,
     catalog,
@@ -2309,6 +2939,8 @@ function useExploreChat(options = {}) {
     clearHistory,
     recordClick,
     submitFeedback,
+    escalate,
+    canEscalate,
     createShareLink,
     isSharedView
   };
@@ -2994,9 +3626,6 @@ function PageHead({
     ))
   ] });
 }
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
@@ -3234,163 +3863,27 @@ var EXPLORE_CSS = `
 .boff-explore-scroll::-webkit-scrollbar { width: 10px; }
 .boff-explore-scroll::-webkit-scrollbar-track { background: transparent; }
 .boff-explore-scroll::-webkit-scrollbar-thumb {
-  background-color: hsl(var(--border));
-  border: 3px solid transparent;
-  border-radius: 9999px;
-  background-clip: content-box;
-}
-
-/* The product strip scrolls inside itself; a visible scrollbar would read as a broken
-   layout rather than an affordance, and reserving its gutter shifts the chips. */
-.boff-explore-strip {
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.boff-explore-strip::-webkit-scrollbar { display: none; }
-
-@keyframes boff-explore-fade-in {
-  from { opacity: 0; transform: translateY(2px); }
-  to   { opacity: 1; transform: none; }
-}
-.boff-explore-fade { animation: boff-explore-fade-in 220ms ease-out; }
-@media (prefers-reduced-motion: reduce) {
-  .boff-explore-fade { animation: none; }
-}
-
-/* Nothing inside an answer may widen the page. Model output carries long URLs, code and
-   tables \u2014 each of those overflows a phone by default, and one overflowing child makes the
-   WHOLE document horizontally scrollable, not just the bubble. */
-.boff-explore-body,
-.boff-explore-body p,
-.boff-explore-body li,
-.boff-explore-body a,
-.boff-explore-body h1,
-.boff-explore-body h2,
-.boff-explore-body h3 {
-  overflow-wrap: anywhere;
-  word-break: break-word;
-}
-.boff-explore-body pre {
-  overflow-x: auto;
-  max-width: 100%;
-}
-.boff-explore-body table {
-  display: block;
-  overflow-x: auto;
-  max-width: 100%;
-}
-.boff-explore-body img {
-  max-width: 100%;
-  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;
-  }
+  background-color: hsl(var(--border));
+  border: 3px solid transparent;
+  border-radius: 9999px;
+  background-clip: content-box;
+}
+
+/* The product strip scrolls inside itself; a visible scrollbar would read as a broken
+   layout rather than an affordance, and reserving its gutter shifts the chips. */
+.boff-explore-strip {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.boff-explore-strip::-webkit-scrollbar { display: none; }
+
+@keyframes boff-explore-fade-in {
+  from { opacity: 0; transform: translateY(2px); }
+  to   { opacity: 1; transform: none; }
+}
+.boff-explore-fade { animation: boff-explore-fade-in 220ms ease-out; }
+@media (prefers-reduced-motion: reduce) {
+  .boff-explore-fade { animation: none; }
 }
 
 /* ---- Ambient backdrop -----------------------------------------------------------------
@@ -3449,11 +3942,40 @@ var EXPLORE_CSS = `
   animation: boff-explore-sheen 1.5s ease-in-out infinite;
 }
 
+/* ---- The composer, before anyone has typed -----------------------------------------
+   On the welcome screen the box IS the page: everything above it is a way of explaining
+   what to put in it. Unhighlighted it reads as a search bar at the bottom of a landing
+   page, which people scroll past \u2014 so while the conversation is empty it gets a soft halo
+   in the site's own --primary and one slow breath of it, and the moment there is a
+   transcript, or the visitor focuses or types, it drops back to the ordinary card it was.
+   An input that keeps pulsing while you are using it is nagging, not inviting.
+
+   Colour comes from the product's --primary token, so it is whatever that site's palette
+   already is, never a colour chosen here. */
+.boff-explore-invite {
+  border-color: hsl(var(--primary) / 0.45);
+  box-shadow:
+    0 0 0 4px hsl(var(--primary) / 0.08),
+    0 8px 24px -12px hsl(var(--primary) / 0.45);
+  animation: boff-explore-breathe 3.2s ease-in-out infinite;
+}
+/* Focus and typing both mean "I have found it", and the hint has done its job. */
+.boff-explore-invite:focus-within,
+.boff-explore-invite.boff-explore-invite-quiet {
+  animation: none;
+  box-shadow: 0 0 0 4px hsl(var(--primary) / 0.10);
+}
+@keyframes boff-explore-breathe {
+  0%, 100% { box-shadow: 0 0 0 4px hsl(var(--primary) / 0.07), 0 8px 24px -12px hsl(var(--primary) / 0.40); }
+  50%      { box-shadow: 0 0 0 7px hsl(var(--primary) / 0.13), 0 8px 28px -12px hsl(var(--primary) / 0.55); }
+}
+
 /* Every one of the above is decoration. Reduced motion removes the movement and keeps the
    final state, rather than leaving content mid-animation and invisible. */
 @media (prefers-reduced-motion: reduce) {
   .boff-explore-aura::before,
-  .boff-explore-busy::after { animation: none; }
+  .boff-explore-busy::after,
+  .boff-explore-invite { animation: none; }
   .boff-explore-rise { animation: none; opacity: 1; transform: none; }
 }
 
@@ -3480,457 +4002,211 @@ var EXPLORE_CSS = `
                           something is actually covering the bottom, so a snapshot taken
                           with no keyboard open never carries it. */
 .boff-explore-viewport {
-  height: calc(100vh - var(--boff-explore-offset, 0px) - var(--boff-explore-inset, 0px));
-}
-@supports (height: 100dvh) {
-  .boff-explore-viewport {
-    height: calc(100dvh - var(--boff-explore-offset, 0px) - var(--boff-explore-inset, 0px));
-  }
-}
-
-/* Landscape phones and other short viewports: a one-screen pane leaves a ~124px transcript
-   sliver under ~610px of chrome and content. At or below the threshold the pane stops
-   pretending to be a window and lets the page's own scrolling carry the transcript. The
-   min-height is the available height rather than a fixed rem value, so the fallback can
-   never be taller than the screen it is rescuing. */
-@media (max-height: ${SHORT_VIEWPORT_PX}px) {
-  .boff-explore-viewport {
-    height: auto;
-    min-height: calc(100vh - var(--boff-explore-offset, 0px));
-  }
-}
-@supports (height: 100dvh) {
-  @media (max-height: ${SHORT_VIEWPORT_PX}px) {
-    .boff-explore-viewport {
-      min-height: calc(100dvh - var(--boff-explore-offset, 0px));
-    }
-  }
-}
-
-/* ---- Composer dock --------------------------------------------------------------------
-   Three declarations, each the fallback for the one after it: a plain 1rem where \`max()\`
-   is unknown, then the measured overlap of any FOREIGN fixed chrome sitting over the
-   composer (the host sites' cookie banner is 229px tall and lands exactly there), then the
-   same plus the home-indicator inset. \`--boff-explore-chrome\` is set on the root only once
-   an overlap has actually been measured, so everywhere else this collapses to 1rem. */
-.boff-explore-composer {
-  padding-bottom: 1rem;
-  padding-bottom: max(1rem, var(--boff-explore-chrome, 0px));
-  padding-bottom: max(1rem, env(safe-area-inset-bottom), var(--boff-explore-chrome, 0px));
-}
-`;
-function ExploreStyles() {
-  return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: EXPLORE_CSS } });
-}
-var CAPABILITIES = [
-  {
-    icon: BookOpenText,
-    title: "Grounded in our own docs",
-    body: "Every answer comes from published product pages and documentation \u2014 never invented."
-  },
-  {
-    icon: Layers,
-    title: "Compare across the ecosystem",
-    body: "Ask which product fits your team, or how two of them work together."
-  },
-  {
-    icon: Link2,
-    title: "Straight to the right page",
-    body: "Get the sources and next steps \u2014 pricing, docs, a demo \u2014 without hunting."
-  }
-];
-var MIN_VISIBLE_FRACTION = 0.25;
-var SDK_OVERLAY_SELECTOR = "[data-boff-explore]";
-var CTA_VARIANTS = {
-  CONTACT: "default",
-  WAITLIST: "default",
-  APP: "default",
-  PRICING: "secondary",
-  STORE: "secondary",
-  PARTNERS: "secondary",
-  DOCS: "outline",
-  SERVICES: "outline",
-  OTHER: "outline"
-};
-function normalizeOffset(offset) {
-  if (offset === void 0) return "0px";
-  return typeof offset === "number" ? `${offset}px` : offset;
-}
-function isOwnElement(el, root) {
-  if (el === document.body || el === document.documentElement) return true;
-  if (root.contains(el)) return true;
-  return el.closest(SDK_OVERLAY_SELECTOR) !== null;
-}
-function visualViewportHeight() {
-  return window.visualViewport?.height ?? window.innerHeight;
-}
-function clamp2(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-function isRestoredNavigation() {
-  const entries = window.performance?.getEntriesByType?.("navigation");
-  const entry = entries?.[0];
-  if (!entry) return true;
-  const navigation = entry;
-  return navigation.type === "reload" || navigation.type === "back_forward";
-}
-function pageOwnsScrolling(el) {
-  if (window.innerHeight > SHORT_VIEWPORT_PX) return false;
-  return el.scrollHeight - el.clientHeight <= 1;
-}
-function isInternalPath(url) {
-  return url.startsWith("/") && !url.startsWith("//");
-}
-function hostnameOf(url) {
-  try {
-    return new URL(url).hostname.replace(/^www\./, "");
-  } catch {
-    return "";
-  }
-}
-function initialOf(value, fallback) {
-  const source = (value || fallback).trim();
-  return source ? source.slice(0, 1).toUpperCase() : "?";
-}
-function logoUrlOf(url) {
-  try {
-    const { origin, protocol } = new URL(url);
-    if (protocol !== "https:" && protocol !== "http:") return null;
-    return `${origin}/favicon.svg`;
-  } catch {
-    return null;
-  }
-}
-function inlineImageOrigins(products) {
-  const origins = /* @__PURE__ */ new Set();
-  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}` : "";
-    origins.add(`https://${apex}${port}`);
-    origins.add(`https://www.${apex}${port}`);
-  }
-  return origins;
-}
-function isInlineImageAllowed(src, origins) {
-  if (typeof src !== "string" || src === "") return false;
-  let url;
-  try {
-    url = new URL(src);
-  } catch {
-    return false;
-  }
-  if (url.protocol !== "https:" || url.username || url.password) return false;
-  return origins.has(url.origin);
-}
-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
-  };
+  height: calc(100vh - var(--boff-explore-offset, 0px) - var(--boff-explore-inset, 0px));
 }
-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]+$/, "");
+@supports (height: 100dvh) {
+  .boff-explore-viewport {
+    height: calc(100dvh - var(--boff-explore-offset, 0px) - var(--boff-explore-inset, 0px));
+  }
 }
-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;
+
+/* Landscape phones and other short viewports: a one-screen pane leaves a ~124px transcript
+   sliver under ~610px of chrome and content. At or below the threshold the pane stops
+   pretending to be a window and lets the page's own scrolling carry the transcript. The
+   min-height is the available height rather than a fixed rem value, so the fallback can
+   never be taller than the screen it is rescuing. */
+@media (max-height: ${SHORT_VIEWPORT_PX}px) {
+  .boff-explore-viewport {
+    height: auto;
+    min-height: calc(100vh - var(--boff-explore-offset, 0px));
+  }
+}
+@supports (height: 100dvh) {
+  @media (max-height: ${SHORT_VIEWPORT_PX}px) {
+    .boff-explore-viewport {
+      min-height: calc(100dvh - var(--boff-explore-offset, 0px));
     }
-    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}.`;
+
+/* ---- Composer dock --------------------------------------------------------------------
+   Three declarations, each the fallback for the one after it: a plain 1rem where \`max()\`
+   is unknown, then the measured overlap of any FOREIGN fixed chrome sitting over the
+   composer (the host sites' cookie banner is 229px tall and lands exactly there), then the
+   same plus the home-indicator inset. \`--boff-explore-chrome\` is set on the root only once
+   an overlap has actually been measured, so everywhere else this collapses to 1rem. */
+.boff-explore-composer {
+  padding-bottom: 1rem;
+  padding-bottom: max(1rem, var(--boff-explore-chrome, 0px));
+  padding-bottom: max(1rem, env(safe-area-inset-bottom), var(--boff-explore-chrome, 0px));
 }
-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 ExploreStyles() {
+  return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: EXPLORE_CSS } });
 }
-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));
+var CAPABILITIES = [
+  {
+    icon: BookOpenText,
+    title: "Grounded in our own docs",
+    body: "Every answer comes from published product pages and documentation \u2014 never invented."
+  },
+  {
+    icon: Layers,
+    title: "Compare across the ecosystem",
+    body: "Ask which product fits your team, or how two of them work together."
+  },
+  {
+    icon: Link2,
+    title: "Straight to the right page",
+    body: "Get the sources and next steps \u2014 pricing, docs, a demo \u2014 without hunting."
   }
-  flushTable();
-  return lines.join("\n").replace(/\n{3,}/g, "\n\n").trim();
+];
+var MIN_VISIBLE_FRACTION = 0.25;
+var SDK_OVERLAY_SELECTOR = "[data-boff-explore]";
+var CTA_VARIANTS = {
+  CONTACT: "default",
+  WAITLIST: "default",
+  APP: "default",
+  PRICING: "secondary",
+  STORE: "secondary",
+  PARTNERS: "secondary",
+  DOCS: "outline",
+  SERVICES: "outline",
+  OTHER: "outline"
+};
+function normalizeOffset(offset) {
+  if (offset === void 0) return "0px";
+  return typeof offset === "number" ? `${offset}px` : offset;
 }
-function answerPlainText(markdown) {
-  return readableText(markdown, "clipboard");
+function isOwnElement(el, root) {
+  if (el === document.body || el === document.documentElement) return true;
+  if (root.contains(el)) return true;
+  return el.closest(SDK_OVERLAY_SELECTOR) !== null;
 }
-function answerSpeechText(markdown) {
-  return readableText(markdown, "speech");
+function visualViewportHeight() {
+  return window.visualViewport?.height ?? window.innerHeight;
 }
-var AnswerScopeContext = createContext(null);
-var InsideLinkContext = createContext(false);
-function AnswerLink(props) {
-  return /* @__PURE__ */ jsx(InsideLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx(MarkdownLink, { ...props }) });
+function clamp2(value, min, max) {
+  return Math.min(Math.max(value, min), max);
 }
-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(AnswerScopeContext);
-  const insideLink = useContext(InsideLinkContext);
-  if (!scope || !scope.enabled || !isInlineImageAllowed(src, scope.origins) || scope.failed.has(src)) {
-    return null;
-  }
-  const { strings: T, onFailed } = scope;
-  const picture = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "img",
-      {
-        src,
-        alt: alt ?? "",
-        loading: "lazy",
-        decoding: "async",
-        onError: () => onFailed(src),
-        className: "block h-auto max-h-80 w-auto max-w-full object-contain"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        "aria-hidden": "true",
-        className: "pointer-events-none absolute left-2 top-2 rounded-full border border-border bg-background/90 px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-foreground shadow-sm",
-        children: T.conceptIllustration
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsx("span", { "data-boff-explore": "inline-image", className: "my-3 block", children: insideLink ? /* @__PURE__ */ jsx("span", { className: INLINE_IMAGE_FRAME, children: picture }) : /* @__PURE__ */ jsxs(
-    "a",
-    {
-      href: src,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: cn(
-        INLINE_IMAGE_FRAME,
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-      ),
-      children: [
-        picture,
-        /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
-          "(",
-          T.opensInNewTab,
-          ")"
-        ] })
-      ]
-    }
-  ) });
+function isRestoredNavigation() {
+  const entries = window.performance?.getEntriesByType?.("navigation");
+  const entry = entries?.[0];
+  if (!entry) return true;
+  const navigation = entry;
+  return navigation.type === "reload" || navigation.type === "back_forward";
 }
-function markdownText(node) {
-  if (!node) return "";
-  if (typeof node.value === "string") return node.value;
-  return (node.children ?? []).map(markdownText).join("");
+function pageOwnsScrolling(el) {
+  if (window.innerHeight > SHORT_VIEWPORT_PX) return false;
+  return el.scrollHeight - el.clientHeight <= 1;
 }
-function hasHeaderCells(node) {
-  return (node?.children ?? []).some((cell) => cell.tagName === "th");
+function isInternalPath(url) {
+  return url.startsWith("/") && !url.startsWith("//");
 }
-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;
+function hostnameOf(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return "";
+  }
+}
+function initialOf(value, fallback) {
+  const source = (value || fallback).trim();
+  return source ? source.slice(0, 1).toUpperCase() : "?";
+}
+function logoUrlOf(url) {
+  try {
+    const { origin, protocol } = new URL(url);
+    if (protocol !== "https:" && protocol !== "http:") return null;
+    return `${origin}/favicon.svg`;
+  } catch {
+    return null;
   }
-  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 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
+  };
 }
-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 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 AnswerTableRow({
-  node,
-  children,
-  ...props
-}) {
-  const labels = useContext(TableColumnsContext);
-  if (labels.length === 0 || hasHeaderCells(node)) {
-    return /* @__PURE__ */ jsx("tr", { ...props, children });
+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);
   }
-  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 });
+  return {
+    total: references.length,
+    kinds: REFERENCE_KIND_ORDER.filter((kind) => counts.has(kind)).map(
+      (kind) => ({ kind, count: counts.get(kind) ?? 0 })
+    ),
+    products
+  };
 }
-var ANSWER_MARKDOWN_COMPONENTS = {
-  a: AnswerLink,
-  img: InlineConceptImage,
-  table: AnswerTable,
-  tr: AnswerTableRow
-};
 function ReferenceCard({
   reference,
   onFollow
@@ -4269,6 +4545,195 @@ function AnswerFeedback({
     }
   );
 }
+function EscalateForm({
+  strings: T,
+  formId,
+  onEscalate,
+  onClose,
+  onBusyChange
+}) {
+  const [email, setEmail] = useState("");
+  const [note, setNote] = useState("");
+  const [error, setError] = useState(null);
+  const [sending, setSending] = useState(false);
+  const [sentTo, setSentTo] = useState(null);
+  const emailRef = useRef(null);
+  const inFlightRef = useRef(false);
+  const titleId = `${formId}-title`;
+  const emailId = `${formId}-email`;
+  const noteId = `${formId}-note`;
+  const errorId = `${formId}-error`;
+  useEffect(() => {
+    emailRef.current?.focus();
+  }, []);
+  useEffect(() => {
+    onBusyChange?.(sending);
+    return () => onBusyChange?.(false);
+  }, [sending, onBusyChange]);
+  const handleSubmit = useCallback(
+    async (event) => {
+      event.preventDefault();
+      if (inFlightRef.current) return;
+      const address = email.trim();
+      if (!looksLikeDeliverableEmail(address)) {
+        setError(T.escalateInvalidEmail);
+        emailRef.current?.focus();
+        return;
+      }
+      inFlightRef.current = true;
+      setSending(true);
+      setError(null);
+      const result = await onEscalate(address, note);
+      inFlightRef.current = false;
+      setSending(false);
+      switch (result.outcome) {
+        case "sent":
+        case "already-handed-over":
+          setSentTo(result.email ?? address);
+          return;
+        case "invalid-email":
+          setError(T.escalateInvalidEmail);
+          emailRef.current?.focus();
+          return;
+        case "rate-limited":
+          setError(T.escalateRateLimited);
+          return;
+        case "captcha":
+          setError(T.escalateCaptcha);
+          return;
+        // `no-conversation` included: the form should not have been offered at all, and the
+        // honest thing to show is that nothing was passed on.
+        default:
+          setError(T.escalateFailed);
+          return;
+      }
+    },
+    [T, email, note, onEscalate]
+  );
+  if (sentTo !== null) {
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: formId,
+        "data-boff-explore": "escalate-sent",
+        role: "status",
+        className: "boff-explore-fade mt-2 rounded-xl border border-border bg-card px-3 py-2 text-xs leading-relaxed text-card-foreground",
+        children: fill(T.escalateSent, { email: sentTo })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      id: formId,
+      "data-boff-explore": "escalate-form",
+      "aria-labelledby": titleId,
+      noValidate: true,
+      onSubmit: handleSubmit,
+      onKeyDown: (event) => {
+        if (event.key !== "Escape") return;
+        event.stopPropagation();
+        if (sending) return;
+        onClose();
+      },
+      className: "boff-explore-fade mt-2 space-y-2 rounded-xl border border-border bg-card p-3",
+      children: [
+        /* @__PURE__ */ jsx("p", { id: titleId, className: "text-xs font-medium text-card-foreground", children: T.escalateTitle }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs leading-relaxed text-muted-foreground", children: T.escalateBody }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: emailId,
+              className: "block text-xs font-medium text-card-foreground",
+              children: T.escalateEmailLabel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: emailRef,
+              id: emailId,
+              name: "email",
+              "data-boff-explore": "escalate-email",
+              type: "email",
+              inputMode: "email",
+              autoComplete: "email",
+              required: true,
+              value: email,
+              onChange: (event) => {
+                setEmail(event.target.value);
+                if (error) setError(null);
+              },
+              "aria-invalid": error ? "true" : void 0,
+              "aria-describedby": error ? errorId : void 0,
+              placeholder: T.escalateEmailPlaceholder,
+              className: "w-full rounded-md border border-border bg-background px-2 py-1 text-base text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring sm:text-sm"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ jsx(
+            "label",
+            {
+              htmlFor: noteId,
+              className: "block text-xs font-medium text-card-foreground",
+              children: T.escalateNoteLabel
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: noteId,
+              name: "note",
+              "data-boff-explore": "escalate-note",
+              rows: 2,
+              value: note,
+              onChange: (event) => setNote(event.target.value),
+              maxLength: EXPLORE_ESCALATION_NOTE_SOFT_MAX,
+              className: "min-h-0 border-border bg-background"
+            }
+          )
+        ] }),
+        error ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: errorId,
+            "data-boff-explore": "escalate-error",
+            role: "alert",
+            className: "text-xs leading-relaxed text-destructive",
+            children: error
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              "data-boff-explore": "escalate-send",
+              type: "submit",
+              size: "sm",
+              disabled: sending,
+              children: sending ? T.escalateSending : T.escalateSubmit
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              "data-boff-explore": "escalate-cancel",
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              className: "text-muted-foreground",
+              disabled: sending,
+              onClick: onClose,
+              children: T.escalateCancel
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 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,
@@ -4462,31 +4927,15 @@ function AssistantBubble({
   anchorRef,
   onFollow,
   onFollowUp,
-  onFeedback
+  onFeedback,
+  onEscalate,
+  isLatestAnswer = false
 }) {
   const streaming = message.status === "PENDING" || message.status === "RUNNING";
   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()
-  );
-  const markImageFailed = useCallback((src) => {
-    setFailedImages(
-      (current) => current.has(src) ? current : new Set(current).add(src)
-    );
-  }, []);
-  const answerScope = useMemo(
-    () => ({
-      strings: T,
-      enabled: completed,
-      origins: imageOrigins,
-      failed: failedImages,
-      onFailed: markImageFailed
-    }),
-    [T, completed, imageOrigins, failedImages, markImageFailed]
-  );
   const provenance = useMemo(
     () => summariseReferences(message.references, imageOrigins, productNames),
     [message.references, imageOrigins, productNames]
@@ -4500,6 +4949,20 @@ function AssistantBubble({
     [message.content]
   );
   const grounded = completed && message.answered !== false;
+  const [escalateOpen, setEscalateOpen] = useState(false);
+  const [escalateBusy, setEscalateBusy] = useState(false);
+  const escalateTriggerRef = useRef(null);
+  const escalateFormId = `boff-explore-escalate-${message.id}`;
+  const unanswered = completed && message.answered === false;
+  const offerEscalate = Boolean(onEscalate) && completed;
+  const showQuietEscalate = offerEscalate && !unanswered && isLatestAnswer;
+  const closeEscalate = useCallback(() => {
+    setEscalateOpen(false);
+    escalateTriggerRef.current?.focus();
+  }, []);
+  const handleEscalateBusy = useCallback((busy) => {
+    setEscalateBusy(busy);
+  }, []);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4517,7 +4980,7 @@ function AssistantBubble({
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [
-          message.status === "COMPLETED" && message.answered === false ? /* @__PURE__ */ jsxs(
+          unanswered ? /* @__PURE__ */ jsxs(
             "div",
             {
               "data-boff-explore": "no-answer",
@@ -4527,18 +4990,39 @@ function AssistantBubble({
                 /* @__PURE__ */ jsxs("span", { children: [
                   T.noAnswer,
                   " ",
-                  /* @__PURE__ */ jsx(
-                    "a",
-                    {
-                      href: "/contact",
-                      className: "underline underline-offset-2 hover:text-primary",
-                      onClick: (event) => {
-                        if (!onNavigate) return;
-                        event.preventDefault();
-                        onNavigate("/contact");
-                      },
-                      children: T.askHuman
-                    }
+                  offerEscalate ? (
+                    /* The point of the wave: the same words, but they now open a form that
+                       sends the conversation we are both looking at, instead of a link to a
+                       blank contact page that asks the visitor to type it all again. */
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        ref: escalateTriggerRef,
+                        "data-boff-explore": "escalate-open",
+                        type: "button",
+                        "aria-expanded": escalateOpen,
+                        "aria-controls": escalateOpen ? escalateFormId : void 0,
+                        onClick: () => setEscalateOpen(true),
+                        className: "rounded-sm underline underline-offset-2 hover:text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                        children: T.askHuman
+                      }
+                    )
+                  ) : (
+                    /* No conversation to hand over (a shared, read-only view). The old dead end
+                       is still better than a control whose submit could only fail. */
+                    /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: "/contact",
+                        className: "underline underline-offset-2 hover:text-primary",
+                        onClick: (event) => {
+                          if (!onNavigate) return;
+                          event.preventDefault();
+                          onNavigate("/contact");
+                        },
+                        children: T.askHuman
+                      }
+                    )
                   ),
                   "."
                 ] })
@@ -4546,7 +5030,16 @@ function AssistantBubble({
             }
           ) : null,
           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 }) }) }),
+            /* @__PURE__ */ jsx(
+              ExploreAnswerBody,
+              {
+                strings: T,
+                imageOrigins,
+                enabled: completed,
+                className: "boff-prose-sm text-card-foreground",
+                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,
@@ -4606,6 +5099,30 @@ function AssistantBubble({
               feedback: message.feedback,
               onSubmit: onFeedback
             }
+          ) : null,
+          showQuietEscalate ? /* @__PURE__ */ jsx("div", { className: "pt-0.5", children: /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: escalateTriggerRef,
+              "data-boff-explore": "escalate-open",
+              type: "button",
+              "aria-expanded": escalateOpen,
+              "aria-controls": escalateOpen ? escalateFormId : void 0,
+              disabled: escalateBusy,
+              onClick: () => setEscalateOpen((open) => !open),
+              className: "rounded-sm text-xs text-muted-foreground underline underline-offset-2 hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+              children: T.escalateOpen
+            }
+          ) }) : null,
+          escalateOpen && onEscalate ? /* @__PURE__ */ jsx(
+            EscalateForm,
+            {
+              strings: T,
+              formId: escalateFormId,
+              onEscalate,
+              onClose: closeEscalate,
+              onBusyChange: handleEscalateBusy
+            }
           ) : null
         ] })
       ]
@@ -4831,7 +5348,7 @@ function ConceptStrip({
     "div",
     {
       "data-boff-explore": "concept-strip-block",
-      className: "boff-explore-rise boff-explore-rise-1 mt-6",
+      className: "boff-explore-rise boff-explore-rise-3 mt-6",
       children: [
         /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: T.conceptStripTitle }),
         /* @__PURE__ */ jsx(
@@ -5021,15 +5538,6 @@ 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",
       {
@@ -5065,7 +5573,16 @@ function WelcomeState({
           onFocus
         }
       )
-    ] }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      ConceptStrip,
+      {
+        strings: T,
+        highlights: conceptHighlights,
+        onAsk: onPrompt,
+        disabled
+      }
+    )
   ] });
 }
 function ExplorePage({
@@ -5112,6 +5629,8 @@ function ExplorePage({
     clearHistory,
     recordClick,
     submitFeedback,
+    escalate,
+    canEscalate,
     createShareLink,
     isSharedView
   } = useExploreChat({
@@ -5555,6 +6074,7 @@ function ExplorePage({
         ),
         /* @__PURE__ */ jsx(ProseStyles, {}),
         /* @__PURE__ */ jsx(ExploreStyles, {}),
+        /* @__PURE__ */ jsx(ExploreAnswerStyles, {}),
         !showWelcome ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 border-b border-border px-4 py-2.5", children: [
           /* @__PURE__ */ jsx(
             "span",
@@ -5733,7 +6253,9 @@ function ExplorePage({
                   anchorRef: message.id === latestAssistantId ? latestAssistantRef : void 0,
                   onFollow: (kind, url) => recordClick(message.id, kind, url),
                   onFollowUp: sendPrompt,
-                  onFeedback: isSharedView ? void 0 : (rating, detail) => submitFeedback(message.id, rating, detail)
+                  onFeedback: isSharedView ? void 0 : (rating, detail) => submitFeedback(message.id, rating, detail),
+                  onEscalate: canEscalate ? escalate : void 0,
+                  isLatestAnswer: message.id === latestAssistantId
                 },
                 message.id
               )
@@ -5840,10 +6362,19 @@ function ExplorePage({
                   /* @__PURE__ */ jsxs(
                     "div",
                     {
+                      "data-boff-explore": "composer-field",
                       className: cn(
                         "flex min-w-0 items-end gap-2 rounded-2xl border bg-card p-2 shadow-sm transition-all",
                         busy && "boff-explore-busy",
-                        overLimit ? "border-destructive/60" : "border-border focus-within:border-primary/40 focus-within:ring-1 focus-within:ring-ring"
+                        overLimit ? "border-destructive/60" : "border-border focus-within:border-primary/40 focus-within:ring-1 focus-within:ring-ring",
+                        // The halo is an invitation, and an invitation is only useful before it has
+                        // been accepted: while the conversation is empty, the composer is usable, and
+                        // nothing has been typed. Once any of those stops being true the class goes
+                        // and the box is an ordinary card again. `-quiet` keeps the ring but stops the
+                        // movement the moment there are characters in the field, so it does not pulse
+                        // at someone who is mid-sentence.
+                        showWelcome && !composerDisabled && !overLimit && "boff-explore-invite",
+                        showWelcome && draft.length > 0 && "boff-explore-invite-quiet"
                       ),
                       children: [
                         /* @__PURE__ */ jsx(