@bikdotai/bik-component-library 0.0.856 → 0.0.857-beta.0

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

@@ -0,0 +1,309 @@
+import { jsxs as r, jsx as t, Fragment as we } from "react/jsx-runtime";
+import p from "../../assets/icons/bik_ai_stars_icon.svg.js";
+import ve from "../../assets/icons/cross.svg.js";
+import ye from "../../assets/icons/refresh.svg.js";
+import Ce, { useState as B, useRef as a, useEffect as K } from "react";
+import { COLORS as s } from "../../constants/Theme.js";
+import { renderMarkdownLite as Ie } from "../bik-chatbot/utils/markdown.js";
+import { TitleSmall as ke, BodyCaption as z, BodySecondary as Se } from "../TypographyStyle.js";
+import { PanelContainer as Te, PanelHeader as be, HeaderAvatar as Be, HeaderText as Ae, HeaderTitleRow as xe, HeaderBadge as Fe, HeaderActions as Le, IconAction as J, MessagesViewport as Me, MessagesArea as He, EmptyState as Re, EmptyStateIcon as _e, SuggestionList as Ee, SuggestionChip as Pe, HistoryLoader as Oe, MessageBubble as We, InterruptedNote as $e, FollowUpList as je, FollowUpsLabel as Ne, FollowUpChip as Ue, ThinkingBubble as Ve, ThinkingLabel as Xe, ScrollFade as Ke, JumpToLatestButton as ze, ErrorBanner as Je, InputArea as Ge, InputWrapper as qe, MessageInput as De, SendButton as Qe, Disclaimer as Ye } from "./CopilotPanel.styled.js";
+import { DotPulse as G } from "../dot-pulse/DotPulse.js";
+const Ze = 96, et = 24, tt = 48, rt = () => /* @__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" })
+    ]
+  }
+), ot = () => /* @__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" })
+    ]
+  }
+), q = ({ 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" })
+  }
+), nt = () => /* @__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" })
+  }
+), gt = ({
+  messages: i,
+  onSend: f,
+  onClose: D,
+  title: g = "Copilot",
+  badge: A,
+  subtitle: x,
+  avatar: Q,
+  placeholder: Y = "Write your message...",
+  disclaimer: F = "AI can make mistakes, Verify the responses.",
+  emptyStateTitle: Z,
+  emptyStateSubtitle: L = "Here are some things you can try",
+  suggestions: m,
+  onSuggestionClick: ee,
+  showRefresh: te = !0,
+  onRefresh: M,
+  isThinking: h = !1,
+  thinkingLabel: H = "Thinking",
+  isStreaming: re = !1,
+  onStop: R,
+  interruptedLabel: _ = "This message was interrupted",
+  followUpsLabel: E = "Follow ups",
+  hasMoreHistory: oe = !1,
+  isLoadingHistory: d = !1,
+  onLoadOlderMessages: P,
+  historyLoadingLabel: ne = "Loading earlier messages",
+  inputDisabled: n = !1,
+  errorMessage: O,
+  width: le,
+  height: ie,
+  className: ce,
+  style: ae
+}) => {
+  const [w, W] = B(""), [se, $] = B(!1), [v, y] = B(!0), j = a(null), C = a(null), I = a(null), k = a(0), S = a(null), u = i.filter(
+    (e) => e.content.length > 0 || e.wasInterrupted
+  ), N = u.length === 0 && !h, l = h || re, U = !n && !l && w.trim().length > 0, c = l && !!R, V = u[u.length - 1], T = !l && V?.role === "assistant" ? V.followUps : void 0, b = !N && !v;
+  K(() => {
+    v && C.current?.scrollIntoView({ behavior: "smooth" });
+  }, [i, h, v]), K(() => {
+    const e = I.current, o = S.current;
+    !e || o === null || d || (S.current = null, e.scrollTop = e.scrollHeight - o, k.current = e.scrollTop);
+  }, [i, d]);
+  const he = () => {
+    const e = I.current;
+    if (!e)
+      return;
+    const o = e.scrollHeight - e.scrollTop - e.clientHeight;
+    e.scrollTop <= tt && oe && !d && P && (S.current = e.scrollHeight - e.scrollTop, P());
+    const me = e.scrollTop < k.current - 1;
+    if (k.current = e.scrollTop, o <= et) {
+      y(!0);
+      return;
+    }
+    me && y(!1);
+  }, de = () => {
+    y(!0), C.current?.scrollIntoView({ behavior: "smooth" });
+  }, X = () => {
+    const e = w.trim();
+    if (!e || n || l)
+      return;
+    f(e), W("");
+    const o = j.current;
+    o && (o.style.height = "auto");
+  }, ue = (e) => {
+    W(e.target.value);
+    const o = e.target;
+    o.style.height = "auto", o.style.height = `${Math.min(
+      o.scrollHeight,
+      Ze
+    )}px`;
+  }, pe = (e) => {
+    e.key === "Enter" && !e.shiftKey && (e.preventDefault(), X());
+  }, fe = (e) => {
+    n || l || (ee?.(e), f(e.text));
+  }, ge = (e) => {
+    n || l || f(e);
+  };
+  return /* @__PURE__ */ r(
+    Te,
+    {
+      className: ce,
+      style: { width: le, height: ie, ...ae },
+      role: "dialog",
+      "aria-label": g,
+      children: [
+        /* @__PURE__ */ r(be, { children: [
+          /* @__PURE__ */ t(Be, { children: Q ?? /* @__PURE__ */ t(p, { width: 18, height: 18 }) }),
+          /* @__PURE__ */ r(Ae, { children: [
+            /* @__PURE__ */ r(xe, { children: [
+              /* @__PURE__ */ t(ke, { children: g }),
+              A && /* @__PURE__ */ t(Fe, { children: A })
+            ] }),
+            x && /* @__PURE__ */ t(z, { color: s.content.secondary, children: x })
+          ] }),
+          /* @__PURE__ */ r(Le, { children: [
+            te && M && /* @__PURE__ */ t(
+              J,
+              {
+                type: "button",
+                onClick: M,
+                "aria-label": "Start a new conversation",
+                children: /* @__PURE__ */ t(ye, { width: 16, height: 16 })
+              }
+            ),
+            /* @__PURE__ */ t(
+              J,
+              {
+                type: "button",
+                onClick: D,
+                "aria-label": "Close copilot",
+                children: /* @__PURE__ */ t(ve, { width: 18, height: 18 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ r(Me, { children: [
+          /* @__PURE__ */ t(
+            He,
+            {
+              ref: I,
+              onScroll: he,
+              role: "region",
+              "aria-label": "Conversation",
+              children: N ? /* @__PURE__ */ r(Re, { children: [
+                /* @__PURE__ */ t(_e, { children: /* @__PURE__ */ t(p, { width: 28, height: 28 }) }),
+                /* @__PURE__ */ t(Se, { style: { fontWeight: 600 }, children: Z || g }),
+                L && /* @__PURE__ */ t(z, { color: s.content.secondary, children: L }),
+                m && m.length > 0 && /* @__PURE__ */ t(Ee, { children: m.map((e) => /* @__PURE__ */ r(
+                  Pe,
+                  {
+                    type: "button",
+                    disabled: n || l,
+                    onClick: () => fe(e),
+                    children: [
+                      /* @__PURE__ */ t(p, { width: 14, height: 14 }),
+                      e.text
+                    ]
+                  },
+                  e.id
+                )) })
+              ] }) : /* @__PURE__ */ r(we, { children: [
+                d && /* @__PURE__ */ r(Oe, { role: "status", "aria-live": "polite", children: [
+                  /* @__PURE__ */ t(G, { color: s.content.placeholder, size: 4 }),
+                  ne
+                ] }),
+                u.map((e) => /* @__PURE__ */ r(Ce.Fragment, { children: [
+                  e.content.length > 0 && /* @__PURE__ */ t(We, { $role: e.role, children: e.role === "assistant" ? /* @__PURE__ */ t(
+                    "div",
+                    {
+                      dangerouslySetInnerHTML: {
+                        __html: Ie(e.content)
+                      }
+                    }
+                  ) : /* @__PURE__ */ t("div", { style: { whiteSpace: "pre-wrap" }, children: e.content }) }),
+                  e.wasInterrupted && _ && /* @__PURE__ */ r($e, { children: [
+                    /* @__PURE__ */ t(q, { size: 12 }),
+                    _
+                  ] })
+                ] }, e.id)),
+                T && T.length > 0 && /* @__PURE__ */ r(je, { children: [
+                  E && /* @__PURE__ */ t(Ne, { children: E }),
+                  T.map((e) => /* @__PURE__ */ r(
+                    Ue,
+                    {
+                      type: "button",
+                      disabled: n,
+                      onClick: () => ge(e),
+                      children: [
+                        /* @__PURE__ */ t(ot, {}),
+                        e
+                      ]
+                    },
+                    e
+                  ))
+                ] }),
+                h && /* @__PURE__ */ r(Ve, { role: "status", "aria-live": "polite", children: [
+                  /* @__PURE__ */ t(
+                    p,
+                    {
+                      width: 14,
+                      height: 14,
+                      color: s.content.brand
+                    }
+                  ),
+                  H && /* @__PURE__ */ t(Xe, { children: H }),
+                  /* @__PURE__ */ t(G, { color: s.background.brand, size: 5 })
+                ] }),
+                /* @__PURE__ */ t("div", { ref: C })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ t(Ke, { $visible: b, "aria-hidden": "true" }),
+          /* @__PURE__ */ t(
+            ze,
+            {
+              type: "button",
+              $visible: b,
+              onClick: de,
+              tabIndex: b ? 0 : -1,
+              "aria-label": "Scroll to the latest message",
+              children: /* @__PURE__ */ t(nt, {})
+            }
+          )
+        ] }),
+        O && /* @__PURE__ */ t(Je, { role: "alert", children: O }),
+        /* @__PURE__ */ t(Ge, { children: /* @__PURE__ */ r(qe, { $focused: se, children: [
+          /* @__PURE__ */ t(
+            De,
+            {
+              ref: j,
+              rows: 1,
+              value: w,
+              placeholder: Y,
+              disabled: n,
+              onChange: ue,
+              onKeyDown: pe,
+              onFocus: () => $(!0),
+              onBlur: () => $(!1)
+            }
+          ),
+          /* @__PURE__ */ t(
+            Qe,
+            {
+              type: "button",
+              $active: c || U,
+              disabled: !c && !U,
+              onClick: c ? R : X,
+              "aria-label": c ? "Stop generating" : "Send message",
+              children: c ? /* @__PURE__ */ t(q, {}) : /* @__PURE__ */ t(rt, {})
+            }
+          )
+        ] }) }),
+        F && /* @__PURE__ */ t(Ye, { children: F })
+      ]
+    }
+  );
+};
+export {
+  gt 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\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 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 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\tconst inputRef = useRef<HTMLTextAreaElement>(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\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</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","NEAR_TOP_TOLERANCE_PX","SendArrowIcon","jsxs","jsx","ArrowRightIcon","StopIcon","size","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","inputRef","useRef","bottomRef","scrollerRef","lastScrollTopRef","anchorFromBottomRef","visibleMessages","message","isEmpty","isTurnInFlight","canSend","canStop","newestMessage","followUps","showScrollAffordance","useEffect","scroller","anchor","handleScroll","distanceFromBottom","scrolledUp","handleJumpToLatest","handleSend","trimmed","textarea","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","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,58 @@
+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>;
+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>;