@box/box-ai-content-answers 0.92.4 → 0.93.1

package/chunks/clear-conversation-button.js

@@ -1,38 +1,39 @@
 import { Tooltip as a, IconButton as r } from "@box/blueprint-web";
 import { Trash as s } from "@box/blueprint-web-assets/icons/Line";
 import { useIntl as l } from "react-intl";
-import n from "../esm/lib/components/modal/messages.js";
-import { jsx as t } from "react/jsx-runtime";
-import '../styles/clear-conversation-button.css';const c = "_BoxAIIconColor_1nf8s_1", _ = "_modalHeader_1nf8s_5", i = "_contentAnswersModal_1nf8s_10", d = "_boxAiContentAnswers_1nf8s_17", m = "_clearButton_1nf8s_25", f = "_contentAnswerModal_1nf8s_1", C = "_modalHeaderContainer_1nf8s_54", g = "_agentSelectorTrigger_1nf8s_62", A = "_agentSelectorContent_1nf8s_73", u = {
+import t from "../esm/lib/components/modal/messages.js";
+import { jsx as n } from "react/jsx-runtime";
+import '../styles/clear-conversation-button.css';const c = "_BoxAIIconColor_1nf8s_1", i = "_modalHeader_1nf8s_5", _ = "_contentAnswersModal_1nf8s_10", d = "_boxAiContentAnswers_1nf8s_17", m = "_clearButton_1nf8s_25", C = "_contentAnswerModal_1nf8s_1", f = "_modalHeaderContainer_1nf8s_54", g = "_agentSelectorTrigger_1nf8s_62", A = "_agentSelectorContent_1nf8s_73", u = {
   BoxAIIconColor: c,
-  modalHeader: _,
-  contentAnswersModal: i,
+  modalHeader: i,
+  contentAnswersModal: _,
   boxAiContentAnswers: d,
   clearButton: m,
   "modal-close-button": "_modal-close-button_1nf8s_29",
-  contentAnswerModal: f,
-  modalHeaderContainer: C,
+  contentAnswerModal: C,
+  modalHeaderContainer: f,
   agentSelectorTrigger: g,
   agentSelectorContent: A
-}, I = ({
+}, x = ({
   onClick: e
 }) => {
   const o = l();
-  return /* @__PURE__ */ t(a, {
-    content: o.formatMessage(n.clearConversationLabel),
+  return /* @__PURE__ */ n(a, {
+    content: o.formatMessage(t.clearConversationLabel),
     "data-testid": "clear-conversation-tooltip",
     variant: "standard",
-    children: /* @__PURE__ */ t(r, {
-      "aria-label": o.formatMessage(n.clearConversationLabel),
+    children: /* @__PURE__ */ n(r, {
+      "aria-label": o.formatMessage(t.clearConversationLabel),
       className: u.clearButton,
       "data-testid": "clear-conversation-button",
       icon: s,
       onClick: e,
-      size: "small"
+      size: "small",
+      "data-target-id": "IconButton-clearConversationLabel"
     })
   });
 };
 export {
-  I as C,
+  x as C,
   u as s
 };

package/chunks/warning-message.js

@@ -1,16 +1,16 @@
 import { InlineNotice as o, Text as e } from "@box/blueprint-web";
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import '../styles/warning-message.css';const c = "_welcomeMessage_19juh_1", i = "_clearChatText_19juh_1", l = "_warningNotice_19juh_5", _ = "_iconAvatar_19juh_8", g = {
+import '../styles/warning-message.css';const c = "_welcomeMessage_1g76d_1", i = "_clearChatText_1g76d_1", l = "_warningNotice_1g76d_5", g = "_iconAvatar_1g76d_9", _ = {
   welcomeMessage: c,
   clearChatText: i,
   warningNotice: l,
-  iconAvatar: _
+  iconAvatar: g
 }, w = ({
   ariaLabel: t,
   title: r,
   description: a
 }) => /* @__PURE__ */ s(o, {
-  className: g.warningNotice,
+  className: _.warningNotice,
   variant: "warning",
   variantIconAriaLabel: t,
   children: [/* @__PURE__ */ n(e, {
@@ -25,5 +25,5 @@ import '../styles/warning-message.css';const c = "_welcomeMessage_19juh_1", i =
 });
 export {
   w as W,
-  g as s
+  _ as s
 };

package/esm/lib/components/answer/citation.js

@@ -1,4 +1,4 @@
-import { Popover as d, Status as E, Text as B, TextButton as L } from "@box/blueprint-web";
+import { Popover as d, Status as E, Text as x, TextButton as L } from "@box/blueprint-web";
 import { ArrowUpRightSquare as M } from "@box/blueprint-web-assets/icons/Fill";
 import D from "clsx";
 import G from "lodash/debounce";
@@ -8,7 +8,7 @@ import { useIntl as j } from "react-intl";
 import { LOGGER_BASE_CONFIG as N, LOGGER_ACTION_CLICK as K } from "../common/constants.js";
 import { MAX_CITATION_LENGTH as P } from "./constants.js";
 import s from "./messages.js";
-import { jsxs as S, jsx as e } from "react/jsx-runtime";
+import { jsxs as S, jsx as a } from "react/jsx-runtime";
 import '../../../../styles/citation.css';const U = "_citationTrigger_mfhpi_1", q = "_citationStatus_mfhpi_5", H = "_animate_mfhpi_22", W = "_fadeIn_mfhpi_26", X = "_cardTooltip_mfhpi_30", $ = "_cardTooltipTitle_mfhpi_34", k = "_cardTooltipCitation_mfhpi_38", z = "_cardTooltipButton_mfhpi_43", o = {
   citationTrigger: U,
   citationStatus: q,
@@ -20,8 +20,8 @@ import '../../../../styles/citation.css';const U = "_citationTrigger_mfhpi_1", q
   cardTooltipButton: z
 }, rt = ({
   animate: u,
-  content: T,
-  id: a,
+  content: m,
+  id: e,
   recordAction: i,
   fileId: _,
   title: c,
@@ -34,47 +34,47 @@ import '../../../../styles/citation.css';const U = "_citationTrigger_mfhpi_1", q
   c ? f = n(s.cardTooltipTitleWithDocumentName, {
     title: c.toString()
   }) : f = n(s.cardTooltipTitle);
-  const x = G((t) => {
+  const B = G((t) => {
     b(t), t === !0 && i && i({
       ...N,
       feature: "answers-citations",
       target: "hovered",
       data: {
-        index: a
+        index: e
       }
     });
   }, 100), p = () => {
-    x(!0);
+    B(!0);
   }, r = () => {
-    x(!1);
+    B(!1);
   }, O = A(() => {
     l && i && (l(_, c), i({
       ...N,
       feature: "answers-citations",
       target: K,
       data: {
-        index: a
+        index: e
       }
     }));
-  }, [l, i, a, _, c]);
+  }, [l, i, e, _, c]);
   y(() => {
     u && w(!0);
   }, []);
-  const m = T ? R(T.toString(), {
+  const T = m ? R(m.toString(), {
     length: P,
     separator: /,? +/
   }) : void 0;
   return /* @__PURE__ */ S(d.Root, {
     modal: !1,
     open: h,
-    children: [/* @__PURE__ */ e(d.Trigger, {
+    children: [/* @__PURE__ */ a(d.Trigger, {
       className: o.citationTrigger,
       onMouseEnter: p,
       onMouseLeave: r,
-      children: /* @__PURE__ */ e(E, {
+      children: /* @__PURE__ */ a(E, {
         ref: C,
-        "aria-label": h ? m : n(s.referenceAriaLabel, {
-          number: a
+        "aria-label": h ? T : n(s.referenceAriaLabel, {
+          number: e
         }),
         className: D(o.citationStatus, {
           [o.animate]: u,
@@ -85,10 +85,10 @@ import '../../../../styles/citation.css';const U = "_citationTrigger_mfhpi_1", q
         onBlur: r,
         onFocus: p,
         tabIndex: 0,
-        text: `${a}`
+        text: `${e}`
       })
-    }), /* @__PURE__ */ e(d.ContentContainer, {
-      "aria-label": m,
+    }), /* @__PURE__ */ a(d.ContentContainer, {
+      "aria-label": T,
       collisionPadding: 10,
       "data-testid": "content-answers-citation-card",
       onBlur: r,
@@ -105,25 +105,26 @@ import '../../../../styles/citation.css';const U = "_citationTrigger_mfhpi_1", q
       },
       side: "top",
       sideOffset: 5,
-      children: /* @__PURE__ */ e(d.MainContent, {
+      children: /* @__PURE__ */ a(d.MainContent, {
         children: /* @__PURE__ */ S("div", {
           className: o.cardTooltip,
-          children: [/* @__PURE__ */ e(B, {
+          children: [/* @__PURE__ */ a(x, {
             as: "h4",
             className: o.cardTooltipTitle,
             variant: "bodyDefaultBold",
             children: f
-          }), /* @__PURE__ */ e(B, {
+          }), /* @__PURE__ */ a(x, {
             as: "p",
             className: o.cardTooltipCitation,
             color: "textOnLightDefault",
             variant: "caption",
-            children: m
-          }), g && /* @__PURE__ */ e(L, {
+            children: T
+          }), g && /* @__PURE__ */ a(L, {
             "aria-label": n(s.cardTooltipButton),
             className: o.cardTooltipButton,
             icon: M,
             onClick: O,
+            "data-target-id": "TextButton-cardTooltipButton",
             children: n(s.cardTooltipButton)
           })]
         })

package/esm/lib/components/answer/copy-button.js

@@ -1,7 +1,7 @@
-import { useNotification as n, Tooltip as l, IconButton as m } from "@box/blueprint-web";
-import { Clipboard as u } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as f } from "react-intl";
-import d from "../../messages.js";
+import { useNotification as n, Tooltip as l, IconButton as d } from "@box/blueprint-web";
+import { Clipboard as m } from "@box/blueprint-web-assets/icons/Line";
+import { useIntl as u } from "react-intl";
+import f from "../../messages.js";
 import { LOGGER_BASE_CONFIG as b, LOGGER_ACTION_CLICK as C } from "../common/constants.js";
 import t from "./messages.js";
 import { jsx as s } from "react/jsx-runtime";
@@ -12,7 +12,7 @@ const L = ({
 }) => {
   const {
     formatMessage: o
-  } = f(), {
+  } = u(), {
     addNotification: c
   } = n(), p = () => {
     r && r({
@@ -25,20 +25,21 @@ const L = ({
         styledText: o(t.copyToClipboardSucceeded),
         variant: "success",
         typeIconAriaLabel: o(t.copyButtonSuccessText),
-        closeButtonAriaLabel: o(d.closeButtonText)
+        closeButtonAriaLabel: o(f.closeButtonText)
       }), a && a(i);
     });
   };
   return /* @__PURE__ */ s(l, {
     content: o(t.copyToClipboard),
-    children: /* @__PURE__ */ s(m, {
+    children: /* @__PURE__ */ s(d, {
       "aria-label": o(t.copyToClipboard),
-      icon: u,
+      icon: m,
       onClick: p,
       onFocusCapture: (e) => {
         e.target.matches(":focus-visible") || e.stopPropagation();
       },
-      size: "x-small"
+      size: "x-small",
+      "data-target-id": "IconButton-copyToClipboard"
     })
   });
 };

package/esm/lib/components/answer/no-citations.js

@@ -1,11 +1,11 @@
-import { Tooltip as s, IconButton as r } from "@box/blueprint-web";
+import { Tooltip as r, IconButton as s } from "@box/blueprint-web";
 import { InfoBadge as a } from "@box/blueprint-web-assets/icons/Line";
 import { useEffect as f } from "react";
 import { useIntl as i } from "react-intl";
 import { LOGGER_BASE_CONFIG as m } from "../common/constants.js";
 import c from "./messages.js";
 import { jsx as o } from "react/jsx-runtime";
-const N = ({
+const x = ({
   recordAction: e
 }) => {
   const {
@@ -16,19 +16,20 @@ const N = ({
       ...m,
       target: "noReferences"
     });
-  }, [e]), /* @__PURE__ */ o(s, {
+  }, [e]), /* @__PURE__ */ o(r, {
     className: "Answer-NoCitations",
     content: t,
     "data-testid": "content-answers-references-no-references-tooltip",
-    children: /* @__PURE__ */ o(r, {
+    children: /* @__PURE__ */ o(s, {
       "aria-label": t,
       "data-testid": "content-answers-references-no-references",
       icon: a,
-      size: "x-small"
+      size: "x-small",
+      "data-target-id": "IconButton-noReferences"
     })
   });
 };
 export {
-  N as NoCitationsIcon,
-  N as default
+  x as NoCitationsIcon,
+  x as default
 };

package/esm/lib/components/answer/thumb-buttons.js

@@ -1,60 +1,62 @@
-import { Tooltip as _, IconButton as f } from "@box/blueprint-web";
-import { ThumbUp as M, ThumbDown as B } from "@box/blueprint-web-assets/icons/Fill";
-import { ThumbUp as O, ThumbDown as C } from "@box/blueprint-web-assets/icons/Line";
-import n from "react";
-import { useIntl as H } from "react-intl";
-import { LOGGER_BASE_CONFIG as N, LOGGER_ACTION_PROGRAMMATIC as d } from "../common/constants.js";
+import { Tooltip as _, IconButton as U } from "@box/blueprint-web";
+import { ThumbUp as B, ThumbDown as M } from "@box/blueprint-web-assets/icons/Fill";
+import { ThumbUp as d, ThumbDown as O } from "@box/blueprint-web-assets/icons/Line";
+import s from "react";
+import { useIntl as C } from "react-intl";
+import { LOGGER_BASE_CONFIG as H, LOGGER_ACTION_PROGRAMMATIC as L } from "../common/constants.js";
 import u from "./messages.js";
-import { jsxs as w, Fragment as x, jsx as b } from "react/jsx-runtime";
-import '../../../../styles/thumb-buttons.css';const G = "_thumbDown_1axcd_1", L = {
-  thumbDown: G
+import { jsxs as N, Fragment as g, jsx as b } from "react/jsx-runtime";
+import '../../../../styles/thumb-buttons.css';const w = "_thumbDown_1axcd_1", x = {
+  thumbDown: w
 }, o = {
   THUMB_UP: "positive",
   THUMB_DOWN: "negative",
   NONE: "none"
 }, j = ({
   recordAction: m,
-  variant: p,
+  variant: i,
   items: h,
-  hostAppName: i,
-  questionId: T,
-  feedbackValue: U,
+  hostAppName: p,
+  questionId: r,
+  feedbackValue: f,
   setAnswerFeedback: l
 }) => {
   const {
-    formatMessage: s
-  } = H(), t = U, r = n.useMemo(() => h.filter((a) => a.status === "supported").map((a) => a.fileType), [h]), e = n.useCallback((a) => {
-    t !== a && (l == null || l(T, a), m == null || m({
-      ...N,
-      action: d,
+    formatMessage: e
+  } = C(), a = f, T = s.useMemo(() => h.filter((t) => t.status === "supported").map((t) => t.fileType), [h]), n = s.useCallback((t) => {
+    a !== t && (l == null || l(r, t), m == null || m({
+      ...H,
+      action: L,
       target: "answer_feedback",
-      component: p,
+      component: i,
       data: {
-        feedback_value: a,
-        file_types: r,
-        feature: i
+        feedback_value: t,
+        file_types: T,
+        feature: p
       }
     }));
-  }, [i, m, t, p, r, T, l]), c = n.useCallback(() => e(o.THUMB_UP), [e]), D = n.useCallback(() => e(o.THUMB_DOWN), [e]);
-  return /* @__PURE__ */ w(x, {
+  }, [p, m, a, i, T, r, l]), c = s.useCallback(() => n(o.THUMB_UP), [n]), D = s.useCallback(() => n(o.THUMB_DOWN), [n]);
+  return /* @__PURE__ */ N(g, {
     children: [/* @__PURE__ */ b(_, {
-      content: s(u.thumbsUpAriaLabel),
-      children: /* @__PURE__ */ b(f, {
-        "aria-label": s(u.thumbsUpAriaLabel),
-        disabled: t === o.THUMB_DOWN,
-        icon: t === o.THUMB_UP ? M : O,
+      content: e(u.thumbsUpAriaLabel),
+      children: /* @__PURE__ */ b(U, {
+        "aria-label": e(u.thumbsUpAriaLabel),
+        disabled: a === o.THUMB_DOWN,
+        icon: a === o.THUMB_UP ? B : d,
         onClick: c,
-        size: "x-small"
+        size: "x-small",
+        "data-target-id": "IconButton-thumbsUpAriaLabel"
       })
     }), /* @__PURE__ */ b(_, {
-      content: s(u.thumbsDownAriaLabel),
-      children: /* @__PURE__ */ b(f, {
-        "aria-label": s(u.thumbsDownAriaLabel),
-        className: L.thumbDown,
-        disabled: t === o.THUMB_UP,
-        icon: t === o.THUMB_DOWN ? B : C,
+      content: e(u.thumbsDownAriaLabel),
+      children: /* @__PURE__ */ b(U, {
+        "aria-label": e(u.thumbsDownAriaLabel),
+        className: x.thumbDown,
+        disabled: a === o.THUMB_UP,
+        icon: a === o.THUMB_DOWN ? M : O,
         onClick: D,
-        size: "x-small"
+        size: "x-small",
+        "data-target-id": "IconButton-thumbsDownAriaLabel"
       })
     })]
   });

package/esm/lib/components/common/media-container.js

@@ -1,16 +1,16 @@
 import { Card as d } from "@box/blueprint-web";
 import s from "clsx";
 import { jsx as o } from "react/jsx-runtime";
-import '../../../../styles/media-container.css';const _ = "_mediaContainer_v8502_1", c = "_figure_v8502_7", m = "_sidebar_v8502_14", l = "_welcomeMessage_v8502_33", v = "_modal_v8502_37", g = "_question_v8502_40", u = "_contentCard_v8502_56", C = "_answer_v8502_62", b = "_body_v8502_66", f = "_error_v8502_101", e = {
+import '../../../../styles/media-container.css';const _ = "_mediaContainer_1392k_1", c = "_figure_1392k_7", m = "_sidebar_1392k_14", l = "_welcomeMessage_1392k_33", g = "_modal_1392k_37", u = "_question_1392k_40", k = "_contentCard_1392k_56", C = "_answer_1392k_62", b = "_body_1392k_66", f = "_error_1392k_101", e = {
   mediaContainer: _,
   figure: c,
   sidebar: m,
-  "center-aligned": "_center-aligned_v8502_17",
-  "top-aligned": "_top-aligned_v8502_24",
+  "center-aligned": "_center-aligned_1392k_17",
+  "top-aligned": "_top-aligned_1392k_24",
   welcomeMessage: l,
-  modal: v,
-  question: g,
-  contentCard: u,
+  modal: g,
+  question: u,
+  contentCard: k,
   answer: C,
   body: b,
   error: f

package/esm/lib/components/footer/footer-actions.js

@@ -1,16 +1,16 @@
 import { Button as l } from "@box/blueprint-web";
-import { useRef as g, useCallback as p, useEffect as O } from "react";
-import { useIntl as w } from "react-intl";
+import { useRef as N, useCallback as p, useEffect as y } from "react";
+import { useIntl as O } from "react-intl";
 import { A as m } from "../../../../chunks/types.js";
 import { LOGGER_BASE_CONFIG as u, LOGGER_ACTION_CLICK as R } from "../common/constants.js";
 import d from "./messages.js";
-import { jsxs as y, jsx as E } from "react/jsx-runtime";
+import { jsxs as w, jsx as B } from "react/jsx-runtime";
 import '../../../../styles/footer-actions.css';const k = "_footerActions_1l4g8_1", v = "_footerActionButton_1l4g8_11", a = {
   footerActions: k,
   footerActionButton: v
 }, j = ({
-  isStopResponseEnabled: _ = !1,
-  isStreamingEnabled: B = !1,
+  isStopResponseEnabled: E = !1,
+  isStreamingEnabled: _ = !1,
   lastQuestion: o,
   onRetryQuestion: s,
   onStopQuestion: c,
@@ -19,43 +19,45 @@ import '../../../../styles/footer-actions.css';const k = "_footerActions_1l4g8_1
   const {
     answer: S,
     error: n,
-    isCompleted: h
-  } = o, e = s && n && n !== m.RESPONSE_STOPPED && n !== m.RESPONSE_INTERRUPTED, i = B && !h && (_ || S), A = i || e, r = g(null), {
+    isCompleted: g
+  } = o, e = s && n && n !== m.RESPONSE_STOPPED && n !== m.RESPONSE_INTERRUPTED, i = _ && !g && (E || S), h = i || e, r = N(null), {
     formatMessage: f
-  } = w(), C = p(() => {
+  } = O(), A = p(() => {
     t && t({
       ...u,
       action: R,
       target: "stopResponse"
     }), c(o);
-  }, [o, c, t]), N = p(() => {
+  }, [o, c, t]), C = p(() => {
     t && t({
       ...u,
       action: R,
       target: "retryResponse"
     }), s(o);
   }, [o, s, t]);
-  return O(() => {
+  return y(() => {
     e && r.current && r.current.focus();
-  }, [e]), A ? /* @__PURE__ */ y("div", {
+  }, [e]), h ? /* @__PURE__ */ w("div", {
     className: a.footerActions,
     "data-testid": "content-answers-modal-footer-actions",
-    children: [i && /* @__PURE__ */ E(l, {
+    children: [i && /* @__PURE__ */ B(l, {
       "aria-live": "polite",
       className: a.footerActionButton,
       "data-testid": "content-answers-stop-response-button",
-      onClick: C,
+      onClick: A,
       size: "large",
       variant: "secondary",
+      "data-target-id": "Button-stopResponse",
       children: f(d.stopResponse)
-    }), e && /* @__PURE__ */ E(l, {
+    }), e && /* @__PURE__ */ B(l, {
       ref: r,
       "aria-live": "polite",
       className: a.footerActionButton,
       "data-testid": "content-answers-retry-response-button",
-      onClick: N,
+      onClick: C,
       size: "large",
       variant: "secondary",
+      "data-target-id": "Button-retryResponse",
       children: f(d.retryResponse)
     })]
   }) : null;

package/esm/lib/components/footer/footer.js

@@ -1,133 +1,128 @@
-import V from "clsx";
+import D from "clsx";
 import * as r from "react";
-import { useIntl as Y } from "react-intl";
-import { useBreakpoint as $, Breakpoint as J, TextArea as Q, Tooltip as Z, Button as q } from "@box/blueprint-web";
-import { ArrowUp as g } from "@box/blueprint-web-assets/icons/Fill";
-import { useAgents as P } from "@box/box-ai-agent-selector";
-import { useAgents as tt } from "../../contexts/AgentsContext.js";
-import { FooterActions as at } from "./footer-actions.js";
-import { getAIAgentConfig as O } from "../common/agentUtils.js";
-import { isDebugModeTrigger as rt, isEnterTrigger as et } from "../common/keyInputUtils.js";
-import { TEXT_AREA as i } from "./constants.js";
-import n from "./messages.js";
-import { LOGGER_BASE_CONFIG as X, LOGGER_ACTION_CLICK as ot, LOGGER_ACTION_KEYPRESS as st } from "../common/constants.js";
-import { jsxs as R, jsx as b } from "react/jsx-runtime";
-import '../../../../styles/footer.css';const it = "_questionInput_1o8is_1", nt = "_avatar_1o8is_26", mt = "_submitButton_1o8is_29", ct = "_textArea_1o8is_45", ut = "_error_1o8is_68", lt = "_sidebar_1o8is_71", ft = "_submitButtonTooltip_1o8is_79", C = {
-  questionInput: it,
-  avatar: nt,
-  submitButton: mt,
-  textArea: ct,
-  error: ut,
-  sidebar: lt,
-  submitButtonTooltip: ft
-}, Bt = ({
+import { useIntl as U } from "react-intl";
+import { useBreakpoint as V, Breakpoint as Y, TextArea as $, Tooltip as J, Button as Q } from "@box/blueprint-web";
+import { ArrowUp as Z } from "@box/blueprint-web-assets/icons/Fill";
+import { useAgents as q } from "@box/box-ai-agent-selector";
+import { useAgents as g } from "../../contexts/AgentsContext.js";
+import { FooterActions as P } from "./footer-actions.js";
+import { getAIAgentConfig as N } from "../common/agentUtils.js";
+import { isDebugModeTrigger as tt, isEnterTrigger as at } from "../common/keyInputUtils.js";
+import { TEXT_AREA as s } from "./constants.js";
+import u from "./messages.js";
+import { LOGGER_BASE_CONFIG as O, LOGGER_ACTION_CLICK as rt, LOGGER_ACTION_KEYPRESS as et } from "../common/constants.js";
+import { jsxs as X, jsx as d } from "react/jsx-runtime";
+import '../../../../styles/footer.css';const ot = "_questionInput_1o8is_1", st = "_avatar_1o8is_26", it = "_submitButton_1o8is_29", nt = "_textArea_1o8is_45", mt = "_error_1o8is_68", ut = "_sidebar_1o8is_71", ct = "_submitButtonTooltip_1o8is_79", C = {
+  questionInput: ot,
+  avatar: st,
+  submitButton: it,
+  textArea: nt,
+  error: mt,
+  sidebar: ut,
+  submitButtonTooltip: ct
+}, Mt = ({
   askSuggestedQuestion: k,
   enableDebugMode: x = !1,
   hasRequestInProgress: e,
   isAgentSelectorEnabled: f,
   isAIStudioAgentSelectorEnabled: p,
-  isDebugModeShown: M,
+  isDebugModeShown: h,
   isStopResponseEnabled: w,
   isStreamingEnabled: H,
   lastQuestion: A,
   onRetryQuestion: E,
-  onStopQuestion: I,
+  onStopQuestion: R,
   recordAction: o,
   sendQuestion: L,
-  setAskSuggestedQuestion: B,
-  toggleDebugMode: m,
+  setAskSuggestedQuestion: M,
+  toggleDebugMode: i,
   variant: y = "modal"
 }) => {
-  const T = y === "sidebar", s = Y(), F = $(), a = /* @__PURE__ */ r.createRef(), h = F <= J.Medium || T, K = h && !T ? i.MAX_ROWS_MOBILE : i.MAX_ROWS, [u, G] = r.useState(!0), [j, N] = r.useState(!1), {
+  const v = y === "sidebar", n = U(), I = V(), a = /* @__PURE__ */ r.createRef(), K = I <= Y.Medium && !v ? s.MAX_ROWS_MOBILE : s.MAX_ROWS, [c, B] = r.useState(!0), [F, G] = r.useState(!1), {
     selectedAgent: _
-  } = tt(), {
-    selectedAgent: d
-  } = P(), v = r.useCallback(() => {
+  } = g(), {
+    selectedAgent: b
+  } = q(), T = r.useCallback(() => {
     a.current && a.current.focus();
-  }, [a]), S = r.useCallback(() => {
-    var c;
-    let t = ((c = a.current) == null ? void 0 : c.value) ?? "";
-    a.current && t.length > i.MAX_LENGTH && (a.current.value = t.slice(0, i.MAX_LENGTH), t = a.current.value), N(t.length >= i.MAX_LENGTH), G(t.trim().length === 0);
+  }, [a]), j = r.useCallback(() => {
+    var m;
+    let t = ((m = a.current) == null ? void 0 : m.value) ?? "";
+    a.current && t.length > s.MAX_LENGTH && (a.current.value = t.slice(0, s.MAX_LENGTH), t = a.current.value), G(t.length >= s.MAX_LENGTH), B(t.trim().length === 0);
   }, [a]), l = r.useCallback(() => {
-    if (v(), !e && a.current) {
+    if (T(), !e && a.current) {
       const t = {
         prompt: a.current.value
       };
       if (t.prompt && t.prompt.trim()) {
-        const c = O(f, _, p, d);
-        L(t, c), a.current.value = "", G(!0), N(!1);
+        const m = N(f, _, p, b);
+        L(t, m), a.current.value = "", B(!0), G(!1);
       }
-      M && m && m();
+      h && i && i();
     }
-  }, [d, v, e, a, p, f, M, _, L, m]), W = r.useCallback((t) => {
-    t.preventDefault(), !e && !u && o && o({
-      ...X,
-      action: ot,
+  }, [b, T, e, a, p, f, h, _, L, i]), S = r.useCallback((t) => {
+    t.preventDefault(), !e && !c && o && o({
+      ...O,
+      action: rt,
       target: "ask"
     }), l();
-  }, [e, u, o, l]), z = r.useCallback((t) => {
-    x && m && rt(t) && m(), et(t) && (t.preventDefault(), !e && !u && o && o({
-      ...X,
-      action: st,
+  }, [e, c, o, l]), W = r.useCallback((t) => {
+    x && i && tt(t) && i(), at(t) && (t.preventDefault(), !e && !c && o && o({
+      ...O,
+      action: et,
       target: "ask"
     }), l());
-  }, [x, e, u, o, l, m]), D = r.useCallback((t) => {
-    const c = O(f, _, p, d);
-    E(t, c);
-  }, [d, p, f, E, _]);
-  r.useEffect(() => {
-    queueMicrotask(v);
+  }, [x, e, c, o, l, i]), z = r.useCallback((t) => {
+    const m = N(f, _, p, b);
+    E(t, m);
+  }, [b, p, f, E, _]);
+  return r.useEffect(() => {
+    queueMicrotask(T);
   }, []), r.useEffect(() => {
-    k && a.current && !e && B && (a.current.value = k, l(), B(null));
-  }, [k]);
-  function U() {
-    if (h)
-      return g;
-  }
-  return /* @__PURE__ */ R("div", {
-    children: [A && /* @__PURE__ */ b(at, {
+    k && a.current && !e && M && (a.current.value = k, l(), M(null));
+  }, [k]), /* @__PURE__ */ X("div", {
+    children: [A && /* @__PURE__ */ d(P, {
       isStopResponseEnabled: w,
       isStreamingEnabled: H,
       lastQuestion: A,
-      onRetryQuestion: D,
-      onStopQuestion: I,
+      onRetryQuestion: z,
+      onStopQuestion: R,
       recordAction: o
-    }), /* @__PURE__ */ R("div", {
-      className: V(C.questionInput, T && C.sidebar),
-      children: [/* @__PURE__ */ b(Q, {
+    }), /* @__PURE__ */ X("div", {
+      className: D(C.questionInput, v && C.sidebar),
+      children: [/* @__PURE__ */ d($, {
         ref: a,
         className: C.textArea,
         "data-testid": "content-answers-question-input",
-        error: j && s.formatMessage(n.maxCharactersReachedError, {
-          characterLimit: i.MAX_LENGTH
+        error: F && n.formatMessage(u.maxCharactersReachedError, {
+          characterLimit: s.MAX_LENGTH
         }),
         hideLabel: !0,
-        label: s.formatMessage(n.askQuestionPlaceholder),
-        maxLength: i.MAX_LENGTH,
+        label: n.formatMessage(u.askQuestionPlaceholder),
+        maxLength: s.MAX_LENGTH,
         maxRows: K,
-        onChange: S,
-        onKeyDown: z,
-        placeholder: s.formatMessage(n.askQuestionPlaceholder)
-      }), /* @__PURE__ */ b(Z, {
-        content: s.formatMessage(n.ask),
+        onChange: j,
+        onKeyDown: W,
+        placeholder: n.formatMessage(u.askQuestionPlaceholder)
+      }), /* @__PURE__ */ d(J, {
+        content: n.formatMessage(u.ask),
         "data-testid": "ask-tooltip",
         variant: "standard",
-        children: /* @__PURE__ */ b(q, {
-          "aria-label": s.formatMessage(n.ask),
+        children: /* @__PURE__ */ d(Q, {
+          "aria-label": n.formatMessage(u.ask),
           className: C.submitButton,
           "data-testid": "content-answers-submit-button",
-          disabled: u || e,
-          icon: U(),
+          disabled: c || e,
+          icon: Z,
           loading: e,
-          loadingAriaLabel: s.formatMessage(n.askDisabledTooltip),
-          onClick: W,
+          loadingAriaLabel: n.formatMessage(u.askDisabledTooltip),
+          onClick: S,
           size: "small",
-          children: h ? void 0 : s.formatMessage(n.ask)
+          "data-target-id": "Button-ask"
         })
       })]
     })]
   });
 };
 export {
-  Bt as Footer
+  Mt as Footer
 };

package/esm/lib/components/modal/modal.js

@@ -1,27 +1,27 @@
 import { useBreakpoint as D, Breakpoint as I, Modal as c, Text as K } from "@box/blueprint-web";
 import { ArrowsCollapse as $ } from "@box/blueprint-web-assets/icons/Fill";
 import { BoxAiLogo as J } from "@box/blueprint-web-assets/icons/Logo";
-import { Size8 as _ } from "@box/blueprint-web-assets/tokens/tokens";
+import { Size8 as L } from "@box/blueprint-web-assets/tokens/tokens";
 import { BoxAiAgentSelectorWithApi as V, AgentsProvider as X } from "@box/box-ai-agent-selector";
 import l from "react";
 import { useIntl as Y } from "react-intl";
 import { BoxAiContentAnswers as Z } from "../../box-ai-content-answers.js";
 import { AgentsProvider as ee } from "../../contexts/AgentsContext.js";
-import { A as te, R as oe } from "../../../../chunks/types.js";
+import { A as oe, R as te } from "../../../../chunks/types.js";
 import { AgentSelector as se } from "../agents/agent-selector.js";
-import { LOGGER_BASE_CONFIG as g, LOGGER_ACTION_CLICK as ae } from "../common/constants.js";
-import { s as o, C as re } from "../../../../chunks/clear-conversation-button.js";
+import { LOGGER_BASE_CONFIG as C, LOGGER_ACTION_CLICK as ae } from "../common/constants.js";
+import { s as t, C as re } from "../../../../chunks/clear-conversation-button.js";
 import le from "./hooks/useStopPropagationOnEsc.js";
-import C from "./messages.js";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import p from "./messages.js";
+import { jsxs as h, jsx as e } from "react/jsx-runtime";
 const Ne = ({
-  children: x,
-  getAIStudioAgents: h,
-  hasCustomSuggestedQuestions: k,
-  hostAppName: m,
-  isAgentSelectorEnabled: A,
-  isAIStudioAgentSelectorEnabled: d,
-  isDebugModeEnabled: w,
+  children: _,
+  getAIStudioAgents: A,
+  hasCustomSuggestedQuestions: x,
+  hostAppName: d,
+  isAgentSelectorEnabled: M,
+  isAIStudioAgentSelectorEnabled: m,
+  isDebugModeEnabled: k,
   isResetChatEnabled: B,
   isStopResponseEnabled: S = !1,
   itemSize: T,
@@ -31,26 +31,26 @@ const Ne = ({
   recordAction: a,
   shouldRenderProviders: P = !0,
   stopPropagationOnEsc: q,
-  variant: v = "closable",
+  variant: f = "closable",
   items: n,
   parentItem: i,
   ...H
 }) => {
-  var b, L;
+  var v, w;
   const {
     open: E,
     defaultOpen: z,
     onOpenChange: F,
     modal: j,
     ...r
-  } = H, f = Y(), Q = D() <= I.Medium;
+  } = H, g = Y(), Q = D() <= I.Medium;
   le(q, E);
-  const u = (L = (b = r == null ? void 0 : r.questions) == null ? void 0 : b[r.questions.length - 1]) == null ? void 0 : L.error, [U, N] = l.useState(!1), s = l.useCallback((t) => {
-    a && (t.data ?? (t.data = {}), t.data.hostAppName = m, a(t));
-  }, [m, a]);
+  const u = (w = (v = r == null ? void 0 : r.questions) == null ? void 0 : v[r.questions.length - 1]) == null ? void 0 : w.error, [U, N] = l.useState(!1), s = l.useCallback((o) => {
+    a && (o.data ?? (o.data = {}), o.data.hostAppName = d, a(o));
+  }, [d, a]);
   l.useEffect(() => {
     n || s({
-      ...g,
+      ...C,
       target: "loaded",
       data: {
         fileSize: T,
@@ -59,70 +59,70 @@ const Ne = ({
     });
   }, [s, O, T, n, a]), l.useEffect(() => {
     n && s({
-      ...g,
+      ...C,
       target: "loaded",
       data: {
         parentItemType: i == null ? void 0 : i.type,
-        items: n.map((t) => ({
-          status: t.status,
-          fileType: t.fileType
+        items: n.map((o) => ({
+          status: o.status,
+          fileType: o.fileType
         }))
       }
     });
   }, [s, i, a]), l.useEffect(() => {
-    u && u === te.AGENT_NOT_FOUND && N(!0);
+    u && u === oe.AGENT_NOT_FOUND && N(!0);
   }, [u]);
   const W = () => {
     R && (R(), s({
-      ...g,
+      ...C,
       action: ae,
       target: "clearChat"
     }));
-  }, y = l.useCallback(async () => (N(!1), h()), [h]), M = /* @__PURE__ */ p(c, {
+  }, y = l.useCallback(async () => (N(!1), A()), [A]), b = /* @__PURE__ */ h(c, {
     defaultOpen: z,
     modal: j,
     onOpenChange: F,
     open: E,
     children: [/* @__PURE__ */ e(c.Trigger, {
-      children: x
-    }), /* @__PURE__ */ p(c.Content, {
-      className: o.contentAnswersModal,
+      children: _
+    }), /* @__PURE__ */ h(c.Content, {
+      className: t.contentAnswersModal,
       "data-testid": "content-answers-modal",
       size: "xlarge",
       children: [/* @__PURE__ */ e(c.Header, {
-        className: o.modalHeaderContainer,
-        children: /* @__PURE__ */ p("div", {
-          className: o.modalHeader,
+        className: t.modalHeaderContainer,
+        children: /* @__PURE__ */ h("div", {
+          className: t.modalHeader,
           children: [!Q && /* @__PURE__ */ e(J, {
-            className: o.BoxAIIconColor,
+            className: t.BoxAIIconColor,
             "data-testid": "content-answers-icon-color",
-            height: _,
-            width: _
+            height: L,
+            width: L
           }), /* @__PURE__ */ e(K, {
             as: "span",
             variant: "titleMedium",
-            children: f.formatMessage(C.contentAnswersTitle)
-          }), !d && A && /* @__PURE__ */ e(se, {
+            children: g.formatMessage(p.contentAnswersTitle)
+          }), !m && M && /* @__PURE__ */ e(se, {
             onSelectAgent: G,
             recordAction: s
-          }), d && /* @__PURE__ */ e(V, {
-            contentClassName: o.agentSelectorContent,
+          }), m && /* @__PURE__ */ e(V, {
+            contentClassName: t.agentSelectorContent,
             disabled: r.hasRequestInProgress,
             fetcher: y,
-            hostAppName: m,
+            hostAppName: d,
             recordAction: a,
-            requestState: U ? oe.ERROR : void 0,
+            requestState: U ? te.ERROR : void 0,
             shouldHideAgentSelectorOnLoad: !0,
-            triggerChipClassName: o.agentSelectorTrigger
+            triggerChipClassName: t.agentSelectorTrigger
           })]
         })
       }), /* @__PURE__ */ e(Z, {
-        className: o.boxAiContentAnswers,
-        hasCustomSuggestedQuestions: k,
-        hostAppName: m,
-        isAgentSelectorEnabled: !d && A,
-        isAIStudioAgentSelectorEnabled: d,
-        isDebugModeEnabled: w,
+        className: t.boxAiContentAnswers,
+        hasCustomSuggestedQuestions: x,
+        hostAppName: d,
+        isAgentSelectorEnabled: !m && M,
+        isAIStudioAgentSelectorEnabled: m,
+        isDebugModeEnabled: k,
         isStopResponseEnabled: S,
         items: n,
         parentItem: i,
@@ -131,18 +131,19 @@ const Ne = ({
       }), B && /* @__PURE__ */ e(re, {
         onClick: W
       }), /* @__PURE__ */ e(c.Close, {
-        "aria-label": v === "collapsible" ? f.formatMessage(C.collapseModalAriaLabel) : f.formatMessage(C.closeModalAriaLabel),
-        className: o["modal-close-button"],
-        icon: v === "collapsible" ? $ : void 0,
+        "aria-label": f === "collapsible" ? g.formatMessage(p.collapseModalAriaLabel) : g.formatMessage(p.closeModalAriaLabel),
+        className: t["modal-close-button"],
+        "data-target-id": f === "collapsible" ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal",
+        icon: f === "collapsible" ? $ : void 0,
         size: "small"
       })]
     })]
   });
   return P ? /* @__PURE__ */ e(X, {
     children: /* @__PURE__ */ e(ee, {
-      children: M
+      children: b
     })
-  }) : M;
+  }) : b;
 };
 export {
   Ne as IntelligenceModal,

package/esm/lib/components/question/question.js

@@ -1,27 +1,28 @@
 import { Text as r } from "@box/blueprint-web";
-import c from "clsx";
-import { MediaContainer as o } from "../common/media-container.js";
+import d from "clsx";
+import { MediaContainer as i } from "../common/media-container.js";
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../styles/question.css';const d = "_question_yk230_1", m = "_text_yk230_6", e = {
-  question: d,
-  text: m
-}, p = ({
-  prompt: i,
+import '../../../../styles/question.css';const c = "_question_1qk3n_1", m = "_sidebar_1qk3n_6", l = "_text_1qk3n_9", e = {
+  question: c,
+  sidebar: m,
+  text: l
+}, b = ({
+  prompt: o,
   variant: s = "modal"
 }) => {
-  const n = s === "sidebar", a = /* @__PURE__ */ t(o.Content, {
+  const n = s === "sidebar", a = /* @__PURE__ */ t(i.Content, {
     isUsedInsideSidebar: n,
     variant: "question",
     children: /* @__PURE__ */ t(r, {
       as: "span",
-      className: c(e.text, n && e.sidebar),
-      children: i
+      className: e.text,
+      children: o
     })
   });
   return /* @__PURE__ */ t("div", {
-    className: e.question,
+    className: d(e.question, n && e.sidebar),
     "data-testid": "content-answers-question",
-    children: /* @__PURE__ */ t(o, {
+    children: /* @__PURE__ */ t(i, {
       className: "question",
       variant: s,
       children: a
@@ -29,6 +30,6 @@ import '../../../../styles/question.css';const d = "_question_yk230_1", m = "_te
   });
 };
 export {
-  p as Question,
-  p as default
+  b as Question,
+  b as default
 };

package/esm/lib/components/suggested-questions/suggestions.js

@@ -1,32 +1,32 @@
 import { FilterChip as e } from "@box/blueprint-web";
 import l from "clsx";
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../styles/suggestions.css';const c = "_suggestions_1sb8t_1", u = "_sidebar_1sb8t_6", m = "_suggestion_1sb8t_1", i = {
+import '../../../../styles/suggestions.css';const c = "_suggestions_z97no_1", u = "_sidebar_z97no_6", m = "_suggestion_z97no_1", n = {
   suggestions: c,
   sidebar: u,
   suggestion: m
 }, h = ({
-  askSuggestedQuestion: o,
+  askSuggestedQuestion: i,
   isLoading: a,
   onSuggestedQuestionClick: r,
   suggestedQuestions: g,
   variant: d = "modal"
 }) => /* @__PURE__ */ t(e.Group, {
-  className: l(i.suggestions, d === "sidebar" && i.sidebar),
+  className: l(n.suggestions, d === "sidebar" && n.sidebar),
   "data-testid": "content-answers-suggested-questions",
   name: "Singleselect SuggestedQuestions",
   type: "single",
-  value: o,
+  value: i,
   children: g.map((s) => {
-    const n = s.label || s.prompt;
+    const o = s.label || s.prompt;
     return /* @__PURE__ */ t(e.ChipButton, {
-      className: i.suggestion,
+      className: n.suggestion,
       "data-testid": `content-answers-${s.id}`,
       disabled: a,
       onClick: () => r(s.prompt),
-      value: n,
+      value: o,
       children: /* @__PURE__ */ t(e.Label, {
-        children: n
+        children: o
       })
     }, s.id);
   })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.92.4",
+  "version": "0.93.1",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
@@ -15,11 +15,12 @@
     "remarkable": "^2.0.1"
   },
   "devDependencies": {
-    "@box/blueprint-web": "^9.17.0",
-    "@box/blueprint-web-assets": "^4.33.0",
-    "@box/box-ai-agent-selector": "^0.25.3",
-    "@box/item-icon": "^0.9.80",
-    "@box/storybook-utils": "^0.8.2",
+    "@box/babel-plugin-target-attributes": "1.3.0",
+    "@box/blueprint-web": "^9.18.0",
+    "@box/blueprint-web-assets": "^4.33.1",
+    "@box/box-ai-agent-selector": "^0.26.1",
+    "@box/item-icon": "^0.9.82",
+    "@box/storybook-utils": "^0.8.3",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
@@ -56,5 +57,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "4b9f89f7ee8b3ad903227091b720e2ff28578fcc"
+  "gitHead": "a2056d2f579edc055a85156efe0e93414840445e"
 }

package/styles/media-container.css

@@ -1 +1 @@
-._mediaContainer_v8502_1{display:flex;align-items:flex-start;margin-top:1rem;margin-bottom:1rem}._mediaContainer_v8502_1 ._figure_v8502_7{flex:0 0 auto;align-self:flex-start;justify-self:flex-start;margin:.75rem .75rem 0 0;padding:0}._mediaContainer_v8502_1 ._figure_v8502_7._sidebar_v8502_14{margin:0}._mediaContainer_v8502_1 ._figure_v8502_7._center-aligned_v8502_17{align-self:center;margin:0 .75rem 0 0}._mediaContainer_v8502_1 ._figure_v8502_7._center-aligned_v8502_17._sidebar_v8502_14{align-self:flex-start}._mediaContainer_v8502_1 ._figure_v8502_7._top-aligned_v8502_24{align-self:top;margin:0 .75rem 0 0}._mediaContainer_v8502_1._sidebar_v8502_14{flex-direction:column;gap:.5rem;margin-bottom:1.25rem}._mediaContainer_v8502_1._welcomeMessage_v8502_33{margin-top:.25rem;margin-bottom:0}._mediaContainer_v8502_1._welcomeMessage_v8502_33._modal_v8502_37{margin-top:0}._mediaContainer_v8502_1._question_v8502_40{align-items:center;justify-content:flex-end;border-radius:1.75rem}._mediaContainer_v8502_1._question_v8502_40 ._figure_v8502_7{align-self:center;margin:0 0 0 .75rem}._mediaContainer_v8502_1._question_v8502_40._sidebar_v8502_14{margin-top:.75rem;margin-bottom:.75rem}._mediaContainer_v8502_1._question_v8502_40._sidebar_v8502_14 ._figure_v8502_7{align-self:flex-end}._mediaContainer_v8502_1._question_v8502_40 ._contentCard_v8502_56{background-color:#ece9f8;border-radius:1.75rem;line-height:1.5rem;padding:.75rem 1rem}._mediaContainer_v8502_1._answer_v8502_62._sidebar_v8502_14{margin-top:.75rem;margin-bottom:.75rem}._mediaContainer_v8502_1 ._body_v8502_66{min-width:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}._mediaContainer_v8502_1 ._body_v8502_66._answer_v8502_62{border:none;width:100%}._mediaContainer_v8502_1 ._body_v8502_66._answer_v8502_62 ._contentCard_v8502_56{background-color:transparent;border:none;border-radius:1.75rem;padding:1rem .75rem}._mediaContainer_v8502_1 ._body_v8502_66._answer_v8502_62 ._contentCard_v8502_56:hover{background-color:#f4f4f4}._mediaContainer_v8502_1 ._body_v8502_66._welcomeMessage_v8502_33{border:none;width:100%}._mediaContainer_v8502_1 ._body_v8502_66._welcomeMessage_v8502_33 ._contentCard_v8502_56{padding:.75rem 1rem .25rem;background-color:transparent;border:none;border-radius:1.5rem}._mediaContainer_v8502_1 ._body_v8502_66._welcomeMessage_v8502_33 ._contentCard_v8502_56._modal_v8502_37{padding-top:1rem}._mediaContainer_v8502_1 ._body_v8502_66._sidebar_v8502_14._question_v8502_40{align-self:flex-end}._mediaContainer_v8502_1 ._body_v8502_66._error_v8502_101{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:.75rem 1rem;background-color:#fdebee;border:.125rem solid #f69bab;border-radius:1.75rem}@media (max-width: 767px){._mediaContainer_v8502_1 ._body_v8502_66._error_v8502_101{flex-wrap:wrap;width:unset}}
+._mediaContainer_1392k_1{display:flex;align-items:flex-start;margin-top:1rem;margin-bottom:1rem}._mediaContainer_1392k_1 ._figure_1392k_7{flex:0 0 auto;align-self:flex-start;justify-self:flex-start;margin:.75rem .75rem 0 0;padding:0}._mediaContainer_1392k_1 ._figure_1392k_7._sidebar_1392k_14{margin:0}._mediaContainer_1392k_1 ._figure_1392k_7._center-aligned_1392k_17{align-self:center;margin:0 .75rem 0 0}._mediaContainer_1392k_1 ._figure_1392k_7._center-aligned_1392k_17._sidebar_1392k_14{align-self:flex-start}._mediaContainer_1392k_1 ._figure_1392k_7._top-aligned_1392k_24{align-self:top;margin:0 .75rem 0 0}._mediaContainer_1392k_1._sidebar_1392k_14{flex-direction:column;gap:.5rem;margin-bottom:1.25rem}._mediaContainer_1392k_1._welcomeMessage_1392k_33{margin-top:.25rem;margin-bottom:0}._mediaContainer_1392k_1._welcomeMessage_1392k_33._modal_1392k_37{margin-top:0}._mediaContainer_1392k_1._question_1392k_40{align-items:center;justify-content:flex-end;border-radius:1.5rem}._mediaContainer_1392k_1._question_1392k_40 ._figure_1392k_7{align-self:center;margin:0 0 0 .75rem}._mediaContainer_1392k_1._question_1392k_40._sidebar_1392k_14{margin-top:.75rem;margin-bottom:.75rem}._mediaContainer_1392k_1._question_1392k_40._sidebar_1392k_14 ._figure_1392k_7{align-self:flex-end}._mediaContainer_1392k_1._question_1392k_40 ._contentCard_1392k_56{background-color:#ece9f8;border-radius:1.5rem;line-height:1.5rem;padding:.75rem 1rem}._mediaContainer_1392k_1._answer_1392k_62._sidebar_1392k_14{margin-top:.75rem;margin-bottom:.75rem}._mediaContainer_1392k_1 ._body_1392k_66{min-width:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}._mediaContainer_1392k_1 ._body_1392k_66._answer_1392k_62{border:none;width:100%}._mediaContainer_1392k_1 ._body_1392k_66._answer_1392k_62 ._contentCard_1392k_56{background-color:transparent;border:none;border-radius:1.5rem;padding:1rem .75rem}._mediaContainer_1392k_1 ._body_1392k_66._answer_1392k_62 ._contentCard_1392k_56:hover{background-color:#f4f4f4}._mediaContainer_1392k_1 ._body_1392k_66._welcomeMessage_1392k_33{border:none;width:100%}._mediaContainer_1392k_1 ._body_1392k_66._welcomeMessage_1392k_33 ._contentCard_1392k_56{padding:.75rem 1rem .25rem;background-color:transparent;border:none;border-radius:1.5rem}._mediaContainer_1392k_1 ._body_1392k_66._welcomeMessage_1392k_33 ._contentCard_1392k_56._modal_1392k_37{padding-top:1rem}._mediaContainer_1392k_1 ._body_1392k_66._sidebar_1392k_14._question_1392k_40{align-self:flex-end}._mediaContainer_1392k_1 ._body_1392k_66._error_1392k_101{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:.75rem 1rem;background-color:#fdebee;border:.125rem solid #f69bab;border-radius:1.75rem}@media (max-width: 767px){._mediaContainer_1392k_1 ._body_1392k_66._error_1392k_101{flex-wrap:wrap;width:unset}}

package/styles/question.css

@@ -1 +1 @@
-._question_yk230_1{margin-top:1rem;white-space:pre-wrap;border-radius:1.75rem}._question_yk230_1 ._text_yk230_6{font-size:.9375rem;line-height:1.5rem}
+._question_1qk3n_1{margin-top:1rem;margin-left:8rem;white-space:pre-wrap}._question_1qk3n_1._sidebar_1qk3n_6{margin-left:4.5rem}._question_1qk3n_1 ._text_1qk3n_9{font-size:.9375rem;line-height:1.5rem}@media (max-width: 767px){._question_1qk3n_1{margin-left:4.5rem}}

package/styles/suggestions.css

@@ -1 +1 @@
-._suggestions_1sb8t_1{gap:.75rem;flex-wrap:wrap;margin-top:.75rem}._suggestions_1sb8t_1._sidebar_1sb8t_6{margin-top:.5rem;margin-left:1rem}._suggestions_1sb8t_1 ._suggestion_1sb8t_1{height:auto;min-height:2.5rem;text-align:start}._suggestions_1sb8t_1 ._suggestion_1sb8t_1 span{font-size:.9375rem;line-height:1.5rem;text-align:start;white-space:normal}
+._suggestions_z97no_1{gap:.75rem;flex-wrap:wrap;margin-top:.75rem}._suggestions_z97no_1._sidebar_z97no_6{margin-top:.5rem;margin-left:1rem}._suggestions_z97no_1 ._suggestion_z97no_1{height:auto;min-height:2.5rem;text-align:start;padding:.5rem 0;border-radius:1.5rem}._suggestions_z97no_1 ._suggestion_z97no_1 span{font-size:.9375rem;line-height:1.5rem;text-align:start;white-space:normal}

package/styles/warning-message.css

@@ -1 +1 @@
-._welcomeMessage_19juh_1 ._clearChatText_19juh_1{color:#6f6f6f;font-size:.75rem}._welcomeMessage_19juh_1 ._warningNotice_19juh_5{margin-bottom:.75rem}._welcomeMessage_19juh_1 ._iconAvatar_19juh_8{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border-radius:50%}@media (max-width: 374px){._welcomeMessage_19juh_1 ._iconAvatar_19juh_8{width:var(--size-6);height:var(--size-6)}}@media (max-width: 374px){._welcomeMessage_19juh_1{margin-top:0}}
+._welcomeMessage_1g76d_1 ._clearChatText_1g76d_1{color:#6f6f6f;font-size:.75rem}._welcomeMessage_1g76d_1 ._warningNotice_1g76d_5{margin-bottom:.75rem;border-radius:1.5rem}._welcomeMessage_1g76d_1 ._iconAvatar_1g76d_9{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border-radius:50%}@media (max-width: 374px){._welcomeMessage_1g76d_1 ._iconAvatar_1g76d_9{width:var(--size-6);height:var(--size-6)}}@media (max-width: 374px){._welcomeMessage_1g76d_1{margin-top:0}}