@box/box-ai-content-answers 1.11.0 → 1.11.2

package/dist/chunks/clear-conversation-button.js

@@ -1,36 +1,39 @@
-import { Tooltip as l, IconButton as s } from "@box/blueprint-web";
-import { Trash as c } from "@box/blueprint-web-assets/icons/Line";
-import i from "clsx";
-import { useIntl as d } from "react-intl";
+import { useBlueprintModernization as c, Tooltip as i, IconButton as d } from "@box/blueprint-web";
+import { Trash as _ } from "@box/blueprint-web-assets/icons/Line";
+import { Trash as m } from "@box/blueprint-web-assets/icons/Medium";
+import b from "clsx";
+import { useIntl as C } from "react-intl";
 import t from "../esm/lib/components/modal/messages.js";
 import { jsx as e } from "react/jsx-runtime";
-import '../styles/clear-conversation-button.css';const _ = "_BoxAIIconColor_ild3b_1", m = "_modalHeader_ild3b_5", b = "_contentAnswersModal_ild3b_10", C = "_boxAiContentAnswers_ild3b_18", g = "_clearButton_ild3b_26", A = "_contentAnswerModal_ild3b_1", u = "_modalHeaderContainer_ild3b_55", B = "_agentSelectorTrigger_ild3b_63", p = "_agentSelectorContent_ild3b_74", w = {
-  BoxAIIconColor: _,
-  modalHeader: m,
-  contentAnswersModal: b,
-  boxAiContentAnswers: C,
-  clearButton: g,
+import '../styles/clear-conversation-button.css';const g = "_BoxAIIconColor_ild3b_1", A = "_modalHeader_ild3b_5", u = "_contentAnswersModal_ild3b_10", p = "_boxAiContentAnswers_ild3b_18", B = "_clearButton_ild3b_26", I = "_contentAnswerModal_ild3b_1", M = "_modalHeaderContainer_ild3b_55", f = "_agentSelectorTrigger_ild3b_63", w = "_agentSelectorContent_ild3b_74", x = {
+  BoxAIIconColor: g,
+  modalHeader: A,
+  contentAnswersModal: u,
+  boxAiContentAnswers: p,
+  clearButton: B,
   "modal-close-button": "_modal-close-button_ild3b_30",
-  contentAnswerModal: A,
-  modalHeaderContainer: u,
-  agentSelectorTrigger: B,
-  agentSelectorContent: p
-}, S = ({
+  contentAnswerModal: I,
+  modalHeaderContainer: M,
+  agentSelectorTrigger: f,
+  agentSelectorContent: w
+}, j = ({
   onClick: n,
   hasRequestInProgress: a,
   className: r
 }) => {
-  const o = d();
-  return /* @__PURE__ */ e(l, {
+  const o = C(), {
+    enableModernizedComponents: s
+  } = c(), l = s ? m : _;
+  return /* @__PURE__ */ e(i, {
     content: o.formatMessage(t.clearConversationLabel),
     "data-testid": "clear-conversation-tooltip",
     variant: "standard",
-    children: /* @__PURE__ */ e(s, {
+    children: /* @__PURE__ */ e(d, {
       "aria-label": o.formatMessage(t.clearConversationLabel),
-      className: i(w.clearButton, r),
+      className: b(x.clearButton, r),
       "data-testid": "clear-conversation-button",
       disabled: a,
-      icon: c,
+      icon: l,
       onClick: n,
       size: "small",
       "data-target-id": "IconButton-clearConversationLabel"
@@ -38,6 +41,6 @@ import '../styles/clear-conversation-button.css';const _ = "_BoxAIIconColor_ild3
   });
 };
 export {
-  S as C,
-  w as s
+  j as C,
+  x as s
 };

package/dist/chunks/stopResponseButton.js

@@ -2,13 +2,13 @@ import * as p from "react";
 import { useIntl as u } from "react-intl";
 import { Tooltip as _, Button as m } from "@box/blueprint-web";
 import { Stop as c } from "@box/blueprint-web-assets/icons/Fill";
-import { LOGGER_BASE_CONFIG as l, LOGGER_ACTION_CLICK as g } from "../esm/lib/components/common/constants.js";
+import { LOGGER_BASE_CONFIG as l, LOGGER_ACTION_CLICK as x } from "../esm/lib/components/common/constants.js";
 import e from "../esm/lib/components/footer/messages.js";
 import { jsx as r } from "react/jsx-runtime";
-import '../styles/stopResponseButton.css';const k = "_questionInput_kn61g_2", B = "_questionInputWithOutPromptLibrary_kn61g_15", b = "_avatar_kn61g_30", d = "_inputAreaButton_kn61g_33", f = "_square_kn61g_49", C = "_textArea_kn61g_56", I = "_error_kn61g_79", q = "_sidebar_kn61g_82", R = "_submitButtonTooltip_kn61g_90", A = "_actionContainer_kn61g_99", O = "_promptButton_kn61g_105", L = {
-  questionInput: k,
-  questionInputWithOutPromptLibrary: B,
-  avatar: b,
+import '../styles/stopResponseButton.css';const B = "_questionInput_w27x6_2", b = "_questionInputWithOutPromptLibrary_w27x6_16", w = "_avatar_w27x6_31", d = "_inputAreaButton_w27x6_34", f = "_square_w27x6_56", C = "_textArea_w27x6_63", I = "_error_w27x6_86", q = "_sidebar_w27x6_89", R = "_submitButtonTooltip_w27x6_97", A = "_actionContainer_w27x6_106", O = "_promptButton_w27x6_112", g = {
+  questionInput: B,
+  questionInputWithOutPromptLibrary: b,
+  avatar: w,
   inputAreaButton: d,
   square: f,
   textArea: C,
@@ -27,7 +27,7 @@ function S({
   const s = u(), i = p.useCallback(() => {
     t && t({
       ...l,
-      action: g,
+      action: x,
       target: "stopResponse"
     }), n(o);
   }, [o, n, t]);
@@ -38,7 +38,7 @@ function S({
     children: /* @__PURE__ */ r(m, {
       "aria-label": s.formatMessage(e.stopResponse),
       "aria-live": "polite",
-      className: L.inputAreaButton,
+      className: g.inputAreaButton,
       "data-testid": "content-answers-stop-response-button",
       icon: c,
       onClick: i,
@@ -49,5 +49,5 @@ function S({
 }
 export {
   S,
-  L as s
+  g as s
 };

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

@@ -1,28 +1,31 @@
-import { useNotification as l, Tooltip as m, IconButton as d } from "@box/blueprint-web";
-import { Clipboard as u } from "@box/blueprint-web-assets/icons/Line";
-import { useIntl as b } from "react-intl";
-import f from "../../messages.js";
-import { LOGGER_BASE_CONFIG as C, LOGGER_ACTION_CLICK as g } from "../common/constants.js";
-import { focusInput as y } from "../common/focusInputUtils.js";
-import { markdownToHtmlString as T } from "../common/markdown.js";
+import { useNotification as d, useBlueprintModernization as b, Tooltip as u, IconButton as f } from "@box/blueprint-web";
+import { Clipboard as C } from "@box/blueprint-web-assets/icons/Line";
+import { Clipboard as g } from "@box/blueprint-web-assets/icons/Medium";
+import { useIntl as y } from "react-intl";
+import T from "../../messages.js";
+import { LOGGER_BASE_CONFIG as I, LOGGER_ACTION_CLICK as x } from "../common/constants.js";
+import { focusInput as B } from "../common/focusInputUtils.js";
+import { markdownToHtmlString as v } from "../common/markdown.js";
 import a from "./messages.js";
-import { jsx as n } from "react/jsx-runtime";
-const N = ({
+import { jsx as p } from "react/jsx-runtime";
+const E = ({
   answer: t,
   onAnswerCopy: r,
   recordAction: e
 }) => {
   const {
     formatMessage: o
-  } = b(), {
+  } = y(), {
     addNotification: s
-  } = l(), p = async () => {
+  } = d(), {
+    enableModernizedComponents: c
+  } = b(), l = async () => {
     if (e && e({
-      ...C,
-      action: g,
+      ...I,
+      action: x,
       target: "copyToClipboard"
     }), t && navigator && navigator.clipboard && navigator.clipboard.write) {
-      const i = T(t), c = new ClipboardItem({
+      const i = v(t), n = new ClipboardItem({
         "text/html": new Blob([i], {
           type: "text/html"
         }),
@@ -30,22 +33,22 @@ const N = ({
           type: "text/plain"
         })
       });
-      await navigator.clipboard.write([c]), s({
+      await navigator.clipboard.write([n]), s({
         sensitivity: "foreground",
         styledText: o(a.copyToClipboardSucceeded),
         variant: "success",
         typeIconAriaLabel: o(a.copyButtonSuccessText),
-        closeButtonAriaLabel: o(f.closeButtonText)
+        closeButtonAriaLabel: o(T.closeButtonText)
       }), r && r(t);
     }
-    y();
-  };
-  return /* @__PURE__ */ n(m, {
+    B();
+  }, m = c ? g : C;
+  return /* @__PURE__ */ p(u, {
     content: o(a.copyToClipboard),
-    children: /* @__PURE__ */ n(d, {
+    children: /* @__PURE__ */ p(f, {
       "aria-label": o(a.copyToClipboard),
-      icon: u,
-      onClick: p,
+      icon: m,
+      onClick: l,
       onFocusCapture: (i) => {
         i.target.matches(":focus-visible") || i.stopPropagation();
       },
@@ -55,6 +58,6 @@ const N = ({
   });
 };
 export {
-  N as CopyButton,
-  N as default
+  E as CopyButton,
+  E as default
 };

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

@@ -1,35 +1,38 @@
-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 x = ({
+import { useBlueprintModernization as s, Tooltip as a, IconButton as i } from "@box/blueprint-web";
+import { InfoBadge as f } from "@box/blueprint-web-assets/icons/Line";
+import { InformationCircle as c } from "@box/blueprint-web-assets/icons/Medium";
+import { useEffect as m } from "react";
+import { useIntl as l } from "react-intl";
+import { LOGGER_BASE_CONFIG as p } from "../common/constants.js";
+import d from "./messages.js";
+import { jsx as n } from "react/jsx-runtime";
+const z = ({
   recordAction: e
 }) => {
   const {
-    formatMessage: n
-  } = i(), t = n(c.noReferences);
-  return f(() => {
+    formatMessage: t
+  } = l(), {
+    enableModernizedComponents: r
+  } = s(), o = t(d.noReferences);
+  return m(() => {
     e && e({
-      ...m,
+      ...p,
       target: "noReferences"
     });
-  }, [e]), /* @__PURE__ */ o(r, {
+  }, [e]), /* @__PURE__ */ n(a, {
     className: "Answer-NoCitations",
-    content: t,
+    content: o,
     "data-testid": "content-answers-references-no-references-tooltip",
-    children: /* @__PURE__ */ o(s, {
-      "aria-label": t,
+    children: /* @__PURE__ */ n(i, {
+      "aria-label": o,
       "data-testid": "content-answers-references-no-references",
-      icon: a,
+      icon: r ? c : f,
       size: "x-small",
       "data-target-id": "IconButton-noReferences"
     })
   });
 };
 export {
-  x as NoCitationsIcon,
-  x as default
+  z as NoCitationsIcon,
+  z as default
 };

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

@@ -1,114 +1,120 @@
-import { useNotification as W, Tooltip as w, IconButton as y } from "@box/blueprint-web";
-import { ThumbUp as $, ThumbDown as j } from "@box/blueprint-web-assets/icons/Fill";
-import { ThumbUp as z, ThumbDown as J } from "@box/blueprint-web-assets/icons/Line";
-import { useAgents as K } from "@box/box-ai-agent-selector";
+import { useBlueprintModernization as J, useNotification as K, Tooltip as N, IconButton as y } from "@box/blueprint-web";
+import { ThumbUp as Q, ThumbDown as V } from "@box/blueprint-web-assets/icons/Fill";
+import { ThumbUp as X, ThumbDown as Y } from "@box/blueprint-web-assets/icons/Line";
+import { ThumbsUp as Z, ThumbsDown as C } from "@box/blueprint-web-assets/icons/Medium";
+import { ThumbsUp as O, ThumbsDown as q } from "@box/blueprint-web-assets/icons/MediumFilled";
+import { useAgents as k } from "@box/box-ai-agent-selector";
 import b from "react";
-import { useIntl as Q } from "react-intl";
-import { LOGGER_BASE_CONFIG as V, LOGGER_ACTION_PROGRAMMATIC as X } from "../common/constants.js";
-import { FeedbackTooltip as Y } from "./feedback-tooltip.js";
+import { useIntl as F } from "react-intl";
+import { LOGGER_BASE_CONFIG as tt, LOGGER_ACTION_PROGRAMMATIC as st } from "../common/constants.js";
+import { FeedbackTooltip as at } from "./feedback-tooltip.js";
 import x from "../../messages.js";
-import { focusInput as Z } from "../common/focusInputUtils.js";
-import f from "./messages.js";
-import { jsxs as g, Fragment as O, jsx as i } from "react/jsx-runtime";
-import '../../../../styles/thumb-buttons.css';const C = "_thumbDown_1axcd_1", q = {
-  thumbDown: C
-}, u = {
+import { focusInput as mt } from "../common/focusInputUtils.js";
+import i from "./messages.js";
+import { jsxs as ot, Fragment as lt, jsx as n } from "react/jsx-runtime";
+import '../../../../styles/thumb-buttons.css';const ut = "_thumbDown_1axcd_1", rt = {
+  thumbDown: ut
+}, r = {
   THUMB_UP: "positive",
   THUMB_DOWN: "negative",
   NONE: "none"
-}, et = ({
+}, Mt = ({
   feedbackValue: H,
-  hostAppName: n,
-  isFeedbackFormEnabled: P = !1,
-  isFeedbackTooltipOpen: G = !1,
-  items: _,
-  onFeedbackFormSubmit: U,
+  hostAppName: h,
+  isFeedbackFormEnabled: I = !1,
+  isFeedbackTooltipOpen: P = !1,
+  items: U,
+  onFeedbackFormSubmit: D,
   onFeedbackTooltipOpenChange: s,
-  prompt: D,
-  promptType: B,
+  prompt: p,
+  promptType: _,
   questionId: a,
-  recordAction: o,
-  response: T,
+  recordAction: f,
+  response: B,
   setAnswerFeedback: e,
-  shouldFeedbackFormIncludeFeedbackText: p = !1,
+  shouldFeedbackFormIncludeFeedbackText: w = !1,
   shouldFeedbackIncludePromptData: M = !1,
-  variant: L
+  variant: d
 }) => {
   const {
-    formatMessage: m
-  } = Q(), {
-    addNotification: R
-  } = W(), {
-    selectedAgent: N
-  } = K(), r = H, h = b.useMemo(() => _.filter((t) => t.status === "supported").map((t) => t.fileType), [_]), c = b.useCallback((t) => {
-    r !== t && (e == null || e(a, t), o == null || o({
-      ...V,
-      action: X,
+    enableModernizedComponents: m
+  } = J(), {
+    formatMessage: o
+  } = F(), {
+    addNotification: v
+  } = K(), {
+    selectedAgent: L
+  } = k(), u = H, T = b.useMemo(() => U.filter((t) => t.status === "supported").map((t) => t.fileType), [U]), c = b.useCallback((t) => {
+    u !== t && (e == null || e(a, t), f == null || f({
+      ...tt,
+      action: st,
       target: "answer_feedback",
-      component: L,
+      component: d,
       data: {
         feedback_value: t,
-        file_types: h,
-        feature: n,
-        prompt_type: B
+        file_types: T,
+        feature: h,
+        prompt_type: _
       }
-    }), Z());
-  }, [n, o, r, L, h, a, e, B]), S = ({
+    }), mt());
+  }, [h, f, u, d, T, a, e, _]), G = ({
     feedback: t,
-    feedbackPromptShareConsent: E,
-    issueType: I
+    feedbackPromptShareConsent: j,
+    issueType: g
   }) => {
-    if (s == null || s(!1, a), !U)
+    if (s == null || s(!1, a), !D)
       return;
     const l = {
-      fileTypes: h,
+      fileTypes: T,
       hasPromptData: !1,
-      hostApp: n,
-      issueType: I,
+      hostApp: h,
+      issueType: g,
       timestamp: Date.now(),
       questionId: a
     };
-    p && (l.feedback = t, l.hasFeedback = !!t), M && E && D && T && (l.hasPromptData = !0, l.prompt = D, l.response = T), N && (l.selectedAgentName = N.name), U(l, () => {
-      R({
+    w && (l.feedback = t, l.hasFeedback = !!t), M && j && p && B && (l.hasPromptData = !0, l.prompt = p, l.response = B), L && (l.selectedAgentName = L.name), D(l, () => {
+      v({
         sensitivity: "foreground",
-        styledText: m(f.feedbackTooltipConfirmation),
+        styledText: o(i.feedbackTooltipConfirmation),
         variant: "success",
-        typeIconAriaLabel: m(x.ariaTypeSuccessIconLabel),
-        closeButtonAriaLabel: m(x.closeButtonText)
+        typeIconAriaLabel: o(x.ariaTypeSuccessIconLabel),
+        closeButtonAriaLabel: o(x.closeButtonText)
       });
     });
-  }, d = (t) => {
+  }, R = (t) => {
     t || s == null || s(!1, a);
-  }, v = b.useCallback(() => c(u.THUMB_UP), [c]), A = b.useCallback(() => {
-    c(u.THUMB_DOWN), s == null || s(!0, a);
-  }, [c, s, a]);
-  return /* @__PURE__ */ g(O, {
-    children: [/* @__PURE__ */ i(w, {
-      content: m(f.thumbsUpAriaLabel),
-      children: /* @__PURE__ */ i(y, {
-        "aria-label": m(f.thumbsUpAriaLabel),
-        disabled: r === u.THUMB_DOWN,
-        icon: r === u.THUMB_UP ? $ : z,
-        onClick: v,
+  }, S = b.useCallback(() => c(r.THUMB_UP), [c]), $ = b.useCallback(() => {
+    c(r.THUMB_DOWN), s == null || s(!0, a);
+  }, [c, s, a]), z = m ? Z : X, A = m ? C : Y, E = m ? O : Q, W = m ? q : V;
+  return /* @__PURE__ */ ot(lt, {
+    children: [/* @__PURE__ */ n(N, {
+      content: o(i.thumbsUpAriaLabel),
+      children: /* @__PURE__ */ n(y, {
+        "aria-label": o(i.thumbsUpAriaLabel),
+        disabled: u === r.THUMB_DOWN,
+        icon: u === r.THUMB_UP ? E : z,
+        onClick: S,
         size: "x-small",
+        variant: m ? "icon-logo" : "default",
         "data-target-id": "IconButton-thumbsUpAriaLabel"
       })
-    }), /* @__PURE__ */ i(Y, {
-      isOpen: G,
-      onOpenChange: d,
-      onSubmit: S,
-      shouldIncludeFeedbackText: p,
+    }), /* @__PURE__ */ n(at, {
+      isOpen: P,
+      onOpenChange: R,
+      onSubmit: G,
+      shouldIncludeFeedbackText: w,
       shouldIncludePromptShareConsent: M,
-      shouldShow: P,
-      children: /* @__PURE__ */ i(w, {
-        content: m(f.thumbsDownAriaLabel),
-        children: /* @__PURE__ */ i(y, {
-          "aria-label": m(f.thumbsDownAriaLabel),
-          className: q.thumbDown,
-          disabled: r === u.THUMB_UP,
-          icon: r === u.THUMB_DOWN ? j : J,
-          onClick: A,
+      shouldShow: I,
+      children: /* @__PURE__ */ n(N, {
+        content: o(i.thumbsDownAriaLabel),
+        children: /* @__PURE__ */ n(y, {
+          "aria-label": o(i.thumbsDownAriaLabel),
+          className: m ? "" : rt.thumbDown,
+          disabled: u === r.THUMB_UP,
+          icon: u === r.THUMB_DOWN ? W : A,
+          onClick: $,
           size: "x-small",
+          variant: m ? "icon-logo" : "default",
           "data-target-id": "IconButton-thumbsDownAriaLabel"
         })
       })
@@ -116,6 +122,6 @@ import '../../../../styles/thumb-buttons.css';const C = "_thumbDown_1axcd_1", q
   });
 };
 export {
-  et as ThumbButtons,
-  et as default
+  Mt as ThumbButtons,
+  Mt as default
 };

package/dist/esm/lib/components/modal/clear-conversation-button.js

@@ -1,11 +1,12 @@
 import "@box/blueprint-web";
 import "@box/blueprint-web-assets/icons/Line";
+import "@box/blueprint-web-assets/icons/Medium";
 import "clsx";
 import "react-intl";
 import "./messages.js";
-import { C, C as n } from "../../../../chunks/clear-conversation-button.js";
+import { C as n, C as s } from "../../../../chunks/clear-conversation-button.js";
 import "react/jsx-runtime";
 export {
-  C as ClearConversationButton,
-  n as default
+  n as ClearConversationButton,
+  s as default
 };

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

@@ -1,168 +1,171 @@
-import { useBreakpoint as X, Breakpoint as Y, Modal as d, TooltipProvider as Z, Tooltip as ee } from "@box/blueprint-web";
-import { ArrowsCollapse as oe } from "@box/blueprint-web-assets/icons/Fill";
-import { BoxAiLogo as te } from "@box/blueprint-web-assets/icons/Logo";
-import { Size8 as v } from "@box/blueprint-web-assets/tokens/tokens";
-import { BoxAiAgentSelectorWithApi as se, AgentsProvider as ae } from "@box/box-ai-agent-selector";
-import { useState as le, useMemo as re, useCallback as I, useEffect as C } from "react";
-import { useIntl as ne } from "react-intl";
-import { BoxAiContentAnswers as ie } from "../../box-ai-content-answers.js";
-import { A as ce, R as de } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as p, LOGGER_ACTION_CLICK as me } from "../common/constants.js";
-import { s, C as ge } from "../../../../chunks/clear-conversation-button.js";
-import fe from "./hooks/useStopPropagationOnEsc.js";
-import { Title as ue } from "./title.js";
-import S from "./messages.js";
+import { useBlueprintModernization as Y, useBreakpoint as Z, Breakpoint as ee, Modal as m, TooltipProvider as oe, Tooltip as te } from "@box/blueprint-web";
+import { ArrowsCollapse as se } from "@box/blueprint-web-assets/icons/Fill";
+import { BoxAiLogo as ae } from "@box/blueprint-web-assets/icons/Logo";
+import { ArrowsMinimize as re } from "@box/blueprint-web-assets/icons/Medium";
+import { Size8 as S } from "@box/blueprint-web-assets/tokens/tokens";
+import { BoxAiAgentSelectorWithApi as le, AgentsProvider as ne } from "@box/box-ai-agent-selector";
+import { useState as ie, useMemo as ce, useCallback as x, useEffect as p } from "react";
+import { useIntl as de } from "react-intl";
+import { BoxAiContentAnswers as me } from "../../box-ai-content-answers.js";
+import { A as fe, R as ge } from "../../../../chunks/types.js";
+import { LOGGER_BASE_CONFIG as M, LOGGER_ACTION_CLICK as ue } from "../common/constants.js";
+import { s, C as Ce } from "../../../../chunks/clear-conversation-button.js";
+import pe from "./hooks/useStopPropagationOnEsc.js";
+import { Title as Me } from "./title.js";
+import B from "./messages.js";
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-const Ce = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal", pe = (o) => o ? S.collapseModalAriaLabel : S.closeModalAriaLabel, he = (o) => o ? oe : void 0, Me = (o) => {
+const he = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal", Te = (o) => o ? B.collapseModalAriaLabel : B.closeModalAriaLabel, be = (o, r) => o ? r ? re : se : void 0, Ae = (o, r) => {
   const l = o === "collapsible";
   return {
-    closeModalLabel: pe(l),
-    closeModalTargetId: Ce(l),
-    closeModalIcon: he(l)
+    closeModalLabel: Te(l),
+    closeModalTargetId: he(l),
+    closeModalIcon: be(l, r)
   };
-}, Pe = ({
+}, He = ({
   children: o,
-  getAIStudioAgents: l,
-  hasCustomSuggestedQuestions: x,
-  hostAppName: m,
+  getAIStudioAgents: r,
+  hasCustomSuggestedQuestions: l,
+  hostAppName: f,
   isAIStudioAgentSelectorEnabled: g = !1,
-  isDebugModeEnabled: B,
-  isStopResponseEnabled: _ = !1,
-  itemSize: M,
-  extension: T,
-  onClearAction: f,
-  onSelectAgent: k,
-  onSelectedAgentCallback: P,
-  promptValue: q,
-  recordAction: r,
+  isDebugModeEnabled: _,
+  isStopResponseEnabled: k = !1,
+  itemSize: T,
+  extension: b,
+  onClearAction: u,
+  onSelectAgent: P,
+  onSelectedAgentCallback: q,
+  promptValue: z,
+  recordAction: n,
   setPromptValue: G,
   shouldRenderProviders: H = !0,
-  shouldShowLandingPage: z = !1,
-  stopPropagationOnEsc: F,
-  variant: b = "closable",
-  items: i,
-  parentItem: c,
-  ...j
+  shouldShowLandingPage: F = !1,
+  stopPropagationOnEsc: j,
+  variant: A = "closable",
+  items: c,
+  parentItem: d,
+  ...D
 }) => {
-  var w, E;
+  var v, I;
   const {
-    open: L,
-    defaultOpen: D,
-    onOpenChange: Q,
-    modal: U,
+    enableModernizedComponents: L
+  } = Y(), {
+    open: R,
+    defaultOpen: Q,
+    onOpenChange: U,
+    modal: W,
     ...a
-  } = j, R = ne(), W = X() <= Y.Medium;
-  fe(F, L);
-  const u = (E = (w = a == null ? void 0 : a.questions) == null ? void 0 : w[a.questions.length - 1]) == null ? void 0 : E.error, [y, A] = le(!1), {
-    closeModalLabel: O,
-    closeModalTargetId: K,
-    closeModalIcon: $
-  } = re(() => Me(b), [b]), n = I((t) => {
-    r && (t.data ?? (t.data = {}), t.data.hostAppName = m, r(t));
-  }, [m, r]);
-  C(() => {
-    i || n({
-      ...p,
+  } = D, O = de(), y = Z() <= ee.Medium;
+  pe(j, R);
+  const C = (I = (v = a == null ? void 0 : a.questions) == null ? void 0 : v[a.questions.length - 1]) == null ? void 0 : I.error, [K, w] = ie(!1), {
+    closeModalLabel: N,
+    closeModalTargetId: $,
+    closeModalIcon: J
+  } = ce(() => Ae(A, L), [A, L]), i = x((t) => {
+    n && (t.data ?? (t.data = {}), t.data.hostAppName = f, n(t));
+  }, [f, n]);
+  p(() => {
+    c || i({
+      ...M,
       target: "loaded",
       data: {
-        fileSize: M,
-        fileType: T
+        fileSize: T,
+        fileType: b
       }
     });
-  }, [n, T, M, i, r]), C(() => {
-    i && n({
-      ...p,
+  }, [i, b, T, c, n]), p(() => {
+    c && i({
+      ...M,
       target: "loaded",
       data: {
-        parentItemType: c == null ? void 0 : c.type,
-        items: i.map((t) => ({
+        parentItemType: d == null ? void 0 : d.type,
+        items: c.map((t) => ({
           status: t.status,
           fileType: t.fileType
         }))
       }
     });
-  }, [n, c, r]), C(() => {
-    u && u === ce.AGENT_NOT_FOUND && A(!0);
-  }, [u]);
-  const J = () => {
-    f && (f(), n({
-      ...p,
-      action: me,
+  }, [i, d, n]), p(() => {
+    C && C === fe.AGENT_NOT_FOUND && w(!0);
+  }, [C]);
+  const V = () => {
+    u && (u(), i({
+      ...M,
+      action: ue,
       target: "clearChat"
     }));
-  }, V = I(async () => (A(!1), l()), [l]), N = /* @__PURE__ */ h(d, {
-    defaultOpen: D,
-    modal: U,
-    onOpenChange: Q,
-    open: L,
-    children: [/* @__PURE__ */ e(d.Trigger, {
+  }, X = x(async () => (w(!1), r()), [r]), E = /* @__PURE__ */ h(m, {
+    defaultOpen: Q,
+    modal: W,
+    onOpenChange: U,
+    open: R,
+    children: [/* @__PURE__ */ e(m.Trigger, {
       children: o
-    }), /* @__PURE__ */ h(d.Content, {
+    }), /* @__PURE__ */ h(m.Content, {
       className: s.contentAnswersModal,
       "data-testid": "content-answers-modal",
       size: "xlarge",
-      children: [/* @__PURE__ */ e(d.Header, {
+      children: [/* @__PURE__ */ e(m.Header, {
         className: s.modalHeaderContainer,
         children: /* @__PURE__ */ h("div", {
           className: s.modalHeader,
-          children: [!W && /* @__PURE__ */ e(te, {
+          children: [!y && /* @__PURE__ */ e(ae, {
             className: s.BoxAIIconColor,
             "data-testid": "content-answers-icon-color",
-            height: v,
-            width: v
-          }), /* @__PURE__ */ e(ue, {
+            height: S,
+            width: S
+          }), /* @__PURE__ */ e(Me, {
             isAIStudioAgentSelectorEnabled: g
-          }), g && /* @__PURE__ */ e(se, {
+          }), g && /* @__PURE__ */ e(le, {
             contentClassName: s.agentSelectorContent,
             disabled: a.hasRequestInProgress,
-            fetcher: V,
-            hostAppName: m,
-            onSelectAgent: k,
-            onSelectedAgentCallback: P,
-            recordAction: r,
-            requestState: y ? de.ERROR : void 0,
+            fetcher: X,
+            hostAppName: f,
+            onSelectAgent: P,
+            onSelectedAgentCallback: q,
+            recordAction: n,
+            requestState: K ? ge.ERROR : void 0,
             shouldHideAgentSelectorOnLoad: !0,
             triggerChipClassName: s.agentSelectorTrigger,
             useAgentLocalStorage: !0
           })]
         })
-      }), /* @__PURE__ */ e(ie, {
+      }), /* @__PURE__ */ e(me, {
         className: `box-content-answers-chat-container ${s.boxAiContentAnswers}`,
-        hasCustomSuggestedQuestions: x,
-        hostAppName: m,
+        hasCustomSuggestedQuestions: l,
+        hostAppName: f,
         isAIStudioAgentSelectorEnabled: g,
-        isDebugModeEnabled: B,
-        isStopResponseEnabled: _,
-        items: i,
-        parentItem: c,
-        promptValue: q,
-        recordAction: n,
+        isDebugModeEnabled: _,
+        isStopResponseEnabled: k,
+        items: c,
+        parentItem: d,
+        promptValue: z,
+        recordAction: i,
         setPromptValue: G,
-        shouldShowLandingPage: z,
+        shouldShowLandingPage: F,
         ...a
-      }), f && /* @__PURE__ */ e(ge, {
+      }), u && /* @__PURE__ */ e(Ce, {
         hasRequestInProgress: a.hasRequestInProgress,
-        onClick: J
-      }), /* @__PURE__ */ e(Z, {
-        children: /* @__PURE__ */ e(ee, {
-          content: R.formatMessage(O),
+        onClick: V
+      }), /* @__PURE__ */ e(oe, {
+        children: /* @__PURE__ */ e(te, {
+          content: O.formatMessage(N),
           "data-testid": "content-answers-close-modal-tooltip",
-          children: /* @__PURE__ */ e(d.Close, {
-            "aria-label": R.formatMessage(O),
+          children: /* @__PURE__ */ e(m.Close, {
+            "aria-label": O.formatMessage(N),
             className: s["modal-close-button"],
-            "data-target-id": K,
-            icon: $,
+            "data-target-id": $,
+            icon: J,
             size: "small"
           })
         })
       })]
     })]
   });
-  return H ? /* @__PURE__ */ e(ae, {
-    children: N
-  }) : N;
+  return H ? /* @__PURE__ */ e(ne, {
+    children: E
+  }) : E;
 };
 export {
-  Pe as IntelligenceModal,
-  Pe as default
+  He as IntelligenceModal,
+  He as default
 };

package/dist/esm/lib/components/sidebar/content.js

@@ -1,64 +1,65 @@
-import { Text as ne, Tooltip as y, IconButton as H } from "@box/blueprint-web";
-import { ArrowsExpand as se, XMark as ae } from "@box/blueprint-web-assets/icons/Fill";
-import { useAgents as ie, BoxAiAgentSelectorWithApi as re } from "@box/box-ai-agent-selector";
+import { useBlueprintModernization as se, Text as ae, Tooltip as $, IconButton as y } from "@box/blueprint-web";
+import { ArrowsExpand as ie, XMark as re } from "@box/blueprint-web-assets/icons/Fill";
+import { ArrowsMaximize as ce } from "@box/blueprint-web-assets/icons/Medium";
+import { useAgents as de, BoxAiAgentSelectorWithApi as le } from "@box/box-ai-agent-selector";
 import D from "clsx";
-import Q from "lodash/isEqual";
+import H from "lodash/isEqual";
 import * as b from "react";
-import { useIntl as ce } from "react-intl";
-import { BoxAiContentAnswers as de } from "../../box-ai-content-answers.js";
-import { withApiWrapper as le } from "../api-wrapper/api-wrapper.js";
-import { ORIGIN_BOXAI_SIDEBAR as be, EVENT_JS_READY as pe } from "../common/constants.js";
-import { mark as Se } from "../common/performance.js";
-import { C as Ae } from "../../../../chunks/clear-conversation-button.js";
-import { IntelligenceModal as me } from "../modal/modal.js";
-import { IntelligenceSidebarContext as he } from "./context.js";
+import { useIntl as be } from "react-intl";
+import { BoxAiContentAnswers as pe } from "../../box-ai-content-answers.js";
+import { withApiWrapper as Se } from "../api-wrapper/api-wrapper.js";
+import { ORIGIN_BOXAI_SIDEBAR as Ae, EVENT_JS_READY as me } from "../common/constants.js";
+import { mark as he } from "../common/performance.js";
+import { C as ue } from "../../../../chunks/clear-conversation-button.js";
+import { IntelligenceModal as Ie } from "../modal/modal.js";
+import { IntelligenceSidebarContext as _e } from "./context.js";
 import p from "./messages.js";
-import Ie from "./title.js";
-import { jsxs as h, Fragment as z, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/content.css';const ue = "_bcsSidebarBase_1kkpe_2", _e = "_bcsContent_1kkpe_2", Ce = "_bcsBoxAISidebar_1kkpe_2", xe = "_bcsContentHeader_1kkpe_6", ge = "_bcsTitle_1kkpe_15", Be = "_bcsScrollContent_1kkpe_22", fe = "_withModalOpen_1kkpe_32", ke = "_bcsBoxAISidebarAgentSelector_1kkpe_35", we = "_bcsBoxAISidebarAgentSelectorContainer_1kkpe_39", Te = "_bcsBoxAISidebarChatActions_1kkpe_43", Ee = "_bcsBoxAISidebarContent_1kkpe_47", Ne = "_bcsBoxAISidebarExpand_1kkpe_50", ve = "_bcsBoxAISidebarClear_1kkpe_53", Pe = "_bcsBoxAISidebarTitlePart_1kkpe_56", Me = "_bcsBoxAISidebarClose_1kkpe_77", Le = "_sidebarChip_1kkpe_88", Oe = "_bcsContentSubheader_1kkpe_101", Re = "_bcsScrollContentWrapper_1kkpe_110", qe = "_withSubheader_1kkpe_115", Ue = "_expanded_1kkpe_118", t = {
-  bcsSidebarBase: ue,
-  bcsContent: _e,
-  bcsBoxAISidebar: Ce,
-  bcsContentHeader: xe,
-  bcsTitle: ge,
-  bcsScrollContent: Be,
-  withModalOpen: fe,
-  bcsBoxAISidebarAgentSelector: ke,
-  bcsBoxAISidebarAgentSelectorContainer: we,
-  bcsBoxAISidebarChatActions: Te,
-  bcsBoxAISidebarContent: Ee,
-  bcsBoxAISidebarExpand: Ne,
-  bcsBoxAISidebarClear: ve,
-  bcsBoxAISidebarTitlePart: Pe,
-  bcsBoxAISidebarClose: Me,
-  sidebarChip: Le,
-  bcsContentSubheader: Oe,
-  bcsScrollContentWrapper: Re,
-  withSubheader: qe,
-  expanded: Ue
-}, Ve = `${be}_${pe}`;
-Se(Ve);
-const We = ({
+import Ce from "./title.js";
+import { jsxs as h, Fragment as Q, jsx as e } from "react/jsx-runtime";
+import '../../../../styles/content.css';const xe = "_bcsSidebarBase_1kkpe_2", ge = "_bcsContent_1kkpe_2", Be = "_bcsBoxAISidebar_1kkpe_2", fe = "_bcsContentHeader_1kkpe_6", ke = "_bcsTitle_1kkpe_15", we = "_bcsScrollContent_1kkpe_22", Te = "_withModalOpen_1kkpe_32", Ee = "_bcsBoxAISidebarAgentSelector_1kkpe_35", Ne = "_bcsBoxAISidebarAgentSelectorContainer_1kkpe_39", Me = "_bcsBoxAISidebarChatActions_1kkpe_43", ve = "_bcsBoxAISidebarContent_1kkpe_47", Pe = "_bcsBoxAISidebarExpand_1kkpe_50", Le = "_bcsBoxAISidebarClear_1kkpe_53", Oe = "_bcsBoxAISidebarTitlePart_1kkpe_56", Re = "_bcsBoxAISidebarClose_1kkpe_77", qe = "_sidebarChip_1kkpe_88", Ue = "_bcsContentSubheader_1kkpe_101", Ve = "_bcsScrollContentWrapper_1kkpe_110", We = "_withSubheader_1kkpe_115", ze = "_expanded_1kkpe_118", t = {
+  bcsSidebarBase: xe,
+  bcsContent: ge,
+  bcsBoxAISidebar: Be,
+  bcsContentHeader: fe,
+  bcsTitle: ke,
+  bcsScrollContent: we,
+  withModalOpen: Te,
+  bcsBoxAISidebarAgentSelector: Ee,
+  bcsBoxAISidebarAgentSelectorContainer: Ne,
+  bcsBoxAISidebarChatActions: Me,
+  bcsBoxAISidebarContent: ve,
+  bcsBoxAISidebarExpand: Pe,
+  bcsBoxAISidebarClear: Le,
+  bcsBoxAISidebarTitlePart: Oe,
+  bcsBoxAISidebarClose: Re,
+  sidebarChip: qe,
+  bcsContentSubheader: Ue,
+  bcsScrollContentWrapper: Ve,
+  withSubheader: We,
+  expanded: ze
+}, Fe = `${Ae}_${me}`;
+he(Fe);
+const $e = ({
   actions: f,
   children: i,
   className: o,
   elementId: S = "",
-  sidebarView: I = "",
+  sidebarView: u = "",
   title: r,
   subheader: c,
   ...d
 }) => {
-  const A = `${S}${S === "" ? "" : "_"}${I}`, u = `${A}-content`;
+  const A = `${S}${S === "" ? "" : "_"}${u}`, I = `${A}-content`;
   return /* @__PURE__ */ h("div", {
     "aria-labelledby": A,
     className: D(t.bcsContent, o),
     "data-testid": "bcs-content",
-    id: u,
+    id: I,
     role: "tabpanel",
     ...d,
     children: [/* @__PURE__ */ h("div", {
       className: t.bcsContentHeader,
-      children: [r && /* @__PURE__ */ e(ne, {
+      children: [r && /* @__PURE__ */ e(ae, {
         as: "h3",
         className: t.bcsTitle,
         children: r
@@ -75,59 +76,61 @@ const We = ({
     })]
   });
 };
-function Fe(f) {
+function ye(f) {
   const {
     createSession: i,
     encodedSession: o,
     onClearAction: S,
-    getAIStudioAgents: I,
+    getAIStudioAgents: u,
     hasRequestInProgress: r,
     hostAppName: c,
     isAIStudioAgentSelectorEnabled: d,
     isLoading: A,
-    onSelectAgent: u,
+    onSelectAgent: I,
     questions: _,
     shouldShowLandingPage: N = !0,
     sendQuestion: C,
     stopQuestion: k,
     embedTheAnswerButtonConfig: j,
-    onClose: v,
-    ...P
+    onClose: M,
+    ...v
   } = f, {
     formatMessage: l
-  } = ce(), M = b.useRef(!1), [w, L] = b.useState(!1), {
+  } = be(), {
+    enableModernizedComponents: J
+  } = se(), P = b.useRef(!1), [w, L] = b.useState(!1), {
     cache: s,
     contentName: O,
-    elementId: J,
-    fileExtension: X,
+    elementId: X,
+    fileExtension: Y,
     isFeedbackEnabled: R,
     isFeedbackFormEnabled: q,
     isStopResponseEnabled: U,
     items: T,
-    itemSize: Y,
+    itemSize: G,
     onFeedbackFormSubmit: V,
     onUserInteraction: W,
-    onSelectedAgentCallback: G,
+    onSelectedAgentCallback: K,
     recordAction: m,
     setCacheValue: x,
     shouldPreinitSession: g
-  } = b.useContext(he), {
-    agents: K,
-    requestState: Z,
+  } = b.useContext(_e), {
+    agents: Z,
+    requestState: ee,
     selectedAgent: E
-  } = ie(), {
+  } = de(), {
     questions: a
-  } = s, [F, $] = b.useState("");
-  s.shouldShowLandingPage !== N && x("shouldShowLandingPage", N), s.encodedSession !== o && x("encodedSession", o), Q(s.questions, _) || x("questions", _), Q(s.agents.selectedAgent, E) || x("agents", {
-    agents: K,
-    requestState: Z,
+  } = s, [z, F] = b.useState("");
+  s.shouldShowLandingPage !== N && x("shouldShowLandingPage", N), s.encodedSession !== o && x("encodedSession", o), H(s.questions, _) || x("questions", _), H(s.agents.selectedAgent, E) || x("agents", {
+    agents: Z,
+    requestState: ee,
     selectedAgent: E
   });
   const B = (n = !1) => {
     !g && !o && !A && i && i(!0, !1), n && W && W();
-  }, ee = () => {
-    L(!1);
   }, te = () => {
+    L(!1);
+  }, oe = () => {
     B(), L(!0);
   };
   b.useEffect(() => (g && !o && i && i(!0, !0), o && a.length > 0 && a[a.length - 1].isCompleted === !1 && C({
@@ -147,21 +150,21 @@ function Fe(f) {
     k();
   }), []), b.useEffect(() => {
     const n = a[a.length - 1];
-    !g && !M.current && o && (n != null && n.isLoading) && (C(n, E, !1), M.current = !0);
+    !g && !P.current && o && (n != null && n.isLoading) && (C(n, E, !1), P.current = !0);
   }, [o]);
-  const oe = () => /* @__PURE__ */ h("div", {
+  const ne = () => /* @__PURE__ */ h("div", {
     className: t.bcsBoxAISidebarTitlePart,
-    children: [/* @__PURE__ */ e(Ie, {
+    children: [/* @__PURE__ */ e(Ce, {
       isAIStudioAgentSelectorEnabled: d
     }), d && /* @__PURE__ */ e("div", {
       className: t.bcsBoxAISidebarAgentSelector,
-      children: /* @__PURE__ */ e(re, {
+      children: /* @__PURE__ */ e(le, {
         disabled: r,
-        fetcher: I,
+        fetcher: u,
         hostAppName: c,
         onAgentsListOpen: B,
-        onSelectAgent: u,
-        onSelectedAgentCallback: G,
+        onSelectAgent: I,
+        onSelectedAgentCallback: K,
         recordAction: m,
         shouldHideAgentSelectorOnLoad: !0,
         useAgentLocalStorage: !0,
@@ -169,35 +172,35 @@ function Fe(f) {
       })
     })]
   });
-  return /* @__PURE__ */ h(z, {
-    children: [/* @__PURE__ */ e(We, {
-      actions: /* @__PURE__ */ h(z, {
-        children: [oe(), /* @__PURE__ */ e(Ae, {
+  return /* @__PURE__ */ h(Q, {
+    children: [/* @__PURE__ */ e($e, {
+      actions: /* @__PURE__ */ h(Q, {
+        children: [ne(), /* @__PURE__ */ e(ue, {
           className: t.bcsBoxAISidebarClear,
           hasRequestInProgress: r,
           onClick: S
-        }), /* @__PURE__ */ e(y, {
+        }), /* @__PURE__ */ e($, {
           content: l(p.sidebarBoxAISwitchToModalView),
           "data-testid": "content-answers-open-modal-tooltip",
           variant: "standard",
-          children: /* @__PURE__ */ e(H, {
+          children: /* @__PURE__ */ e(y, {
             "aria-label": l(p.sidebarBoxAISwitchToModalView),
             className: t.bcsBoxAISidebarExpand,
             "data-target-id": "IconButton-expandBoxAISidebar",
-            icon: se,
-            onClick: te,
+            icon: J ? ce : ie,
+            onClick: oe,
             size: "small"
           })
-        }), v && /* @__PURE__ */ e(y, {
+        }), M && /* @__PURE__ */ e($, {
           content: l(p.sidebarBoxAIClose),
           "data-testid": "content-answers-close-tooltip",
           variant: "standard",
-          children: /* @__PURE__ */ e(H, {
+          children: /* @__PURE__ */ e(y, {
             "aria-label": l(p.sidebarBoxAIClose),
             className: t.bcsBoxAISidebarClose,
             "data-target-id": "IconButton-closeBoxAISidebar",
-            icon: ae,
-            onClick: v,
+            icon: re,
+            onClick: M,
             size: "small"
           })
         })]
@@ -205,11 +208,11 @@ function Fe(f) {
       className: D(t.bcsBoxAISidebar, {
         [t.withModalOpen]: w
       }),
-      elementId: J,
+      elementId: X,
       sidebarView: "box-ai",
       children: /* @__PURE__ */ e("div", {
         className: t.bcsBoxAISidebarContent,
-        children: /* @__PURE__ */ e(de, {
+        children: /* @__PURE__ */ e(pe, {
           className: t.bcsBoxAISidebarContentAnswers,
           contentName: O,
           contentType: l(p.sidebarBoxAIContent),
@@ -222,23 +225,23 @@ function Fe(f) {
           items: T,
           onFeedbackFormSubmit: V,
           onUserIntentToUseAI: B,
-          promptValue: F,
+          promptValue: z,
           questions: _,
           recordAction: m,
-          setPromptValue: $,
+          setPromptValue: F,
           shouldShowLandingPage: s.shouldShowLandingPage,
           showLoadingIndicator: A && g,
           stopQuestion: k,
           submitQuestion: C,
           variant: "sidebar",
-          ...P
+          ...v
         })
       })
-    }), /* @__PURE__ */ e(me, {
+    }), /* @__PURE__ */ e(Ie, {
       contentName: O,
       contentType: l(p.sidebarBoxAIContent),
-      extension: X,
-      getAIStudioAgents: I,
+      extension: Y,
+      getAIStudioAgents: u,
       hasRequestInProgress: r,
       hostAppName: c,
       isAIStudioAgentSelectorEnabled: d,
@@ -246,29 +249,29 @@ function Fe(f) {
       isFeedbackFormEnabled: q,
       isStopResponseEnabled: U,
       items: T,
-      itemSize: Y,
+      itemSize: G,
       onClearAction: S,
       onFeedbackFormSubmit: V,
-      onOpenChange: ee,
-      onSelectAgent: u,
+      onOpenChange: te,
+      onSelectAgent: I,
       onUserIntentToUseAI: B,
       open: w,
-      promptValue: F,
+      promptValue: z,
       questions: _,
       recordAction: w ? m : void 0,
-      setPromptValue: $,
+      setPromptValue: F,
       shouldShowLandingPage: s.shouldShowLandingPage,
       showLoadingIndicator: !1,
       stopPropagationOnEsc: !0,
       stopQuestion: k,
       submitQuestion: C,
       variant: "collapsible",
-      ...P,
+      ...v,
       shouldRenderProviders: !1
     })]
   });
 }
-const st = le(Fe);
+const ct = Se(ye);
 export {
-  st as default
+  ct as default
 };

package/dist/styles/stopResponseButton.css

@@ -1 +1 @@
-._questionInput_kn61g_2{position:relative;z-index:1;align-items:end;margin:1rem;padding:0;background:#fff;background-clip:padding-box,border-box!important;background-origin:border-box!important;border:1px solid #d3d3d3!important;border-radius:1.25rem!important;box-shadow:0 2px 12px #2222221f}._questionInput_kn61g_2._questionInputWithOutPromptLibrary_kn61g_15{display:flex;flex:1 1 auto;border-radius:1.5rem!important}._questionInput_kn61g_2:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:1px solid rgba(0,0,0,0)!important}._questionInput_kn61g_2:focus-within{box-sizing:unset!important;margin:calc(1rem - 1px);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:2px solid rgba(0,0,0,0)!important}._questionInput_kn61g_2 ._avatar_kn61g_30{margin-bottom:.25rem}._questionInput_kn61g_2 ._inputAreaButton_kn61g_33{position:absolute;right:0;margin-right:.25rem;margin-bottom:.25rem;background:linear-gradient(135deg,#fe03dc,#2784fa);border:0;border-radius:1.5rem!important}._questionInput_kn61g_2 ._inputAreaButton_kn61g_33:disabled{background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_kn61g_2 ._inputAreaButton_kn61g_33:not(:disabled):hover,._questionInput_kn61g_2 ._inputAreaButton_kn61g_33:not(:disabled):active{background:linear-gradient(135deg,#cb02b0,#1f6ac8);border:0}._questionInput_kn61g_2 ._square_kn61g_49{display:inline-block;width:15px;height:15px;background-color:#fff;border-radius:3px}._questionInput_kn61g_2 ._textArea_kn61g_56{gap:0;width:100%;margin:0 1rem 0 0;padding-right:46px;box-shadow:none}._questionInput_kn61g_2 ._textArea_kn61g_56 div{box-shadow:none!important}._questionInput_kn61g_2 ._textArea_kn61g_56 span{padding:.5rem .75rem .75rem;margin-block-start:0}._questionInput_kn61g_2 ._textArea_kn61g_56 textarea{width:100%;margin:.475rem 0;padding:.4rem 1rem;background:inherit;border:none;border-radius:1.25rem;box-shadow:none}._questionInput_kn61g_2 ._textArea_kn61g_56 textarea:not(:disabled):not(:focus-visible):not(._error_kn61g_79):hover{background:inherit}._questionInput_kn61g_2._sidebar_kn61g_82 ._textArea_kn61g_56{padding-right:26px}._questionInput_kn61g_2._sidebar_kn61g_82 ._textArea_kn61g_56 div{align-items:center;height:100%}._submitButtonTooltip_kn61g_90{text-align:center}@media (max-width: 767px){._questionInput_kn61g_2 ._textArea_kn61g_56{margin:0 .75rem 0 0}}._actionContainer_kn61g_99{display:flex;justify-content:space-between;margin:0 0 0 .25rem}._promptButton_kn61g_105{margin-bottom:.25rem;color:#6f6f6f;background-color:#fff!important;border:1px solid rgba(0,0,0,.08)}
+._questionInput_w27x6_2{position:relative;z-index:1;align-items:end;min-height:3rem;margin:1rem;padding:0;background:#fff;background-clip:padding-box,border-box!important;background-origin:border-box!important;border:1px solid #d3d3d3!important;border-radius:1.25rem!important;box-shadow:0 2px 12px #2222221f}._questionInput_w27x6_2._questionInputWithOutPromptLibrary_w27x6_16{display:flex;flex:1 1 auto;border-radius:1.5rem!important}._questionInput_w27x6_2:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:1px solid rgba(0,0,0,0)!important}._questionInput_w27x6_2:focus-within{box-sizing:unset!important;margin:calc(1rem - 1px);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:2px solid rgba(0,0,0,0)!important}._questionInput_w27x6_2 ._avatar_w27x6_31{margin-bottom:.25rem}._questionInput_w27x6_2 ._inputAreaButton_w27x6_34{position:absolute;right:0;margin-right:.25rem;margin-bottom:.25rem;background:linear-gradient(135deg,#fe03dc,#2784fa);border:0;border-radius:1.5rem!important}._questionInput_w27x6_2 ._inputAreaButton_w27x6_34:disabled{background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_w27x6_2 ._inputAreaButton_w27x6_34:not(:disabled):hover,._questionInput_w27x6_2 ._inputAreaButton_w27x6_34:not(:disabled):active{background:linear-gradient(135deg,#cb02b0,#1f6ac8);border:0}._questionInput_w27x6_2 ._inputAreaButton_w27x6_34:not(:disabled):focus,._questionInput_w27x6_2 ._inputAreaButton_w27x6_34:not(:disabled):focus-visible{background:linear-gradient(135deg,#fe03dc,#2784fa)}._questionInput_w27x6_2 ._inputAreaButton_w27x6_34:not(:disabled):hover:focus,._questionInput_w27x6_2 ._inputAreaButton_w27x6_34:not(:disabled):hover:focus-visible{background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_w27x6_2 ._square_w27x6_56{display:inline-block;width:15px;height:15px;background-color:#fff;border-radius:3px}._questionInput_w27x6_2 ._textArea_w27x6_63{gap:0;width:100%;margin:0 1rem 0 0;padding-right:46px;box-shadow:none}._questionInput_w27x6_2 ._textArea_w27x6_63 div{box-shadow:none!important}._questionInput_w27x6_2 ._textArea_w27x6_63 span{padding:.5rem .75rem .75rem;margin-block-start:0}._questionInput_w27x6_2 ._textArea_w27x6_63 textarea{width:100%;margin:.475rem 0;padding:.4rem 1rem;background:inherit;border:none;border-radius:1.25rem;box-shadow:none}._questionInput_w27x6_2 ._textArea_w27x6_63 textarea:not(:disabled):not(:focus-visible):not(._error_w27x6_86):hover{background:inherit}._questionInput_w27x6_2._sidebar_w27x6_89 ._textArea_w27x6_63{padding-right:26px}._questionInput_w27x6_2._sidebar_w27x6_89 ._textArea_w27x6_63 div{align-items:center;height:100%}._submitButtonTooltip_w27x6_97{text-align:center}@media (max-width: 767px){._questionInput_w27x6_2 ._textArea_w27x6_63{margin:0 .75rem 0 0}}._actionContainer_w27x6_106{display:flex;justify-content:space-between;margin:0 0 0 .25rem}._promptButton_w27x6_112{margin-bottom:.25rem;color:#6f6f6f;background-color:#fff!important;border:1px solid rgba(0,0,0,.08)}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "1.11.0",
+    "version": "1.11.2",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.56.1",
@@ -17,11 +17,11 @@
     },
     "devDependencies": {
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.93.4",
-        "@box/blueprint-web-assets": "^4.78.0",
-        "@box/box-ai-agent-selector": "^1.7.0",
-        "@box/item-icon": "^1.8.0",
-        "@box/storybook-utils": "^0.14.15",
+        "@box/blueprint-web": "^12.93.6",
+        "@box/blueprint-web-assets": "^4.79.0",
+        "@box/box-ai-agent-selector": "^1.7.2",
+        "@box/item-icon": "^1.8.2",
+        "@box/storybook-utils": "^0.14.16",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",