@bikdotai/bik-component-library 0.0.862 → 0.0.863-beta.1

package/dist/esm/components/bik-copilot/CopilotPanel.js

@@ -0,0 +1,379 @@
+import { jsxs as r, jsx as t, Fragment as ke } from "react/jsx-runtime";
+import g from "../../assets/icons/bik_ai_stars_icon.svg.js";
+import Ie from "../../assets/icons/cross.svg.js";
+import Te from "../../assets/icons/refresh.svg.js";
+import be, { useState as m, useRef as a, useEffect as L } from "react";
+import { COLORS as h } from "../../constants/Theme.js";
+import { renderMarkdownLite as Se } from "../bik-chatbot/utils/markdown.js";
+import { TitleSmall as xe, BodyCaption as q, BodySecondary as Ae } from "../TypographyStyle.js";
+import { PanelContainer as Me, PanelHeader as Be, HeaderAvatar as Le, HeaderText as Ee, HeaderTitleRow as Fe, HeaderBadge as Re, HeaderActions as _e, IconAction as Q, MessagesViewport as He, MessagesArea as Pe, EmptyState as We, EmptyStateIcon as je, SuggestionList as Oe, SuggestionChip as $e, HistoryLoader as Ne, MessageBubble as Ue, InterruptedNote as Ve, MessageActions as Ke, MessageAction as Xe, FollowUpList as ze, FollowUpsLabel as De, FollowUpChip as Je, ThinkingBubble as Ge, ThinkingLabel as qe, ScrollFade as Qe, JumpToLatestButton as Ye, ErrorBanner as Ze, InputArea as et, InputWrapper as tt, MessageInput as rt, SendButton as ot, Disclaimer as nt } from "./CopilotPanel.styled.js";
+import { DotPulse as Y } from "../dot-pulse/DotPulse.js";
+const it = 96, lt = 24, ct = 1800, at = async (i) => {
+  try {
+    if (navigator.clipboard?.writeText)
+      return await navigator.clipboard.writeText(i), !0;
+  } catch {
+  }
+  try {
+    const o = document.createElement("textarea");
+    o.value = i, o.setAttribute("readonly", ""), o.style.position = "fixed", o.style.top = "-1000px", o.style.opacity = "0", document.body.appendChild(o), o.select();
+    const y = document.execCommand("copy");
+    return document.body.removeChild(o), y;
+  } catch {
+    return !1;
+  }
+}, dt = 48, st = () => /* @__PURE__ */ r(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: "16",
+    height: "16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ t("path", { d: "M12 19V5" }),
+      /* @__PURE__ */ t("path", { d: "M6 11l6-6 6 6" })
+    ]
+  }
+), ht = () => /* @__PURE__ */ r(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: "14",
+    height: "14",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ t("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ t("path", { d: "M13 6l6 6-6 6" })
+    ]
+  }
+), Z = ({ size: i = 16 }) => /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: i,
+    height: i,
+    fill: "currentColor",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("rect", { x: "7", y: "7", width: "10", height: "10", rx: "2" })
+  }
+), ut = () => /* @__PURE__ */ r(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: "14",
+    height: "14",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.8",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ t("rect", { x: "9", y: "9", width: "11", height: "11", rx: "2" }),
+      /* @__PURE__ */ t("path", { d: "M15 5.5A1.5 1.5 0 0 0 13.5 4H5.5A1.5 1.5 0 0 0 4 5.5v8A1.5 1.5 0 0 0 5.5 15" })
+    ]
+  }
+), pt = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: "14",
+    height: "14",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("path", { d: "M5 13l4 4L19 7" })
+  }
+), ft = () => /* @__PURE__ */ t(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: "14",
+    height: "14",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ t("path", { d: "M6 9l6 6 6-6" })
+  }
+), St = ({
+  messages: i,
+  onSend: o,
+  onClose: y,
+  title: C = "Copilot",
+  badge: E,
+  subtitle: F,
+  avatar: ee,
+  placeholder: te = "Write your message...",
+  disclaimer: R = "AI can make mistakes, Verify the responses.",
+  emptyStateTitle: re,
+  emptyStateSubtitle: _ = "Here are some things you can try",
+  suggestions: v,
+  onSuggestionClick: oe,
+  showRefresh: ne = !0,
+  onRefresh: H,
+  isThinking: u = !1,
+  thinkingLabel: P = "Thinking",
+  isStreaming: ie = !1,
+  onStop: W,
+  interruptedLabel: j = "This message was interrupted",
+  followUpsLabel: O = "Follow ups",
+  hasMoreHistory: le = !1,
+  isLoadingHistory: p = !1,
+  onLoadOlderMessages: $,
+  historyLoadingLabel: ce = "Loading earlier messages",
+  inputDisabled: l = !1,
+  errorMessage: N,
+  width: ae,
+  height: de,
+  className: se,
+  style: he
+}) => {
+  const [k, U] = m(""), [ue, V] = m(!1), [I, T] = m(!0), [f, K] = m(null), X = a(null), d = a(null), b = a(null), S = a(null), x = a(0), A = a(null), w = i.filter(
+    (e) => e.content.length > 0 || e.wasInterrupted
+  ), z = w.length === 0 && !u, c = u || ie, D = !l && !c && k.trim().length > 0, s = c && !!W, J = w[w.length - 1], M = !c && J?.role === "assistant" ? J.followUps : void 0, B = !z && !I;
+  L(() => {
+    I && b.current?.scrollIntoView({ behavior: "smooth" });
+  }, [i, u, I]), L(() => {
+    const e = S.current, n = A.current;
+    !e || n === null || p || (A.current = null, e.scrollTop = e.scrollHeight - n, x.current = e.scrollTop);
+  }, [i, p]);
+  const pe = () => {
+    const e = S.current;
+    if (!e)
+      return;
+    const n = e.scrollHeight - e.scrollTop - e.clientHeight;
+    e.scrollTop <= dt && le && !p && $ && (A.current = e.scrollHeight - e.scrollTop, $());
+    const ve = e.scrollTop < x.current - 1;
+    if (x.current = e.scrollTop, n <= lt) {
+      T(!0);
+      return;
+    }
+    ve && T(!1);
+  }, fe = () => {
+    T(!0), b.current?.scrollIntoView({ behavior: "smooth" });
+  };
+  L(
+    () => () => {
+      d.current && window.clearTimeout(d.current);
+    },
+    []
+  );
+  const we = async (e) => {
+    await at(e.content) && (d.current && window.clearTimeout(d.current), K(e.id), d.current = window.setTimeout(
+      () => K(null),
+      ct
+    ));
+  }, G = () => {
+    const e = k.trim();
+    if (!e || l || c)
+      return;
+    o(e), U("");
+    const n = X.current;
+    n && (n.style.height = "auto");
+  }, ge = (e) => {
+    U(e.target.value);
+    const n = e.target;
+    n.style.height = "auto", n.style.height = `${Math.min(
+      n.scrollHeight,
+      it
+    )}px`;
+  }, me = (e) => {
+    e.key === "Enter" && !e.shiftKey && (e.preventDefault(), G());
+  }, ye = (e) => {
+    l || c || (oe?.(e), o(e.text));
+  }, Ce = (e) => {
+    l || c || o(e);
+  };
+  return /* @__PURE__ */ r(
+    Me,
+    {
+      className: se,
+      style: { width: ae, height: de, ...he },
+      role: "dialog",
+      "aria-label": C,
+      children: [
+        /* @__PURE__ */ r(Be, { children: [
+          /* @__PURE__ */ t(Le, { children: ee ?? /* @__PURE__ */ t(g, { width: 18, height: 18 }) }),
+          /* @__PURE__ */ r(Ee, { children: [
+            /* @__PURE__ */ r(Fe, { children: [
+              /* @__PURE__ */ t(xe, { children: C }),
+              E && /* @__PURE__ */ t(Re, { children: E })
+            ] }),
+            F && /* @__PURE__ */ t(q, { color: h.content.secondary, children: F })
+          ] }),
+          /* @__PURE__ */ r(_e, { children: [
+            ne && H && /* @__PURE__ */ t(
+              Q,
+              {
+                type: "button",
+                onClick: H,
+                "aria-label": "Start a new conversation",
+                children: /* @__PURE__ */ t(Te, { width: 16, height: 16 })
+              }
+            ),
+            /* @__PURE__ */ t(
+              Q,
+              {
+                type: "button",
+                onClick: y,
+                "aria-label": "Close copilot",
+                children: /* @__PURE__ */ t(Ie, { width: 18, height: 18 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r(He, { children: [
+          /* @__PURE__ */ t(
+            Pe,
+            {
+              ref: S,
+              onScroll: pe,
+              role: "region",
+              "aria-label": "Conversation",
+              children: z ? /* @__PURE__ */ r(We, { children: [
+                /* @__PURE__ */ t(je, { children: /* @__PURE__ */ t(g, { width: 28, height: 28 }) }),
+                /* @__PURE__ */ t(Ae, { style: { fontWeight: 600 }, children: re || C }),
+                _ && /* @__PURE__ */ t(q, { color: h.content.secondary, children: _ }),
+                v && v.length > 0 && /* @__PURE__ */ t(Oe, { children: v.map((e) => /* @__PURE__ */ r(
+                  $e,
+                  {
+                    type: "button",
+                    disabled: l || c,
+                    onClick: () => ye(e),
+                    children: [
+                      /* @__PURE__ */ t(g, { width: 14, height: 14 }),
+                      e.text
+                    ]
+                  },
+                  e.id
+                )) })
+              ] }) : /* @__PURE__ */ r(ke, { children: [
+                p && /* @__PURE__ */ r(Ne, { role: "status", "aria-live": "polite", children: [
+                  /* @__PURE__ */ t(Y, { color: h.content.placeholder, size: 4 }),
+                  ce
+                ] }),
+                w.map((e) => /* @__PURE__ */ r(be.Fragment, { children: [
+                  e.content.length > 0 && /* @__PURE__ */ t(Ue, { $role: e.role, children: e.role === "assistant" ? /* @__PURE__ */ t(
+                    "div",
+                    {
+                      dangerouslySetInnerHTML: {
+                        __html: Se(e.content)
+                      }
+                    }
+                  ) : /* @__PURE__ */ t("div", { style: { whiteSpace: "pre-wrap" }, children: e.content }) }),
+                  e.wasInterrupted && j && /* @__PURE__ */ r(Ve, { children: [
+                    /* @__PURE__ */ t(Z, { size: 12 }),
+                    j
+                  ] }),
+                  e.role === "assistant" && e.content.length > 0 && !e.isStreaming && /* @__PURE__ */ t(Ke, { children: /* @__PURE__ */ t(
+                    Xe,
+                    {
+                      type: "button",
+                      onClick: () => {
+                        we(e);
+                      },
+                      "data-copied": f === e.id,
+                      title: f === e.id ? "Copied" : "Copy",
+                      "aria-label": f === e.id ? "Response copied to clipboard" : "Copy response",
+                      children: f === e.id ? /* @__PURE__ */ t(pt, {}) : /* @__PURE__ */ t(ut, {})
+                    }
+                  ) })
+                ] }, e.id)),
+                M && M.length > 0 && /* @__PURE__ */ r(ze, { children: [
+                  O && /* @__PURE__ */ t(De, { children: O }),
+                  M.map((e) => /* @__PURE__ */ r(
+                    Je,
+                    {
+                      type: "button",
+                      disabled: l,
+                      onClick: () => Ce(e),
+                      children: [
+                        /* @__PURE__ */ t(ht, {}),
+                        e
+                      ]
+                    },
+                    e
+                  ))
+                ] }),
+                u && /* @__PURE__ */ r(Ge, { role: "status", "aria-live": "polite", children: [
+                  /* @__PURE__ */ t(
+                    g,
+                    {
+                      width: 14,
+                      height: 14,
+                      color: h.content.brand
+                    }
+                  ),
+                  P && /* @__PURE__ */ t(qe, { children: P }),
+                  /* @__PURE__ */ t(Y, { color: h.background.brand, size: 5 })
+                ] }),
+                /* @__PURE__ */ t("div", { ref: b })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ t(Qe, { $visible: B, "aria-hidden": "true" }),
+          /* @__PURE__ */ t(
+            Ye,
+            {
+              type: "button",
+              $visible: B,
+              onClick: fe,
+              tabIndex: B ? 0 : -1,
+              "aria-label": "Scroll to the latest message",
+              children: /* @__PURE__ */ t(ft, {})
+            }
+          )
+        ] }),
+        N && /* @__PURE__ */ t(Ze, { role: "alert", children: N }),
+        /* @__PURE__ */ t(et, { children: /* @__PURE__ */ r(tt, { $focused: ue, children: [
+          /* @__PURE__ */ t(
+            rt,
+            {
+              ref: X,
+              rows: 1,
+              value: k,
+              placeholder: te,
+              disabled: l,
+              onChange: ge,
+              onKeyDown: me,
+              onFocus: () => V(!0),
+              onBlur: () => V(!1)
+            }
+          ),
+          /* @__PURE__ */ t(
+            ot,
+            {
+              type: "button",
+              $active: s || D,
+              disabled: !s && !D,
+              onClick: s ? W : G,
+              "aria-label": s ? "Stop generating" : "Send message",
+              children: s ? /* @__PURE__ */ t(Z, {}) : /* @__PURE__ */ t(st, {})
+            }
+          )
+        ] }) }),
+        R && /* @__PURE__ */ t(nt, { children: R })
+      ]
+    }
+  );
+};
+export {
+  St as CopilotPanel
+};
+//# sourceMappingURL=CopilotPanel.js.map

package/dist/esm/components/bik-copilot/CopilotPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopilotPanel.js","sources":["../../../../src/components/bik-copilot/CopilotPanel.tsx"],"sourcesContent":["import AiStarsIcon from '@src/assets/icons/bik_ai_stars_icon.svg';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport RefreshIcon from '@src/assets/icons/refresh.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { renderMarkdownLite } from '../bik-chatbot/utils/markdown';\nimport { DotPulse } from '../dot-pulse';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport {\n\tDisclaimer,\n\tEmptyState,\n\tEmptyStateIcon,\n\tErrorBanner,\n\tFollowUpChip,\n\tFollowUpList,\n\tFollowUpsLabel,\n\tHeaderActions,\n\tHeaderAvatar,\n\tHeaderBadge,\n\tHeaderText,\n\tHeaderTitleRow,\n\tHistoryLoader,\n\tIconAction,\n\tInputArea,\n\tInputWrapper,\n\tInterruptedNote,\n\tJumpToLatestButton,\n\tMessageAction,\n\tMessageActions,\n\tMessageBubble,\n\tMessageInput,\n\tMessagesArea,\n\tMessagesViewport,\n\tPanelContainer,\n\tPanelHeader,\n\tScrollFade,\n\tSendButton,\n\tSuggestionChip,\n\tSuggestionList,\n\tThinkingBubble,\n\tThinkingLabel,\n} from './CopilotPanel.styled';\nimport { CopilotPanelProps } from './model';\n\nconst MAX_INPUT_HEIGHT_PX = 96;\n\n/** Slack at the bottom of the scroller that still counts as \"at the latest\". */\nconst AT_BOTTOM_TOLERANCE_PX = 24;\n\n/** How long the copy button shows its confirmation before reverting. */\nconst COPIED_FEEDBACK_MS = 1800;\n\n/**\n * Writes text to the clipboard.\n *\n * `navigator.clipboard` is missing outside a secure context and can reject when\n * the document is not focused, so a hidden-textarea `execCommand` fallback keeps\n * the button working there rather than failing silently.\n */\nconst writeToClipboard = async (text: string): Promise<boolean> => {\n\ttry {\n\t\tif (navigator.clipboard?.writeText) {\n\t\t\tawait navigator.clipboard.writeText(text);\n\t\t\treturn true;\n\t\t}\n\t} catch {\n\t\t// Fall through to the legacy path.\n\t}\n\n\ttry {\n\t\tconst textarea = document.createElement('textarea');\n\t\ttextarea.value = text;\n\t\t// Off-screen rather than hidden: `display: none` cannot be selected.\n\t\ttextarea.setAttribute('readonly', '');\n\t\ttextarea.style.position = 'fixed';\n\t\ttextarea.style.top = '-1000px';\n\t\ttextarea.style.opacity = '0';\n\t\tdocument.body.appendChild(textarea);\n\t\ttextarea.select();\n\t\tconst copied = document.execCommand('copy');\n\t\tdocument.body.removeChild(textarea);\n\t\treturn copied;\n\t} catch {\n\t\treturn false;\n\t}\n};\n\n/** How close to the top counts as asking for the previous page. */\nconst NEAR_TOP_TOLERANCE_PX = 48;\n\nconst SendArrowIcon = () => (\n\t<svg\n\t\tviewBox=\"0 0 24 24\"\n\t\twidth=\"16\"\n\t\theight=\"16\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<path d=\"M12 19V5\" />\n\t\t<path d=\"M6 11l6-6 6 6\" />\n\t</svg>\n);\n\nconst ArrowRightIcon = () => (\n\t<svg\n\t\tviewBox=\"0 0 24 24\"\n\t\twidth=\"14\"\n\t\theight=\"14\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<path d=\"M5 12h14\" />\n\t\t<path d=\"M13 6l6 6-6 6\" />\n\t</svg>\n);\n\nconst StopIcon = ({ size = 16 }: { size?: number }) => (\n\t<svg\n\t\tviewBox=\"0 0 24 24\"\n\t\twidth={size}\n\t\theight={size}\n\t\tfill=\"currentColor\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<rect x=\"7\" y=\"7\" width=\"10\" height=\"10\" rx=\"2\" />\n\t</svg>\n);\n\nconst CopyIcon = () => (\n\t<svg\n\t\tviewBox=\"0 0 24 24\"\n\t\twidth=\"14\"\n\t\theight=\"14\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"1.8\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<rect x=\"9\" y=\"9\" width=\"11\" height=\"11\" rx=\"2\" />\n\t\t<path d=\"M15 5.5A1.5 1.5 0 0 0 13.5 4H5.5A1.5 1.5 0 0 0 4 5.5v8A1.5 1.5 0 0 0 5.5 15\" />\n\t</svg>\n);\n\nconst CheckIcon = () => (\n\t<svg\n\t\tviewBox=\"0 0 24 24\"\n\t\twidth=\"14\"\n\t\theight=\"14\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2.2\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<path d=\"M5 13l4 4L19 7\" />\n\t</svg>\n);\n\nconst ChevronDownIcon = () => (\n\t<svg\n\t\tviewBox=\"0 0 24 24\"\n\t\twidth=\"14\"\n\t\theight=\"14\"\n\t\tfill=\"none\"\n\t\tstroke=\"currentColor\"\n\t\tstrokeWidth=\"2.5\"\n\t\tstrokeLinecap=\"round\"\n\t\tstrokeLinejoin=\"round\"\n\t\taria-hidden=\"true\"\n\t>\n\t\t<path d=\"M6 9l6 6 6-6\" />\n\t</svg>\n);\n\n/**\n * Chat panel used by the copilot. Fully presentational: it renders the\n * transcript it is given and reports user intent through callbacks, so it works\n * against any backend.\n */\nexport const CopilotPanel: React.FC<CopilotPanelProps> = ({\n\tmessages,\n\tonSend,\n\tonClose,\n\ttitle = 'Copilot',\n\tbadge,\n\tsubtitle,\n\tavatar,\n\tplaceholder = 'Write your message...',\n\tdisclaimer = 'AI can make mistakes, Verify the responses.',\n\temptyStateTitle,\n\temptyStateSubtitle = 'Here are some things you can try',\n\tsuggestions,\n\tonSuggestionClick,\n\tshowRefresh = true,\n\tonRefresh,\n\tisThinking = false,\n\tthinkingLabel = 'Thinking',\n\tisStreaming = false,\n\tonStop,\n\tinterruptedLabel = 'This message was interrupted',\n\tfollowUpsLabel = 'Follow ups',\n\thasMoreHistory = false,\n\tisLoadingHistory = false,\n\tonLoadOlderMessages,\n\thistoryLoadingLabel = 'Loading earlier messages',\n\tinputDisabled = false,\n\terrorMessage,\n\twidth,\n\theight,\n\tclassName,\n\tstyle,\n}) => {\n\tconst [input, setInput] = useState('');\n\tconst [isInputFocused, setIsInputFocused] = useState(false);\n\tconst [isAtLatest, setIsAtLatest] = useState(true);\n\t// Which reply is showing \"Copied\" — per message, so copying one does not tick\n\t// the button under another.\n\tconst [copiedMessageId, setCopiedMessageId] = useState<string | null>(null);\n\tconst inputRef = useRef<HTMLTextAreaElement>(null);\n\tconst copiedTimeoutRef = useRef<number | null>(null);\n\tconst bottomRef = useRef<HTMLDivElement>(null);\n\tconst scrollerRef = useRef<HTMLDivElement>(null);\n\tconst lastScrollTopRef = useRef(0);\n\t// Distance from the bottom at the moment an older page was asked for. Older\n\t// messages land *above* the viewport, so without restoring against this the\n\t// content under the reader jumps down by the height of what arrived.\n\tconst anchorFromBottomRef = useRef<number | null>(null);\n\n\t// An assistant bubble is pushed the moment a turn starts, before any text has\n\t// arrived; the thinking indicator stands in for it until then, so rendering it\n\t// too would show an empty balloon next to the dots. A turn stopped before its\n\t// first token keeps its place, carrying only the interrupted note.\n\tconst visibleMessages = messages.filter(\n\t\t(message) => message.content.length > 0 || message.wasInterrupted,\n\t);\n\tconst isEmpty = visibleMessages.length === 0 && !isThinking;\n\tconst isTurnInFlight = isThinking || isStreaming;\n\tconst canSend = !inputDisabled && !isTurnInFlight && input.trim().length > 0;\n\t// Stopping is the only thing the button can do mid-answer, so it becomes the\n\t// stop button rather than sitting there disabled.\n\tconst canStop = isTurnInFlight && Boolean(onStop);\n\t// Only the newest reply's suggestions are on offer — older ones answer a\n\t// question the conversation has already moved past.\n\tconst newestMessage = visibleMessages[visibleMessages.length - 1];\n\tconst followUps =\n\t\t!isTurnInFlight && newestMessage?.role === 'assistant'\n\t\t\t? newestMessage.followUps\n\t\t\t: undefined;\n\t// A long answer that the reader has scrolled up from: the tail is clipped, so\n\t// the fade and the arrow say there is more below.\n\tconst showScrollAffordance = !isEmpty && !isAtLatest;\n\n\t// Following the conversation is the default, but a reader who has scrolled up\n\t// mid-answer must not be yanked back down by the next chunk.\n\tuseEffect(() => {\n\t\tif (!isAtLatest) {\n\t\t\treturn;\n\t\t}\n\t\tbottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n\t}, [messages, isThinking, isAtLatest]);\n\n\t// Older messages have landed: put the reader back on the message they were\n\t// looking at, which is now that much further down.\n\tuseEffect(() => {\n\t\tconst scroller = scrollerRef.current;\n\t\tconst anchor = anchorFromBottomRef.current;\n\t\tif (!scroller || anchor === null || isLoadingHistory) {\n\t\t\treturn;\n\t\t}\n\t\tanchorFromBottomRef.current = null;\n\t\tscroller.scrollTop = scroller.scrollHeight - anchor;\n\t\tlastScrollTopRef.current = scroller.scrollTop;\n\t}, [messages, isLoadingHistory]);\n\n\tconst handleScroll = () => {\n\t\tconst scroller = scrollerRef.current;\n\t\tif (!scroller) {\n\t\t\treturn;\n\t\t}\n\t\tconst distanceFromBottom =\n\t\t\tscroller.scrollHeight - scroller.scrollTop - scroller.clientHeight;\n\n\t\t// Reaching the top asks for the page before this one. The threshold gives\n\t\t// the request a head start, so the page is usually there by the time the\n\t\t// reader arrives.\n\t\tif (\n\t\t\tscroller.scrollTop <= NEAR_TOP_TOLERANCE_PX &&\n\t\t\thasMoreHistory &&\n\t\t\t!isLoadingHistory &&\n\t\t\tonLoadOlderMessages\n\t\t) {\n\t\t\tanchorFromBottomRef.current = scroller.scrollHeight - scroller.scrollTop;\n\t\t\tonLoadOlderMessages();\n\t\t}\n\t\t// Scrolling *up* is the only thing that detaches from the latest message:\n\t\t// growing content also pushes the bottom away, and auto-scroll itself only\n\t\t// ever moves down, so distance alone would flap mid-stream.\n\t\tconst scrolledUp = scroller.scrollTop < lastScrollTopRef.current - 1;\n\t\tlastScrollTopRef.current = scroller.scrollTop;\n\n\t\tif (distanceFromBottom <= AT_BOTTOM_TOLERANCE_PX) {\n\t\t\tsetIsAtLatest(true);\n\t\t\treturn;\n\t\t}\n\t\tif (scrolledUp) {\n\t\t\tsetIsAtLatest(false);\n\t\t}\n\t};\n\n\tconst handleJumpToLatest = () => {\n\t\tsetIsAtLatest(true);\n\t\tbottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n\t};\n\n\tuseEffect(\n\t\t() => () => {\n\t\t\tif (copiedTimeoutRef.current) {\n\t\t\t\twindow.clearTimeout(copiedTimeoutRef.current);\n\t\t\t}\n\t\t},\n\t\t[],\n\t);\n\n\tconst handleCopyMessage = async (\n\t\tmessage: CopilotPanelProps['messages'][number],\n\t) => {\n\t\t// The raw markdown, not the rendered HTML — that is what a reader wants to\n\t\t// paste into a doc or a ticket.\n\t\tconst copied = await writeToClipboard(message.content);\n\t\tif (!copied) {\n\t\t\treturn;\n\t\t}\n\t\tif (copiedTimeoutRef.current) {\n\t\t\twindow.clearTimeout(copiedTimeoutRef.current);\n\t\t}\n\t\tsetCopiedMessageId(message.id);\n\t\tcopiedTimeoutRef.current = window.setTimeout(\n\t\t\t() => setCopiedMessageId(null),\n\t\t\tCOPIED_FEEDBACK_MS,\n\t\t);\n\t};\n\n\tconst handleSend = () => {\n\t\tconst trimmed = input.trim();\n\t\tif (!trimmed || inputDisabled || isTurnInFlight) {\n\t\t\treturn;\n\t\t}\n\t\tonSend(trimmed);\n\t\tsetInput('');\n\t\tconst textarea = inputRef.current;\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto';\n\t\t}\n\t};\n\n\tconst handleInputChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tsetInput(event.target.value);\n\t\tconst textarea = event.target;\n\t\ttextarea.style.height = 'auto';\n\t\ttextarea.style.height = `${Math.min(\n\t\t\ttextarea.scrollHeight,\n\t\t\tMAX_INPUT_HEIGHT_PX,\n\t\t)}px`;\n\t};\n\n\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n\t\tif (event.key === 'Enter' && !event.shiftKey) {\n\t\t\tevent.preventDefault();\n\t\t\thandleSend();\n\t\t}\n\t};\n\n\tconst handleSuggestionClick = (\n\t\tsuggestion: NonNullable<CopilotPanelProps['suggestions']>[number],\n\t) => {\n\t\tif (inputDisabled || isTurnInFlight) {\n\t\t\treturn;\n\t\t}\n\t\tonSuggestionClick?.(suggestion);\n\t\tonSend(suggestion.text);\n\t};\n\n\tconst handleFollowUpClick = (followUp: string) => {\n\t\tif (inputDisabled || isTurnInFlight) {\n\t\t\treturn;\n\t\t}\n\t\tonSend(followUp);\n\t};\n\n\treturn (\n\t\t<PanelContainer\n\t\t\tclassName={className}\n\t\t\tstyle={{ width, height, ...style }}\n\t\t\trole=\"dialog\"\n\t\t\taria-label={title}\n\t\t>\n\t\t\t<PanelHeader>\n\t\t\t\t<HeaderAvatar>\n\t\t\t\t\t{avatar ?? <AiStarsIcon width={18} height={18} />}\n\t\t\t\t</HeaderAvatar>\n\t\t\t\t<HeaderText>\n\t\t\t\t\t<HeaderTitleRow>\n\t\t\t\t\t\t<TitleSmall>{title}</TitleSmall>\n\t\t\t\t\t\t{badge && <HeaderBadge>{badge}</HeaderBadge>}\n\t\t\t\t\t</HeaderTitleRow>\n\t\t\t\t\t{subtitle && (\n\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t{subtitle}\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t)}\n\t\t\t\t</HeaderText>\n\t\t\t\t<HeaderActions>\n\t\t\t\t\t{showRefresh && onRefresh && (\n\t\t\t\t\t\t<IconAction\n\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\tonClick={onRefresh}\n\t\t\t\t\t\t\taria-label=\"Start a new conversation\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RefreshIcon width={16} height={16} />\n\t\t\t\t\t\t</IconAction>\n\t\t\t\t\t)}\n\t\t\t\t\t<IconAction\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tonClick={onClose}\n\t\t\t\t\t\taria-label=\"Close copilot\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CrossIcon width={18} height={18} />\n\t\t\t\t\t</IconAction>\n\t\t\t\t</HeaderActions>\n\t\t\t</PanelHeader>\n\n\t\t\t<MessagesViewport>\n\t\t\t\t<MessagesArea\n\t\t\t\t\tref={scrollerRef}\n\t\t\t\t\tonScroll={handleScroll}\n\t\t\t\t\trole=\"region\"\n\t\t\t\t\taria-label=\"Conversation\"\n\t\t\t\t>\n\t\t\t\t\t{isEmpty ? (\n\t\t\t\t\t\t<EmptyState>\n\t\t\t\t\t\t\t<EmptyStateIcon>\n\t\t\t\t\t\t\t\t<AiStarsIcon width={28} height={28} />\n\t\t\t\t\t\t\t</EmptyStateIcon>\n\t\t\t\t\t\t\t<BodySecondary style={{ fontWeight: 600 }}>\n\t\t\t\t\t\t\t\t{emptyStateTitle || title}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{emptyStateSubtitle && (\n\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t{emptyStateSubtitle}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{suggestions && suggestions.length > 0 && (\n\t\t\t\t\t\t\t\t<SuggestionList>\n\t\t\t\t\t\t\t\t\t{suggestions.map((suggestion) => (\n\t\t\t\t\t\t\t\t\t\t<SuggestionChip\n\t\t\t\t\t\t\t\t\t\t\tkey={suggestion.id}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled={inputDisabled || isTurnInFlight}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleSuggestionClick(suggestion)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<AiStarsIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t\t{suggestion.text}\n\t\t\t\t\t\t\t\t\t\t</SuggestionChip>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SuggestionList>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</EmptyState>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{isLoadingHistory && (\n\t\t\t\t\t\t\t\t<HistoryLoader role=\"status\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<DotPulse color={COLORS.content.placeholder} size={4} />\n\t\t\t\t\t\t\t\t\t{historyLoadingLabel}\n\t\t\t\t\t\t\t\t</HistoryLoader>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{visibleMessages.map((message) => (\n\t\t\t\t\t\t\t\t<React.Fragment key={message.id}>\n\t\t\t\t\t\t\t\t\t{message.content.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t<MessageBubble $role={message.role}>\n\t\t\t\t\t\t\t\t\t\t\t{message.role === 'assistant' ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t__html: renderMarkdownLite(message.content),\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ whiteSpace: 'pre-wrap' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{message.content}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</MessageBubble>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{message.wasInterrupted && interruptedLabel && (\n\t\t\t\t\t\t\t\t\t\t<InterruptedNote>\n\t\t\t\t\t\t\t\t\t\t\t<StopIcon size={12} />\n\t\t\t\t\t\t\t\t\t\t\t{interruptedLabel}\n\t\t\t\t\t\t\t\t\t\t</InterruptedNote>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{/* Only under a finished reply: mid-stream the text is still\n\t\t\t\t\t\t\t\t\t    changing, so copying it would capture a partial answer. */}\n\t\t\t\t\t\t\t\t\t{message.role === 'assistant' &&\n\t\t\t\t\t\t\t\t\t\tmessage.content.length > 0 &&\n\t\t\t\t\t\t\t\t\t\t!message.isStreaming && (\n\t\t\t\t\t\t\t\t\t\t\t<MessageActions>\n\t\t\t\t\t\t\t\t\t\t\t\t<MessageAction\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => void handleCopyMessage(message)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tdata-copied={copiedMessageId === message.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcopiedMessageId === message.id ? 'Copied' : 'Copy'\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t// The label changes with the state, so a screen reader\n\t\t\t\t\t\t\t\t\t\t\t\t\t// hears the confirmation the tick shows visually.\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-label={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcopiedMessageId === message.id\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Response copied to clipboard'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'Copy response'\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{copiedMessageId === message.id ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<CheckIcon />\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<CopyIcon />\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</MessageAction>\n\t\t\t\t\t\t\t\t\t\t\t</MessageActions>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t{followUps && followUps.length > 0 && (\n\t\t\t\t\t\t\t\t<FollowUpList>\n\t\t\t\t\t\t\t\t\t{followUpsLabel && (\n\t\t\t\t\t\t\t\t\t\t<FollowUpsLabel>{followUpsLabel}</FollowUpsLabel>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{followUps.map((followUp) => (\n\t\t\t\t\t\t\t\t\t\t<FollowUpChip\n\t\t\t\t\t\t\t\t\t\t\tkey={followUp}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\tdisabled={inputDisabled}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleFollowUpClick(followUp)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<ArrowRightIcon />\n\t\t\t\t\t\t\t\t\t\t\t{followUp}\n\t\t\t\t\t\t\t\t\t\t</FollowUpChip>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</FollowUpList>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{isThinking && (\n\t\t\t\t\t\t\t\t<ThinkingBubble role=\"status\" aria-live=\"polite\">\n\t\t\t\t\t\t\t\t\t<AiStarsIcon\n\t\t\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t\t\t\theight={14}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.brand}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t{thinkingLabel && (\n\t\t\t\t\t\t\t\t\t\t<ThinkingLabel>{thinkingLabel}</ThinkingLabel>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t<DotPulse color={COLORS.background.brand} size={5} />\n\t\t\t\t\t\t\t\t</ThinkingBubble>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<div ref={bottomRef} />\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</MessagesArea>\n\n\t\t\t\t<ScrollFade $visible={showScrollAffordance} aria-hidden=\"true\" />\n\t\t\t\t<JumpToLatestButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t$visible={showScrollAffordance}\n\t\t\t\t\tonClick={handleJumpToLatest}\n\t\t\t\t\ttabIndex={showScrollAffordance ? 0 : -1}\n\t\t\t\t\taria-label=\"Scroll to the latest message\"\n\t\t\t\t>\n\t\t\t\t\t<ChevronDownIcon />\n\t\t\t\t</JumpToLatestButton>\n\t\t\t</MessagesViewport>\n\n\t\t\t{errorMessage && <ErrorBanner role=\"alert\">{errorMessage}</ErrorBanner>}\n\n\t\t\t<InputArea>\n\t\t\t\t<InputWrapper $focused={isInputFocused}>\n\t\t\t\t\t<MessageInput\n\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\trows={1}\n\t\t\t\t\t\tvalue={input}\n\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\tdisabled={inputDisabled}\n\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\tonFocus={() => setIsInputFocused(true)}\n\t\t\t\t\t\tonBlur={() => setIsInputFocused(false)}\n\t\t\t\t\t/>\n\t\t\t\t\t<SendButton\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t$active={canStop || canSend}\n\t\t\t\t\t\tdisabled={!canStop && !canSend}\n\t\t\t\t\t\tonClick={canStop ? onStop : handleSend}\n\t\t\t\t\t\taria-label={canStop ? 'Stop generating' : 'Send message'}\n\t\t\t\t\t>\n\t\t\t\t\t\t{canStop ? <StopIcon /> : <SendArrowIcon />}\n\t\t\t\t\t</SendButton>\n\t\t\t\t</InputWrapper>\n\t\t\t</InputArea>\n\n\t\t\t{disclaimer && <Disclaimer>{disclaimer}</Disclaimer>}\n\t\t</PanelContainer>\n\t);\n};\n\nexport default CopilotPanel;\n"],"names":["MAX_INPUT_HEIGHT_PX","AT_BOTTOM_TOLERANCE_PX","COPIED_FEEDBACK_MS","writeToClipboard","text","textarea","copied","NEAR_TOP_TOLERANCE_PX","SendArrowIcon","jsxs","jsx","ArrowRightIcon","StopIcon","size","CopyIcon","CheckIcon","ChevronDownIcon","CopilotPanel","messages","onSend","onClose","title","badge","subtitle","avatar","placeholder","disclaimer","emptyStateTitle","emptyStateSubtitle","suggestions","onSuggestionClick","showRefresh","onRefresh","isThinking","thinkingLabel","isStreaming","onStop","interruptedLabel","followUpsLabel","hasMoreHistory","isLoadingHistory","onLoadOlderMessages","historyLoadingLabel","inputDisabled","errorMessage","width","height","className","style","input","setInput","useState","isInputFocused","setIsInputFocused","isAtLatest","setIsAtLatest","copiedMessageId","setCopiedMessageId","inputRef","useRef","copiedTimeoutRef","bottomRef","scrollerRef","lastScrollTopRef","anchorFromBottomRef","visibleMessages","message","isEmpty","isTurnInFlight","canSend","canStop","newestMessage","followUps","showScrollAffordance","useEffect","scroller","anchor","handleScroll","distanceFromBottom","scrolledUp","handleJumpToLatest","handleCopyMessage","handleSend","trimmed","handleInputChange","event","handleKeyDown","handleSuggestionClick","suggestion","handleFollowUpClick","followUp","PanelContainer","PanelHeader","HeaderAvatar","AiStarsIcon","HeaderText","HeaderTitleRow","TitleSmall","HeaderBadge","BodyCaption","COLORS","HeaderActions","IconAction","RefreshIcon","CrossIcon","MessagesViewport","MessagesArea","EmptyState","EmptyStateIcon","BodySecondary","SuggestionList","SuggestionChip","Fragment","HistoryLoader","DotPulse","React","MessageBubble","renderMarkdownLite","InterruptedNote","MessageActions","MessageAction","FollowUpList","FollowUpsLabel","FollowUpChip","ThinkingBubble","ThinkingLabel","ScrollFade","JumpToLatestButton","ErrorBanner","InputArea","InputWrapper","MessageInput","SendButton","Disclaimer"],"mappings":"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"}

package/dist/esm/components/bik-copilot/CopilotPanel.styled.d.ts

@@ -0,0 +1,64 @@
+export declare const PanelContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PanelHeader: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const HeaderAvatar: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const HeaderText: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const HeaderTitleRow: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const HeaderBadge: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const HeaderActions: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const IconAction: import('styled-components').StyledComponent<"button", any, {}, never>;
+/**
+ * Wraps the scroller so the bottom fade and the jump-to-latest button can be
+ * absolutely positioned over it.
+ */
+export declare const MessagesViewport: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MessagesArea: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * Softens the cut-off edge of a long answer the reader has scrolled up from, so
+ * the clipped line reads as continuing rather than as the end of the message.
+ *
+ * Two layers, because one element cannot ramp a gradient and a blur
+ * independently: the element itself whitens the text out, and `::after` lays a
+ * masked blur over it that strengthens towards the bottom. Browsers without
+ * `backdrop-filter` still get the fade.
+ */
+export declare const ScrollFade: import('styled-components').StyledComponent<"div", any, {
+    $visible: boolean;
+}, never>;
+export declare const JumpToLatestButton: import('styled-components').StyledComponent<"button", any, {
+    $visible: boolean;
+}, never>;
+export declare const EmptyState: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const EmptyStateIcon: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SuggestionList: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const SuggestionChip: import('styled-components').StyledComponent<"button", any, {}, never>;
+export declare const MessageBubble: import('styled-components').StyledComponent<"div", any, {
+    $role: 'user' | 'assistant' | 'system';
+}, never>;
+export declare const ThinkingBubble: import('styled-components').StyledComponent<"div", any, {}, never>;
+/** Sits above the oldest message while the page before it is fetched. */
+export declare const HistoryLoader: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const FollowUpList: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const FollowUpsLabel: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const FollowUpChip: import('styled-components').StyledComponent<"button", any, {}, never>;
+/**
+ * Bubble-less on purpose: a stopped reply is a note about the transcript, not a
+ * message in it.
+ */
+export declare const InterruptedNote: import('styled-components').StyledComponent<"div", any, {}, never>;
+/**
+ * Actions under a finished assistant reply. Kept low-contrast so a row of icons
+ * under every message does not compete with the answer itself.
+ */
+export declare const MessageActions: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const MessageAction: import('styled-components').StyledComponent<"button", any, {}, never>;
+export declare const ThinkingLabel: import('styled-components').StyledComponent<"span", any, {}, never>;
+export declare const ErrorBanner: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const InputArea: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const InputWrapper: import('styled-components').StyledComponent<"div", any, {
+    $focused: boolean;
+}, never>;
+export declare const MessageInput: import('styled-components').StyledComponent<"textarea", any, {}, never>;
+export declare const SendButton: import('styled-components').StyledComponent<"button", any, {
+    $active: boolean;
+}, never>;
+export declare const Disclaimer: import('styled-components').StyledComponent<"div", any, {}, never>;