@burdenoff/website-sdk 2026.830.1 → 2026.922.1

package/dist/components/explore.mjs

@@ -4,7 +4,7 @@ import { Sparkles, RotateCcw, Link2, History, Trash2, Paperclip, X, Mic, Square,
 import ReactMarkdown from 'react-markdown';
 import rehypeSanitize from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Helmet } from 'react-helmet-async';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
@@ -58,6 +58,8 @@ var EN = {
   askHuman: "ask a human",
   prevSuggestion: "Previous suggestion",
   nextSuggestion: "Next suggestion",
+  conceptIllustration: "Concept illustration",
+  opensInNewTab: "opens in a new tab",
   capabilities: [
     "Grounded in our own docs",
     "Compare across the ecosystem",
@@ -107,6 +109,8 @@ var ZH = {
   askHuman: "\u8054\u7CFB\u6211\u4EEC",
   prevSuggestion: "\u4E0A\u4E00\u4E2A\u5EFA\u8BAE",
   nextSuggestion: "\u4E0B\u4E00\u4E2A\u5EFA\u8BAE",
+  conceptIllustration: "\u6982\u5FF5\u793A\u610F\u56FE",
+  opensInNewTab: "\u5728\u65B0\u6807\u7B7E\u9875\u4E2D\u6253\u5F00",
   capabilities: ["\u57FA\u4E8E\u6211\u4EEC\u81EA\u5DF1\u7684\u6587\u6863", "\u8DE8\u4EA7\u54C1\u5BF9\u6BD4", "\u76F4\u8FBE\u6B63\u786E\u7684\u9875\u9762"],
   prompts: [
     "\u8FD9\u4E2A\u4EA7\u54C1\u5230\u5E95\u80FD\u505A\u4EC0\u4E48\uFF1F",
@@ -152,6 +156,8 @@ var HI = {
   askHuman: "\u0939\u092E\u0938\u0947 \u0938\u0902\u092A\u0930\u094D\u0915 \u0915\u0930\u0947\u0902",
   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",
+  opensInNewTab: "\u0928\u090F \u091F\u0948\u092C \u092E\u0947\u0902 \u0916\u0941\u0932\u0924\u093E \u0939\u0948",
   capabilities: [
     "\u0939\u092E\u093E\u0930\u0947 \u0905\u092A\u0928\u0947 \u0926\u0938\u094D\u0924\u093E\u0935\u0947\u091C\u093C\u094B\u0902 \u092A\u0930 \u0906\u0927\u093E\u0930\u093F\u0924",
     "\u0938\u092D\u0940 \u0909\u0924\u094D\u092A\u093E\u0926\u094B\u0902 \u0915\u0940 \u0924\u0941\u0932\u0928\u093E \u0915\u0930\u0947\u0902",
@@ -201,6 +207,8 @@ var ES = {
   askHuman: "habla con una persona",
   prevSuggestion: "Sugerencia anterior",
   nextSuggestion: "Sugerencia siguiente",
+  conceptIllustration: "Ilustraci\xF3n del concepto",
+  opensInNewTab: "se abre en una pesta\xF1a nueva",
   capabilities: [
     "Basado en nuestra documentaci\xF3n",
     "Compara todo el ecosistema",
@@ -250,6 +258,8 @@ var AR = {
   askHuman: "\u062A\u062D\u062F\u0651\u062B \u0625\u0644\u0649 \u0634\u062E\u0635",
   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",
+  opensInNewTab: "\u064A\u064F\u0641\u062A\u062D \u0641\u064A \u0639\u0644\u0627\u0645\u0629 \u062A\u0628\u0648\u064A\u0628 \u062C\u062F\u064A\u062F\u0629",
   capabilities: [
     "\u0645\u0628\u0646\u064A \u0639\u0644\u0649 \u0648\u062B\u0627\u0626\u0642\u0646\u0627",
     "\u0642\u0627\u0631\u0646 \u0639\u0628\u0631 \u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0629",
@@ -299,6 +309,8 @@ var TA = {
   askHuman: "\u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BC8\u0BA4\u0BCD \u0BA4\u0BCA\u0B9F\u0BB0\u0BCD\u0BAA\u0BC1 \u0B95\u0BCA\u0BB3\u0BCD\u0BB3\u0BC1\u0B99\u0BCD\u0B95\u0BB3\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",
+  opensInNewTab: "\u0BAA\u0BC1\u0BA4\u0BBF\u0BAF \u0BA4\u0BBE\u0BB5\u0BB2\u0BBF\u0BB2\u0BCD \u0BA4\u0BBF\u0BB1\u0B95\u0BCD\u0B95\u0BC1\u0BAE\u0BCD",
   capabilities: [
     "\u0B8E\u0B99\u0BCD\u0B95\u0BB3\u0BCD \u0B9A\u0BCA\u0BA8\u0BCD\u0BA4 \u0B86\u0BB5\u0BA3\u0B99\u0BCD\u0B95\u0BB3\u0BBF\u0BA9\u0BCD \u0B85\u0B9F\u0BBF\u0BAA\u0BCD\u0BAA\u0B9F\u0BC8\u0BAF\u0BBF\u0BB2\u0BCD",
     "\u0BA4\u0BAF\u0BBE\u0BB0\u0BBF\u0BAA\u0BCD\u0BAA\u0BC1\u0B95\u0BB3\u0BC8 \u0B92\u0BAA\u0BCD\u0BAA\u0BBF\u0B9F\u0BC1\u0B99\u0BCD\u0B95\u0BB3\u0BCD",
@@ -339,19 +351,26 @@ function exploreStrings(locale) {
 function fill(template, values) {
   return template.replace(/\{(\w+)\}/g, (match, key) => values[key] ?? match);
 }
+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: ({ href, children, ...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
-      }
-    );
-  }
+  a: MarkdownLink
 };
 function Markdown({
   children,
@@ -912,10 +931,13 @@ var ECOSYSTEM_PRODUCTS = [
     name: "VibeControls",
     websiteUrl: "https://vibecontrols.com"
   },
+  // FluidGrids ships on www.fluidgrids.ai — fluidgrids.com only redirects there. The explore
+  // catalog and the site's own sitemap use this origin, and so must the fallback catalog
+  // built from this list, or /explore rejects FluidGrids concept images until it loads.
   {
     slug: "fluidgrids",
     name: "FluidGrids",
-    websiteUrl: "https://fluidgrids.com"
+    websiteUrl: "https://www.fluidgrids.ai"
   },
   // Botlit ships on botlit.ai — botlit.com does not resolve.
   { slug: "botlit", name: "Botlit", websiteUrl: "https://www.botlit.ai" },
@@ -2219,6 +2241,9 @@ function resolveImageUrl(image, base) {
     return image;
   }
 }
+function serializeJsonLd(data) {
+  return JSON.stringify(data).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
 function PageHead({
   title,
   description,
@@ -2260,7 +2285,7 @@ function PageHead({
     fullImageUrl && /* @__PURE__ */ jsx("meta", { name: "twitter:image", content: fullImageUrl }),
     twitterHandle && /* @__PURE__ */ jsx("meta", { name: "twitter:creator", content: twitterHandle }),
     /* @__PURE__ */ jsx("meta", { name: "theme-color", content: themeColor }),
-    structuredDataItems.map((data, index) => /* @__PURE__ */ jsx("script", { type: "application/ld+json", children: JSON.stringify(data) }, `ld-${index}`)),
+    structuredDataItems.map((data, index) => /* @__PURE__ */ jsx("script", { type: "application/ld+json", children: serializeJsonLd(data) }, `ld-${index}`)),
     additionalMeta?.map((meta, index) => /* @__PURE__ */ jsx(
       "meta",
       {
@@ -2467,6 +2492,7 @@ function toPayload(staged) {
     textContent
   }));
 }
+var SHORT_VIEWPORT_PX = 420;
 var EXPLORE_CSS = `
 @keyframes boff-explore-pulse {
   0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }
@@ -2501,6 +2527,12 @@ var EXPLORE_CSS = `
 .boff-explore-scroll {
   scrollbar-width: thin;
   scrollbar-color: hsl(var(--border)) transparent;
+  /* Stop the transcript handing its scroll to the page. Without this, the first
+     swipe that exhausts the transcript chains to the document \u2014 and on a host site
+     that is 65-70% footer, which is how a phone ends up showing nothing but the
+     footer. Engines that do not support this property ignore the line and keep
+     today's behaviour; the scroll correction above covers them. */
+  overscroll-behavior: contain;
 }
 .boff-explore-scroll::-webkit-scrollbar { width: 10px; }
 .boff-explore-scroll::-webkit-scrollbar-track { background: transparent; }
@@ -2618,6 +2650,68 @@ var EXPLORE_CSS = `
   .boff-explore-busy::after { animation: none; }
   .boff-explore-rise { animation: none; opacity: 1; transform: none; }
 }
+
+/* ---- Pane height ----------------------------------------------------------------------
+   This used to be one inline declaration, \`height: calc(100dvh - 64px)\`, and it carried two
+   defects. An inline style cannot carry a fallback, so every engine without \`dvh\` (iOS
+   Safari < 15.4, Chrome/WebView < 108, Samsung Internet < 21, Firefox < 101) dropped it
+   whole; and the 64px came from a prop hard-coded to 64 on all 41 host pages that matches
+   none of them \u2014 the burdenoff/algoshred chrome is 80px, the sticky-header sites are 65.
+
+   A class plus custom properties lets the cascade do the work: \`vh\` is the floor and \`dvh\`
+   an upgrade where it exists, while the two measured values stay *lengths*, never a height.
+   That distinction is the whole prerender contract. The host sites snapshot \`/explore\` by
+   loading the built SPA in headless Chromium and writing the POST-HYDRATION DOM to
+   dist/explore/index.html, so every attribute and inline value this component sets after
+   mount IS the static HTML CloudFront serves. A measured pixel *height* would therefore
+   hand every phone the prerender viewport's height until the bundle executes; a measured
+   *offset* is a site-header height, which is the same on every device to within a few
+   pixels, and the height built from it stays viewport-relative on the visitor's own screen.
+
+   --boff-explore-offset  chrome above the pane (measured root top; the prop pre-measure)
+   --boff-explore-inset   the slice of the layout viewport hidden below the visible area \u2014
+                          the on-screen keyboard, which \`dvh\` does not track. Zero unless
+                          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 } });
@@ -2639,6 +2733,8 @@ var CAPABILITIES = [
     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",
@@ -2654,6 +2750,28 @@ 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 clamp(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("//");
 }
@@ -2677,6 +2795,93 @@ function logoUrlOf(url) {
     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 InlineImageScopeContext = createContext(null);
+var InsideLinkContext = createContext(false);
+function AnswerLink(props) {
+  return /* @__PURE__ */ jsx(InsideLinkContext.Provider, { value: true, children: /* @__PURE__ */ jsx(MarkdownLink, { ...props }) });
+}
+var INLINE_IMAGE_FRAME = "relative inline-block max-w-full overflow-hidden rounded-xl border border-border bg-muted align-top shadow-sm";
+function InlineConceptImage({ src, alt }) {
+  const scope = useContext(InlineImageScopeContext);
+  const 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,
+          ")"
+        ] })
+      ]
+    }
+  ) });
+}
+var ANSWER_MARKDOWN_COMPONENTS = {
+  a: AnswerLink,
+  img: InlineConceptImage
+};
 function ReferenceCard({
   reference,
   onFollow
@@ -2859,6 +3064,7 @@ function AssistantBubble({
   strings: T,
   message,
   activity,
+  imageOrigins,
   onNavigate,
   anchorRef,
   onFollow,
@@ -2867,6 +3073,25 @@ function AssistantBubble({
   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 [failedImages, setFailedImages] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const markImageFailed = useCallback((src) => {
+    setFailedImages(
+      (current) => current.has(src) ? current : new Set(current).add(src)
+    );
+  }, []);
+  const imageScope = useMemo(
+    () => ({
+      strings: T,
+      enabled: completed,
+      origins: imageOrigins,
+      failed: failedImages,
+      onFailed: markImageFailed
+    }),
+    [T, completed, imageOrigins, failedImages, markImageFailed]
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2913,7 +3138,7 @@ function AssistantBubble({
             }
           ) : null,
           body ? /* @__PURE__ */ jsxs("div", { className: "rounded-2xl rounded-tl-md border border-border bg-card px-4 py-3 shadow-sm", children: [
-            /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm boff-explore-body min-w-0 text-card-foreground", children: /* @__PURE__ */ jsx(Markdown, { children: body }) }),
+            /* @__PURE__ */ jsx("div", { className: "boff-prose boff-prose-sm boff-explore-body min-w-0 text-card-foreground", children: /* @__PURE__ */ jsx(InlineImageScopeContext.Provider, { value: imageScope, children: /* @__PURE__ */ jsx(Markdown, { components: ANSWER_MARKDOWN_COMPONENTS, children: body }) }) }),
             streaming ? /* @__PURE__ */ jsx("span", { className: "boff-explore-caret", "aria-hidden": "true" }) : null
           ] }) : null,
           streaming ? /* @__PURE__ */ jsx(ThinkingIndicator, { activity }) : null,
@@ -3395,6 +3620,8 @@ function ExplorePage({
   const pickQueueRef = useRef(Promise.resolve());
   const [shareLabel, setShareLabel] = useState(T.share);
   const [shareUrl, setShareUrl] = useState(null);
+  const rootRef = useRef(null);
+  const composerRef = useRef(null);
   const scrollRef = useRef(null);
   const latestAssistantRef = useRef(null);
   const alignedForRef = useRef(null);
@@ -3412,17 +3639,206 @@ function ExplorePage({
     () => catalog.products.find((p) => p.slug === focusProduct)?.name ?? null,
     [catalog.products, focusProduct]
   );
+  const imageOrigins = useMemo(
+    () => inlineImageOrigins(catalog.products),
+    [catalog.products]
+  );
   useEffect(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
     el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
   }, [draft]);
+  const [paneOffset, setPaneOffset] = useState(null);
+  const [bottomInset, setBottomInset] = useState(0);
+  const paneOffsetRef = useRef(0);
+  const measurePane = useCallback(() => {
+    if (heightMode !== "viewport") return;
+    const el = rootRef.current;
+    if (!el) return;
+    const layoutHeight = window.innerHeight;
+    if (layoutHeight === 0) return;
+    const top = Math.round(
+      clamp(el.getBoundingClientRect().top, 0, layoutHeight)
+    );
+    const viewport = window.visualViewport;
+    const inset = viewport ? Math.round(
+      clamp(
+        layoutHeight - viewport.height - viewport.offsetTop,
+        0,
+        layoutHeight
+      )
+    ) : 0;
+    paneOffsetRef.current = top;
+    setPaneOffset((current) => current === top ? current : top);
+    setBottomInset((current) => current === inset ? current : inset);
+  }, [heightMode]);
+  const [chromeOverlap, setChromeOverlap] = useState(0);
+  const measureChrome = useCallback(() => {
+    const root = rootRef.current;
+    const dock = composerRef.current;
+    if (!root || !dock) return;
+    if (typeof document.elementFromPoint !== "function") return;
+    const viewportHeight = visualViewportHeight();
+    const rect = dock.getBoundingClientRect();
+    if (rect.width === 0 || viewportHeight === 0) return;
+    if (rect.bottom <= 0 || rect.top >= viewportHeight) return;
+    const edge = Math.min(rect.bottom, viewportHeight);
+    const hit = document.elementFromPoint(rect.left + rect.width / 2, edge - 1);
+    if (!hit || isOwnElement(hit, root)) {
+      setChromeOverlap(0);
+      return;
+    }
+    const overlap = Math.round(edge - hit.getBoundingClientRect().top);
+    setChromeOverlap(overlap > 0 && overlap < viewportHeight ? overlap : 0);
+  }, []);
+  const remeasure = useCallback(() => {
+    measurePane();
+    measureChrome();
+  }, [measurePane, measureChrome]);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    let frame = 0;
+    const run = () => {
+      frame = 0;
+      remeasure();
+    };
+    const schedule = () => {
+      if (frame) return;
+      if (typeof window.requestAnimationFrame !== "function") {
+        remeasure();
+        return;
+      }
+      frame = window.requestAnimationFrame(run);
+    };
+    remeasure();
+    const viewport = window.visualViewport;
+    window.addEventListener("resize", schedule);
+    window.addEventListener("orientationchange", schedule);
+    viewport?.addEventListener("resize", schedule);
+    viewport?.addEventListener("scroll", schedule);
+    const observer = typeof MutationObserver === "function" ? new MutationObserver((records) => {
+      const el = rootRef.current;
+      if (el && records.every((record) => el.contains(record.target)))
+        return;
+      schedule();
+    }) : null;
+    observer?.observe(document.body, { childList: true, subtree: true });
+    return () => {
+      if (frame) window.cancelAnimationFrame(frame);
+      window.removeEventListener("resize", schedule);
+      window.removeEventListener("orientationchange", schedule);
+      viewport?.removeEventListener("resize", schedule);
+      viewport?.removeEventListener("scroll", schedule);
+      observer?.disconnect();
+      setPaneOffset(null);
+      setBottomInset(0);
+      setChromeOverlap(0);
+    };
+  }, [remeasure]);
+  useEffect(() => {
+    measureChrome();
+  }, [measureChrome, paneOffset, bottomInset]);
+  useEffect(() => {
+    if (heightMode !== "viewport" || typeof window === "undefined") return;
+    const { history: browserHistory } = window;
+    const previousRestoration = "scrollRestoration" in browserHistory ? browserHistory.scrollRestoration : null;
+    if (previousRestoration !== null)
+      browserHistory.scrollRestoration = "manual";
+    let frame = 0;
+    let visitorMoved = false;
+    const onVisitorMove = () => {
+      visitorMoved = true;
+    };
+    const align = () => {
+      if (visitorMoved) return;
+      const el = rootRef.current;
+      if (!el) return;
+      const viewportHeight = visualViewportHeight();
+      const rect = el.getBoundingClientRect();
+      if (rect.height === 0 || viewportHeight === 0) return;
+      const visible = Math.min(rect.bottom, viewportHeight) - Math.max(rect.top, 0);
+      const reachable = Math.min(rect.height, viewportHeight);
+      if (visible >= reachable * MIN_VISIBLE_FRACTION) return;
+      window.scrollTo({
+        top: Math.max(0, window.scrollY + rect.top),
+        left: window.scrollX,
+        behavior: "auto"
+      });
+      if (typeof document.elementFromPoint === "function") {
+        const probe = document.elementFromPoint(
+          Math.max(0, rect.left + rect.width / 2),
+          1
+        );
+        if (probe && !isOwnElement(probe, el)) {
+          const chrome = probe.getBoundingClientRect().bottom;
+          if (chrome > 0 && chrome < viewportHeight / 2) {
+            window.scrollBy({ top: -chrome, left: 0, behavior: "auto" });
+          }
+        }
+      }
+      remeasure();
+    };
+    const alignIfRestored = () => {
+      if (!isRestoredNavigation()) return;
+      align();
+    };
+    alignIfRestored();
+    if (typeof window.requestAnimationFrame === "function") {
+      frame = window.requestAnimationFrame(alignIfRestored);
+    }
+    const onPageShow = (event) => {
+      if (!event.persisted) {
+        alignIfRestored();
+        return;
+      }
+      visitorMoved = false;
+      align();
+    };
+    window.addEventListener("pageshow", onPageShow);
+    window.addEventListener("wheel", onVisitorMove, { passive: true });
+    window.addEventListener("touchmove", onVisitorMove, { passive: true });
+    window.addEventListener("keydown", onVisitorMove, { passive: true });
+    return () => {
+      if (frame) window.cancelAnimationFrame(frame);
+      window.removeEventListener("pageshow", onPageShow);
+      window.removeEventListener("wheel", onVisitorMove);
+      window.removeEventListener("touchmove", onVisitorMove);
+      window.removeEventListener("keydown", onVisitorMove);
+      if (previousRestoration !== null)
+        browserHistory.scrollRestoration = previousRestoration;
+    };
+  }, [heightMode, remeasure]);
   const handleScroll = useCallback(() => {
     const el = scrollRef.current;
     if (!el) return;
     stickToBottomRef.current = el.scrollHeight - el.scrollTop - el.clientHeight < 80;
   }, []);
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+    let frame = 0;
+    const run = () => {
+      frame = 0;
+      const el = scrollRef.current;
+      const dock = composerRef.current;
+      if (!el || !dock) return;
+      if (!pageOwnsScrolling(el)) return;
+      stickToBottomRef.current = dock.getBoundingClientRect().bottom - visualViewportHeight() < 80;
+    };
+    const schedule = () => {
+      if (frame) return;
+      if (typeof window.requestAnimationFrame !== "function") {
+        run();
+        return;
+      }
+      frame = window.requestAnimationFrame(run);
+    };
+    window.addEventListener("scroll", schedule, { passive: true });
+    return () => {
+      if (frame) window.cancelAnimationFrame(frame);
+      window.removeEventListener("scroll", schedule);
+    };
+  }, []);
   const latestAssistantId = useMemo(() => {
     for (let i = messages.length - 1; i >= 0; i -= 1) {
       const message = messages[i];
@@ -3438,16 +3854,32 @@ function ExplorePage({
     if (!stickToBottomRef.current) return;
     if (anchor.offsetHeight === 0) return;
     alignedForRef.current = latestAssistantId;
-    const delta = anchor.getBoundingClientRect().top - el.getBoundingClientRect().top;
-    el.scrollTop = Math.max(0, el.scrollTop + delta - 12);
+    if (!pageOwnsScrolling(el)) {
+      const delta2 = anchor.getBoundingClientRect().top - el.getBoundingClientRect().top;
+      el.scrollTop = Math.max(0, el.scrollTop + delta2 - 12);
+      return;
+    }
+    const delta = Math.round(
+      anchor.getBoundingClientRect().top - paneOffsetRef.current - 12
+    );
+    if (delta !== 0) window.scrollBy({ top: delta, left: 0, behavior: "auto" });
   }, [latestAssistantId, messages]);
   useEffect(() => {
+    if (messages.length === 0) return;
     if (!stickToBottomRef.current) return;
     if (latestAssistantId && alignedForRef.current === latestAssistantId)
       return;
     const el = scrollRef.current;
     if (!el) return;
-    el.scrollTop = el.scrollHeight;
+    if (!pageOwnsScrolling(el)) {
+      el.scrollTop = el.scrollHeight;
+      return;
+    }
+    const dock = composerRef.current ?? el;
+    const delta = Math.round(
+      dock.getBoundingClientRect().bottom - visualViewportHeight()
+    );
+    if (delta > 0) window.scrollBy({ top: delta, left: 0, behavior: "auto" });
   }, [activity, latestAssistantId, messages]);
   const handleShare = useCallback(async () => {
     setShareLabel(T.copying);
@@ -3545,16 +3977,27 @@ function ExplorePage({
   const captchaOn = Boolean(
     catalog.captchaRequired && catalog.recaptchaSiteKey
   );
-  const rootStyle = heightMode === "viewport" ? { height: `calc(100dvh - ${normalizeOffset(viewportOffset)})` } : void 0;
+  const rootStyle = {};
+  if (heightMode === "viewport") {
+    rootStyle["--boff-explore-offset"] = paneOffset === null ? normalizeOffset(viewportOffset) : `${paneOffset}px`;
+    if (bottomInset > 0) {
+      rootStyle["--boff-explore-inset"] = `${bottomInset}px`;
+    }
+  }
+  if (chromeOverlap > 0) {
+    rootStyle["--boff-explore-chrome"] = `${chromeOverlap}px`;
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref: rootRef,
       "data-boff-explore": "page",
       "data-phase": phase,
       "data-locale": activeLocale,
       dir: rtl ? "rtl" : void 0,
       className: cn(
         "flex w-full min-w-0 flex-col overflow-x-hidden bg-background text-foreground",
+        heightMode === "viewport" && "boff-explore-viewport",
         heightMode === "auto" && "min-h-[70vh]",
         className
       ),
@@ -3742,6 +4185,7 @@ function ExplorePage({
                   strings: T,
                   message,
                   activity,
+                  imageOrigins,
                   onNavigate,
                   anchorRef: message.id === latestAssistantId ? latestAssistantRef : void 0,
                   onFollow: (kind, url) => recordClick(message.id, kind, url),
@@ -3787,254 +4231,262 @@ function ExplorePage({
             ]
           }
         ) : null,
-        /* @__PURE__ */ jsx("div", { className: "border-t border-border bg-background/85 px-4 pb-[max(1rem,env(safe-area-inset-bottom))] pt-3 backdrop-blur-md", children: /* @__PURE__ */ jsxs(
-          "form",
+        /* @__PURE__ */ jsx(
+          "div",
           {
-            "data-boff-explore": "composer",
-            className: "mx-auto w-full max-w-3xl",
-            onSubmit: (event) => {
-              event.preventDefault();
-              submitDraft();
-            },
-            children: [
-              error ? /* @__PURE__ */ jsx(ErrorBanner, { error, onRetry: retry, onReset: reset }) : null,
-              staged.length > 0 ? /* @__PURE__ */ jsx(
-                "ul",
-                {
-                  "data-boff-explore": "attachments",
-                  className: "mb-2 flex flex-wrap gap-1.5",
-                  "aria-label": T.attach,
-                  children: staged.map((entry) => /* @__PURE__ */ jsxs(
-                    "li",
+            ref: composerRef,
+            "data-boff-explore": "composer-dock",
+            className: "boff-explore-composer border-t border-border bg-background/85 px-4 pt-3 backdrop-blur-md",
+            children: /* @__PURE__ */ jsxs(
+              "form",
+              {
+                "data-boff-explore": "composer",
+                className: "mx-auto w-full max-w-3xl",
+                onSubmit: (event) => {
+                  event.preventDefault();
+                  submitDraft();
+                },
+                children: [
+                  error ? /* @__PURE__ */ jsx(ErrorBanner, { error, onRetry: retry, onReset: reset }) : null,
+                  staged.length > 0 ? /* @__PURE__ */ jsx(
+                    "ul",
                     {
-                      "data-boff-explore": "attachment",
-                      "data-text-extracted": entry.textExtracted ? "true" : "false",
-                      className: "flex max-w-full items-center gap-1.5 rounded-full border border-border bg-muted/60 py-1 pl-2.5 pr-1 text-xs",
+                      "data-boff-explore": "attachments",
+                      className: "mb-2 flex flex-wrap gap-1.5",
+                      "aria-label": T.attach,
+                      children: staged.map((entry) => /* @__PURE__ */ jsxs(
+                        "li",
+                        {
+                          "data-boff-explore": "attachment",
+                          "data-text-extracted": entry.textExtracted ? "true" : "false",
+                          className: "flex max-w-full items-center gap-1.5 rounded-full border border-border bg-muted/60 py-1 pl-2.5 pr-1 text-xs",
+                          children: [
+                            /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3 shrink-0 text-muted-foreground" }),
+                            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", title: entry.name, children: entry.name }),
+                            /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-muted-foreground", children: [
+                              formatBytes(entry.size),
+                              entry.textExtracted ? "" : ` \xB7 ${T.attachmentNameOnly}`
+                            ] }),
+                            /* @__PURE__ */ jsx(
+                              "button",
+                              {
+                                type: "button",
+                                "data-boff-explore": "attachment-remove",
+                                onClick: () => removeAttachment(entry.id),
+                                "aria-label": fill(T.removeAttachment, { name: entry.name }),
+                                className: "ml-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-background hover:text-foreground",
+                                children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                              }
+                            )
+                          ]
+                        },
+                        entry.id
+                      ))
+                    }
+                  ) : null,
+                  attachmentNotice !== null ? /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      "data-boff-explore": "attachment-notice",
+                      role: "status",
+                      className: "mb-2 text-xs text-destructive",
+                      children: attachmentNotice
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      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"
+                      ),
                       children: [
-                        /* @__PURE__ */ jsx(Paperclip, { className: "h-3 w-3 shrink-0 text-muted-foreground" }),
-                        /* @__PURE__ */ jsx("span", { className: "truncate font-medium", title: entry.name, children: entry.name }),
-                        /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-muted-foreground", children: [
-                          formatBytes(entry.size),
-                          entry.textExtracted ? "" : ` \xB7 ${T.attachmentNameOnly}`
-                        ] }),
                         /* @__PURE__ */ jsx(
-                          "button",
+                          Textarea,
+                          {
+                            ref: textareaRef,
+                            value: draft,
+                            rows: 1,
+                            disabled: composerDisabled,
+                            onChange: (event) => setDraft(event.target.value),
+                            onKeyDown: handleKeyDown,
+                            onCompositionStart: () => {
+                              composingRef.current = true;
+                            },
+                            onCompositionEnd: () => {
+                              composingRef.current = false;
+                            },
+                            "aria-label": "Ask a question",
+                            placeholder: composerDisabled ? phase === "limited" ? "Message limit reached \u2014 please try again later" : "Explore is unavailable right now" : focusedProductName ? fill(T.placeholderProduct, {
+                              product: focusedProductName
+                            }) : T.placeholder,
+                            className: "max-h-[200px] min-h-[44px] w-full min-w-0 flex-1 resize-none border-0 bg-transparent px-2 py-2.5 text-base shadow-none focus-visible:ring-0 sm:text-sm"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            ref: fileInputRef,
+                            type: "file",
+                            multiple: true,
+                            className: "hidden",
+                            onChange: (event) => {
+                              void handleFilesPicked(event.target.files);
+                              event.target.value = "";
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            "data-boff-explore": "attach",
+                            type: "button",
+                            size: "icon",
+                            variant: "ghost",
+                            disabled: composerDisabled || staged.length >= MAX_ATTACHMENTS,
+                            "aria-label": T.attach,
+                            title: `${T.attach} \u2014 ${fill(T.attachHint, {
+                              max: String(MAX_ATTACHMENTS),
+                              size: String(MAX_ATTACHMENT_BYTES / (1024 * 1024))
+                            })}`,
+                            onClick: () => fileInputRef.current?.click(),
+                            children: /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" })
+                          }
+                        ),
+                        speech.supported ? /* @__PURE__ */ jsx(
+                          Button,
                           {
+                            "data-boff-explore": "mic",
+                            "data-listening": speech.listening ? "true" : "false",
                             type: "button",
-                            "data-boff-explore": "attachment-remove",
-                            onClick: () => removeAttachment(entry.id),
-                            "aria-label": fill(T.removeAttachment, { name: entry.name }),
-                            className: "ml-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-background hover:text-foreground",
-                            children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                            size: "icon",
+                            variant: speech.listening ? "default" : "ghost",
+                            disabled: composerDisabled,
+                            "aria-label": speech.listening ? T.stopDictating : T.dictate,
+                            "aria-pressed": speech.listening,
+                            title: speech.listening ? T.stopDictating : T.dictate,
+                            onClick: speech.toggle,
+                            className: cn(speech.listening && "animate-pulse"),
+                            children: /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" })
+                          }
+                        ) : null,
+                        busy ? /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            "data-boff-explore": "stop",
+                            type: "button",
+                            size: "icon",
+                            variant: "secondary",
+                            "aria-label": T.stop,
+                            onClick: stop,
+                            children: /* @__PURE__ */ jsx(Square, { className: "h-4 w-4" })
+                          }
+                        ) : /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            "data-boff-explore": "send",
+                            type: "submit",
+                            size: "icon",
+                            disabled: !canSubmit,
+                            "aria-label": T.send,
+                            children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" })
                           }
                         )
                       ]
-                    },
-                    entry.id
-                  ))
-                }
-              ) : null,
-              attachmentNotice !== null ? /* @__PURE__ */ jsx(
-                "p",
-                {
-                  "data-boff-explore": "attachment-notice",
-                  role: "status",
-                  className: "mb-2 text-xs text-destructive",
-                  children: attachmentNotice
-                }
-              ) : null,
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  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"
+                    }
                   ),
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      Textarea,
+                  speech.listening || speech.interim !== "" ? /* @__PURE__ */ jsxs(
+                    "p",
+                    {
+                      "data-boff-explore": "dictation",
+                      className: "mt-2 flex items-center gap-2 text-xs text-muted-foreground",
+                      "aria-live": "polite",
+                      children: [
+                        /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2 shrink-0", children: [
+                          /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-75" }),
+                          /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-primary" })
+                        ] }),
+                        /* @__PURE__ */ jsx("span", { className: "italic", children: speech.interim !== "" ? speech.interim : "Listening\u2026" })
+                      ]
+                    }
+                  ) : null,
+                  speech.error !== null ? /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      "data-boff-explore": "dictation-error",
+                      className: "mt-2 text-xs text-destructive",
+                      children: speech.error
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Enter to send \xB7 Shift + Enter for a new line" }),
+                    remainingToday !== null ? /* @__PURE__ */ jsxs("span", { "data-boff-explore": "remaining", children: [
+                      remainingToday,
+                      " message",
+                      remainingToday === 1 ? "" : "s",
+                      " left today"
+                    ] }) : null,
+                    /* @__PURE__ */ jsxs(
+                      "span",
                       {
-                        ref: textareaRef,
-                        value: draft,
-                        rows: 1,
-                        disabled: composerDisabled,
-                        onChange: (event) => setDraft(event.target.value),
-                        onKeyDown: handleKeyDown,
-                        onCompositionStart: () => {
-                          composingRef.current = true;
-                        },
-                        onCompositionEnd: () => {
-                          composingRef.current = false;
-                        },
-                        "aria-label": "Ask a question",
-                        placeholder: composerDisabled ? phase === "limited" ? "Message limit reached \u2014 please try again later" : "Explore is unavailable right now" : focusedProductName ? fill(T.placeholderProduct, {
-                          product: focusedProductName
-                        }) : T.placeholder,
-                        className: "max-h-[200px] min-h-[44px] w-full min-w-0 flex-1 resize-none border-0 bg-transparent px-2 py-2.5 text-base shadow-none focus-visible:ring-0 sm:text-sm"
+                        className: cn(
+                          "ml-auto tabular-nums",
+                          overLimit && "font-medium text-destructive"
+                        ),
+                        children: [
+                          draft.length.toLocaleString(),
+                          " / ",
+                          maxLength.toLocaleString()
+                        ]
                       }
-                    ),
+                    )
+                  ] }),
+                  shareUrl ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
                     /* @__PURE__ */ jsx(
                       "input",
                       {
-                        ref: fileInputRef,
-                        type: "file",
-                        multiple: true,
-                        className: "hidden",
-                        onChange: (event) => {
-                          void handleFilesPicked(event.target.files);
-                          event.target.value = "";
-                        }
+                        "data-boff-explore": "share-url",
+                        readOnly: true,
+                        value: shareUrl,
+                        "aria-label": "Read-only link to this conversation",
+                        onFocus: (event) => event.currentTarget.select(),
+                        className: "min-w-0 flex-1 rounded-md border border-border bg-muted px-2 py-1 text-xs text-muted-foreground"
                       }
                     ),
                     /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        "data-boff-explore": "attach",
-                        type: "button",
-                        size: "icon",
-                        variant: "ghost",
-                        disabled: composerDisabled || staged.length >= MAX_ATTACHMENTS,
-                        "aria-label": T.attach,
-                        title: `${T.attach} \u2014 ${fill(T.attachHint, {
-                          max: String(MAX_ATTACHMENTS),
-                          size: String(MAX_ATTACHMENT_BYTES / (1024 * 1024))
-                        })}`,
-                        onClick: () => fileInputRef.current?.click(),
-                        children: /* @__PURE__ */ jsx(Paperclip, { className: "h-4 w-4" })
-                      }
-                    ),
-                    speech.supported ? /* @__PURE__ */ jsx(
-                      Button,
+                      "button",
                       {
-                        "data-boff-explore": "mic",
-                        "data-listening": speech.listening ? "true" : "false",
                         type: "button",
-                        size: "icon",
-                        variant: speech.listening ? "default" : "ghost",
-                        disabled: composerDisabled,
-                        "aria-label": speech.listening ? T.stopDictating : T.dictate,
-                        "aria-pressed": speech.listening,
-                        title: speech.listening ? T.stopDictating : T.dictate,
-                        onClick: speech.toggle,
-                        className: cn(speech.listening && "animate-pulse"),
-                        children: /* @__PURE__ */ jsx(Mic, { className: "h-4 w-4" })
+                        className: "shrink-0 text-xs underline underline-offset-2",
+                        onClick: () => setShareUrl(null),
+                        children: "Done"
                       }
-                    ) : null,
-                    busy ? /* @__PURE__ */ jsx(
-                      Button,
+                    )
+                  ] }) : null,
+                  /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: T.disclaimerShort }),
+                    /* @__PURE__ */ jsx(
+                      "button",
                       {
-                        "data-boff-explore": "stop",
                         type: "button",
-                        size: "icon",
-                        variant: "secondary",
-                        "aria-label": T.stop,
-                        onClick: stop,
-                        children: /* @__PURE__ */ jsx(Square, { className: "h-4 w-4" })
-                      }
-                    ) : /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        "data-boff-explore": "send",
-                        type: "submit",
-                        size: "icon",
-                        disabled: !canSubmit,
-                        "aria-label": T.send,
-                        children: /* @__PURE__ */ jsx(ArrowUp, { className: "h-4 w-4" })
+                        "data-boff-explore": "disclaimer",
+                        onClick: () => setDisclaimerOpen(true),
+                        className: "shrink-0 underline underline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+                        children: T.disclaimer
                       }
                     )
-                  ]
-                }
-              ),
-              speech.listening || speech.interim !== "" ? /* @__PURE__ */ jsxs(
-                "p",
-                {
-                  "data-boff-explore": "dictation",
-                  className: "mt-2 flex items-center gap-2 text-xs text-muted-foreground",
-                  "aria-live": "polite",
-                  children: [
-                    /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2 shrink-0", children: [
-                      /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary opacity-75" }),
-                      /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-primary" })
-                    ] }),
-                    /* @__PURE__ */ jsx("span", { className: "italic", children: speech.interim !== "" ? speech.interim : "Listening\u2026" })
-                  ]
-                }
-              ) : null,
-              speech.error !== null ? /* @__PURE__ */ jsx(
-                "p",
-                {
-                  "data-boff-explore": "dictation-error",
-                  className: "mt-2 text-xs text-destructive",
-                  children: speech.error
-                }
-              ) : null,
-              /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Enter to send \xB7 Shift + Enter for a new line" }),
-                remainingToday !== null ? /* @__PURE__ */ jsxs("span", { "data-boff-explore": "remaining", children: [
-                  remainingToday,
-                  " message",
-                  remainingToday === 1 ? "" : "s",
-                  " left today"
-                ] }) : null,
-                /* @__PURE__ */ jsxs(
-                  "span",
-                  {
-                    className: cn(
-                      "ml-auto tabular-nums",
-                      overLimit && "font-medium text-destructive"
-                    ),
-                    children: [
-                      draft.length.toLocaleString(),
-                      " / ",
-                      maxLength.toLocaleString()
-                    ]
-                  }
-                )
-              ] }),
-              shareUrl ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    "data-boff-explore": "share-url",
-                    readOnly: true,
-                    value: shareUrl,
-                    "aria-label": "Read-only link to this conversation",
-                    onFocus: (event) => event.currentTarget.select(),
-                    className: "min-w-0 flex-1 rounded-md border border-border bg-muted px-2 py-1 text-xs text-muted-foreground"
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "shrink-0 text-xs underline underline-offset-2",
-                    onClick: () => setShareUrl(null),
-                    children: "Done"
-                  }
-                )
-              ] }) : null,
-              /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: T.disclaimerShort }),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    "data-boff-explore": "disclaimer",
-                    onClick: () => setDisclaimerOpen(true),
-                    className: "shrink-0 underline underline-offset-2 transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-                    children: T.disclaimer
-                  }
-                )
-              ] })
-            ]
+                  ] })
+                ]
+              }
+            )
           }
-        ) })
+        )
       ]
     }
   );
 }
 
-export { ExplorePage, logoUrlOf };
+export { ExplorePage, inlineImageOrigins, isInlineImageAllowed, logoUrlOf };
 //# sourceMappingURL=explore.mjs.map
 //# sourceMappingURL=explore.mjs.map