@box/box-ai-content-answers 0.155.0 → 0.156.0

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

@@ -1,37 +1,38 @@
-import { Text as V } from "@box/blueprint-web";
-import { BoxAiLogo as X } from "@box/blueprint-web-assets/icons/Logo";
-import { Size10 as _ } from "@box/blueprint-web-assets/tokens/tokens";
-import Y from "clsx";
-import * as Z from "react";
-import { useIntl as $ } from "react-intl";
-import { Answer as L } from "../answer/answer.js";
-import { MediaContainer as P } from "../common/media-container.js";
-import { Question as S } from "../question/question.js";
-import { SuggestedQuestions as ee } from "../suggested-questions/suggested-questions.js";
-import te from "../welcome-message/messages.js";
-import { WelcomeMessage as oe } from "../welcome-message/welcome-message.js";
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import '../../../../styles/chat.css';const ae = "_chat_77vqr_1", re = "_clearChatText_77vqr_1", se = "_landingPage_77vqr_7", ie = "_askQuestionText_77vqr_15", ne = "_iconAvatar_77vqr_23", ce = "_sidebar_77vqr_39", a = {
-  chat: ae,
-  clearChatText: re,
-  landingPage: se,
-  askQuestionText: ie,
-  iconAvatar: ne,
-  sidebar: ce
-}, ge = ({
+import { Text as Y } from "@box/blueprint-web";
+import { BoxAiLogo as Z } from "@box/blueprint-web-assets/icons/Logo";
+import { Size10 as f } from "@box/blueprint-web-assets/tokens/tokens";
+import $ from "clsx";
+import * as w from "react";
+import { useIntl as L } from "react-intl";
+import { Answer as P } from "../answer/answer.js";
+import { MediaContainer as S } from "../common/media-container.js";
+import { Question as ee } from "../question/question.js";
+import { SuggestedQuestions as te } from "../suggested-questions/suggested-questions.js";
+import { ThinkingBubble as oe } from "../thinkingBubble/thinkingBubble.js";
+import ae from "../welcome-message/messages.js";
+import { WelcomeMessage as ie } from "../welcome-message/welcome-message.js";
+import { jsx as e, jsxs as _ } from "react/jsx-runtime";
+import '../../../../styles/chat.css';const re = "_chat_77vqr_1", se = "_clearChatText_77vqr_1", ne = "_landingPage_77vqr_7", ce = "_askQuestionText_77vqr_15", le = "_iconAvatar_77vqr_23", me = "_sidebar_77vqr_39", a = {
+  chat: re,
+  clearChatText: se,
+  landingPage: ne,
+  askQuestionText: ce,
+  iconAvatar: le,
+  sidebar: me
+}, qe = ({
   askSuggestedQuestion: h,
   contentType: n,
-  hasCustomSuggestedQuestions: x,
-  hasRequestInProgress: T,
+  hasCustomSuggestedQuestions: T,
+  hasRequestInProgress: x,
   isCitationsEnabled: b,
-  isFeedbackEnabled: v,
-  isFeedbackFormEnabled: C,
+  isFeedbackEnabled: C,
+  isFeedbackFormEnabled: v,
   isInlineCitationsEnabled: g = !1,
   isMarkdownEnabled: k,
-  isSessionLoading: q = !1,
-  onCitationClick: u,
-  onAnswerCopy: A,
-  onFeedbackFormSubmit: F,
+  isSessionLoading: u = !1,
+  onCitationClick: q,
+  onAnswerCopy: F,
+  onFeedbackFormSubmit: A,
   onSuggestedQuestionInteraction: I,
   questions: N,
   recordAction: c,
@@ -42,109 +43,114 @@ import '../../../../styles/chat.css';const ae = "_chat_77vqr_1", re = "_clearCha
   shouldFeedbackFormIncludeFeedbackText: j,
   shouldFeedbackIncludePromptData: y,
   shouldShowLandingPage: o,
-  useAnimation: M,
+  useAnimation: B,
   variant: t = "modal",
-  hostAppName: w = "",
+  hostAppName: M = "",
   isReactMarkdownEnabled: z,
-  welcomeMessageClearText: B,
-  ...d
+  welcomeMessageClearText: R,
+  ...p
 }) => {
   const {
-    formatMessage: R
-  } = $(), [W, D] = Z.useState(null), E = (r, s) => {
-    D(r ? s : null);
+    formatMessage: W
+  } = L(), [D, E] = w.useState(null), G = (i, r) => {
+    E(i ? r : null);
   };
   return /* @__PURE__ */ e("div", {
     className: a.chat,
     "data-testid": "content-answers-chat",
-    children: /* @__PURE__ */ f("div", {
-      className: Y({
+    children: /* @__PURE__ */ _("div", {
+      className: $({
         [a.landingPage]: o,
         [a.sidebar]: t === "sidebar"
       }),
-      children: [o && /* @__PURE__ */ e(P.Figure, {
+      children: [o && /* @__PURE__ */ e(S.Figure, {
         variant: t,
         children: /* @__PURE__ */ e("div", {
           className: a.iconAvatar,
-          children: /* @__PURE__ */ e(X, {
-            height: _,
+          children: /* @__PURE__ */ e(Z, {
+            height: f,
             role: "presentation",
-            width: _
+            width: f
           })
         })
-      }), /* @__PURE__ */ e(oe, {
+      }), /* @__PURE__ */ e(ie, {
         contentType: "",
         shouldShowLandingPage: o,
-        ...d,
+        ...p,
         variant: t
-      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(ee, {
+      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(te, {
         askSuggestedQuestion: h,
-        hasCustomSuggestedQuestions: x,
-        isLoading: T,
+        hasCustomSuggestedQuestions: T,
+        isLoading: x,
         onSuggestedQuestionInteraction: I,
         recordAction: c,
         setAskSuggestedQuestion: l,
         suggestedQuestions: m,
         suggestedQuestionsRequestState: Q,
         variant: t
-      }), /* @__PURE__ */ e(V, {
+      }), /* @__PURE__ */ e(Y, {
         as: "p",
         className: a.clearChatText,
-        children: B || R(te.welcomeClearChatText, {
+        children: R || W(ae.welcomeClearChatText, {
           type: n
         })
       }), !o && /* @__PURE__ */ e("ul", {
         children: N.map(({
-          answer: r,
-          citations: s,
-          id: i,
-          isCompleted: G,
-          isLoading: H,
-          error: J,
-          prompt: p,
-          promptType: K,
-          feedbackValue: U
-        }) => /* @__PURE__ */ f("li", {
-          children: [/* @__PURE__ */ e(S, {
-            prompt: p,
+          answer: i,
+          thinkingAnswer: r,
+          citations: H,
+          id: s,
+          isCompleted: J,
+          isLoading: K,
+          error: U,
+          prompt: d,
+          promptType: V,
+          feedbackValue: X
+        }) => /* @__PURE__ */ _("li", {
+          children: [/* @__PURE__ */ e(ee, {
+            prompt: d,
             variant: t
-          }), /* @__PURE__ */ e(L, {
-            answer: r,
-            citations: s,
+          }), r && /* @__PURE__ */ e(oe, {
+            content: r,
+            isThinkingComplete: !!i,
+            variant: t
+          }), /* @__PURE__ */ e(P, {
+            answer: i,
+            citations: H,
             contentType: n,
-            error: J,
-            feedbackValue: U,
-            hostAppName: w,
+            error: U,
+            feedbackValue: X,
+            hostAppName: M,
             isCitationsEnabled: b,
-            isCompleted: G,
-            isFeedbackEnabled: v,
-            isFeedbackFormEnabled: C,
-            isFeedbackTooltipOpen: W === i,
+            isCompleted: J,
+            isFeedbackEnabled: C,
+            isFeedbackFormEnabled: v,
+            isFeedbackTooltipOpen: D === s,
             isInlineCitationsEnabled: g,
-            isLoading: H || q,
+            isLoading: K || u,
             isMarkdownEnabled: k,
             isReactMarkdownEnabled: z,
-            items: d.items,
-            onAnswerCopy: A,
-            onCitationClick: u,
-            onFeedbackFormSubmit: F,
-            onFeedbackTooltipOpenChange: E,
-            prompt: p,
-            promptType: K,
-            questionId: i,
+            items: p.items,
+            onAnswerCopy: F,
+            onCitationClick: q,
+            onFeedbackFormSubmit: A,
+            onFeedbackTooltipOpenChange: G,
+            prompt: d,
+            promptType: V,
+            questionId: s,
             recordAction: c,
             setAnswerFeedback: O,
             shouldFeedbackFormIncludeFeedbackText: j,
             shouldFeedbackIncludePromptData: y,
-            useAnimation: M,
+            useAnimation: B,
             variant: t
           })]
-        }, i))
+        }, s))
       })]
     })
   });
 };
 export {
-  ge as Chat,
-  ge as default
+  qe as Chat,
+  qe as default
 };

package/dist/esm/lib/components/thinkingBubble/boxAILoadingIndicator.js

@@ -0,0 +1,235 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import '../../../../styles/boxAILoadingIndicator.css';const t = "_boxAILoadingIndicator_ddl80_1", l = "_ring_ddl80_1", i = "_ringTwo_ddl80_11", a = "_blueRing_ddl80_18", n = "_blueDraw_ddl80_1", s = "_blueFade_ddl80_1", p = "_blueRingTwo_ddl80_22", c = "_purpleRing_ddl80_25", d = "_purpleDraw_ddl80_1", g = "_purpleFade_ddl80_1", y = "_purpleRingTwo_ddl80_29", _ = "_magentaRing_ddl80_32", u = "_magentaDraw_ddl80_1", w = "_magentaFade_ddl80_1", m = "_magentaRingTwo_ddl80_36", x = "_bgRings_ddl80_39", o = {
+  boxAILoadingIndicator: t,
+  ring: l,
+  ringTwo: i,
+  blueRing: a,
+  blueDraw: n,
+  blueFade: s,
+  blueRingTwo: p,
+  purpleRing: c,
+  purpleDraw: d,
+  purpleFade: g,
+  purpleRingTwo: y,
+  magentaRing: _,
+  magentaDraw: u,
+  magentaFade: w,
+  magentaRingTwo: m,
+  bgRings: x
+}, h = () => /* @__PURE__ */ r("svg", {
+  className: o.boxAILoadingIndicator,
+  viewBox: "0 0 400 400",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/* @__PURE__ */ r("defs", {
+    children: [/* @__PURE__ */ r("linearGradient", {
+      id: "magentaGradient",
+      x1: "0%",
+      x2: "100%",
+      y1: "0%",
+      y2: "100%",
+      children: [/* @__PURE__ */ e("stop", {
+        offset: "0%",
+        style: {
+          stopColor: "#FF80FF",
+          stopOpacity: 1
+        }
+      }), /* @__PURE__ */ e("stop", {
+        offset: "50%",
+        style: {
+          stopColor: "#FF00FF",
+          stopOpacity: 1
+        }
+      }), /* @__PURE__ */ e("stop", {
+        offset: "100%",
+        style: {
+          stopColor: "#CC00CC",
+          stopOpacity: 1
+        }
+      })]
+    }), /* @__PURE__ */ r("linearGradient", {
+      id: "purpleGradient",
+      x1: "0%",
+      x2: "100%",
+      y1: "0%",
+      y2: "100%",
+      children: [/* @__PURE__ */ e("stop", {
+        offset: "0%",
+        style: {
+          stopColor: "#BB66EE",
+          stopOpacity: 1
+        }
+      }), /* @__PURE__ */ e("stop", {
+        offset: "50%",
+        style: {
+          stopColor: "#9933CC",
+          stopOpacity: 1
+        }
+      }), /* @__PURE__ */ e("stop", {
+        offset: "100%",
+        style: {
+          stopColor: "#7722AA",
+          stopOpacity: 1
+        }
+      })]
+    }), /* @__PURE__ */ r("linearGradient", {
+      id: "blueGradient",
+      x1: "0%",
+      x2: "100%",
+      y1: "0%",
+      y2: "100%",
+      children: [/* @__PURE__ */ e("stop", {
+        offset: "0%",
+        style: {
+          stopColor: "#77BBFF",
+          stopOpacity: 1
+        }
+      }), /* @__PURE__ */ e("stop", {
+        offset: "50%",
+        style: {
+          stopColor: "#3399FF",
+          stopOpacity: 1
+        }
+      }), /* @__PURE__ */ e("stop", {
+        offset: "100%",
+        style: {
+          stopColor: "#0077DD",
+          stopOpacity: 1
+        }
+      })]
+    }), /* @__PURE__ */ r("filter", {
+      height: "140%",
+      id: "whiteBorder",
+      width: "140%",
+      x: "-20%",
+      y: "-20%",
+      children: [/* @__PURE__ */ e("feMorphology", {
+        in: "SourceAlpha",
+        operator: "dilate",
+        radius: "5",
+        result: "expanded"
+      }), /* @__PURE__ */ e("feFlood", {
+        floodColor: "white",
+        floodOpacity: "1",
+        result: "whiteColor"
+      }), /* @__PURE__ */ e("feComposite", {
+        in: "whiteColor",
+        in2: "expanded",
+        operator: "in",
+        result: "whiteBorder"
+      }), /* @__PURE__ */ e("feComposite", {
+        in: "SourceGraphic",
+        in2: "whiteBorder",
+        operator: "over"
+      })]
+    }), /* @__PURE__ */ e("clipPath", {
+      id: "clip1",
+      children: /* @__PURE__ */ e("path", {
+        d: "M0,200 L400,200 L400,400 L0,400 z"
+      })
+    }), /* @__PURE__ */ e("clipPath", {
+      id: "clip2",
+      children: /* @__PURE__ */ e("path", {
+        d: "M0,0 L400,0 L400,200 L0,200 z"
+      })
+    })]
+  }), /* @__PURE__ */ r("g", {
+    className: o.bgRings,
+    children: [/* @__PURE__ */ r("g", {
+      clipPath: "url(#clip1)",
+      children: [/* @__PURE__ */ e("ellipse", {
+        className: `${o.ringTwo} ${o.blueRingTwo}`,
+        cx: "200",
+        cy: "200",
+        rx: "80",
+        ry: "160",
+        transform: "rotate(-60, 200, 200)"
+      }), /* @__PURE__ */ e("ellipse", {
+        className: `${o.ringTwo} ${o.purpleRingTwo}`,
+        cx: "200",
+        cy: "200",
+        rx: "80",
+        ry: "160",
+        transform: "rotate(60, 200, 200)"
+      }), /* @__PURE__ */ e("ellipse", {
+        className: `${o.ringTwo} ${o.magentaRingTwo}`,
+        cx: "200",
+        cy: "200",
+        rx: "80",
+        ry: "160"
+      })]
+    }), /* @__PURE__ */ r("g", {
+      clipPath: "url(#clip2)",
+      children: [/* @__PURE__ */ e("ellipse", {
+        className: `${o.ringTwo} ${o.magentaRingTwo}`,
+        cx: "200",
+        cy: "200",
+        rx: "80",
+        ry: "160"
+      }), /* @__PURE__ */ e("ellipse", {
+        className: `${o.ringTwo} ${o.blueRingTwo}`,
+        cx: "200",
+        cy: "200",
+        rx: "80",
+        ry: "160",
+        transform: "rotate(-60, 200, 200)"
+      }), /* @__PURE__ */ e("ellipse", {
+        className: `${o.ringTwo} ${o.purpleRingTwo}`,
+        cx: "200",
+        cy: "200",
+        rx: "80",
+        ry: "160",
+        transform: "rotate(60, 200, 200)"
+      })]
+    })]
+  }), /* @__PURE__ */ r("g", {
+    clipPath: "url(#clip1)",
+    children: [/* @__PURE__ */ e("ellipse", {
+      className: `${o.ring} ${o.blueRing}`,
+      cx: "200",
+      cy: "200",
+      rx: "80",
+      ry: "160",
+      transform: "rotate(-60, 200, 200)"
+    }), /* @__PURE__ */ e("ellipse", {
+      className: `${o.ring} ${o.purpleRing}`,
+      cx: "200",
+      cy: "200",
+      rx: "80",
+      ry: "160",
+      transform: "rotate(60, 200, 200)"
+    }), /* @__PURE__ */ e("ellipse", {
+      className: `${o.ring} ${o.magentaRing}`,
+      cx: "200",
+      cy: "200",
+      rx: "80",
+      ry: "160"
+    })]
+  }), /* @__PURE__ */ r("g", {
+    clipPath: "url(#clip2)",
+    children: [/* @__PURE__ */ e("ellipse", {
+      className: `${o.ring} ${o.magentaRing}`,
+      cx: "200",
+      cy: "200",
+      rx: "80",
+      ry: "160"
+    }), /* @__PURE__ */ e("ellipse", {
+      className: `${o.ring} ${o.blueRing}`,
+      cx: "200",
+      cy: "200",
+      rx: "80",
+      ry: "160",
+      transform: "rotate(-60, 200, 200)"
+    }), /* @__PURE__ */ e("ellipse", {
+      className: `${o.ring} ${o.purpleRing}`,
+      cx: "200",
+      cy: "200",
+      rx: "80",
+      ry: "160",
+      transform: "rotate(60, 200, 200)"
+    })]
+  })]
+});
+export {
+  h as BoxAILoadingIndicator,
+  h as default
+};

package/dist/esm/lib/components/thinkingBubble/messages.js

@@ -0,0 +1,26 @@
+import { defineMessages as n } from "react-intl";
+const t = n({
+  thinkingInProgress: {
+    id: "boxui.contentAnswers.thinkingInProgress",
+    defaultMessage: "Thinking..."
+  },
+  thinkingCompleted: {
+    id: "boxui.contentAnswers.thinkingCompleted",
+    defaultMessage: "Thinking Complete"
+  },
+  thinkingContentScrollableArea: {
+    id: "boxui.contentAnswers.thinkingContentScrollableArea",
+    defaultMessage: "Thinking content scrollable area"
+  },
+  expandThinkingContent: {
+    id: "boxui.contentAnswers.expandThinkingContent",
+    defaultMessage: "Expand"
+  },
+  collapseThinkingContent: {
+    id: "boxui.contentAnswers.collapseThinkingContent",
+    defaultMessage: "Collapse"
+  }
+});
+export {
+  t as default
+};

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

@@ -0,0 +1,122 @@
+import x from "clsx";
+import { useState as b, useId as C, useRef as k, useEffect as u, useCallback as _ } from "react";
+import { useIntl as y } from "react-intl";
+import { Text as M, Tooltip as j } from "@box/blueprint-web";
+import { ChevronRight as X, BoxAi as Y } from "@box/blueprint-web-assets/icons/Medium";
+import { BlackOpacity50 as G } from "@box/blueprint-web-assets/tokens/tokens";
+import U from "../common/markdown-react.js";
+import { BoxAILoadingIndicator as V } from "./boxAILoadingIndicator.js";
+import l from "./messages.js";
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import '../../../../styles/thinkingBubble.css';const q = "_thinkingBubbleContainer_vtaw4_2", z = "_thinkingBubbleHeader_vtaw4_8", F = "_headerLeft_vtaw4_20", J = "_thinkingBubbleLogo_vtaw4_25", K = "_chevronIcon_vtaw4_29", Q = "_chevronRotated_vtaw4_34", W = "_chevronDisabled_vtaw4_37", Z = "_logoState_vtaw4_41", $ = "_headerExpanded_vtaw4_50", ee = "_thinkingBubbleContent_vtaw4_56", te = "_scrollableContainer_vtaw4_64", ne = "_contentExpanded_vtaw4_82", oe = "_sidebar_vtaw4_88", ae = "_pillState_vtaw4_106", e = {
+  thinkingBubbleContainer: q,
+  thinkingBubbleHeader: z,
+  headerLeft: F,
+  thinkingBubbleLogo: J,
+  chevronIcon: K,
+  chevronRotated: Q,
+  chevronDisabled: W,
+  logoState: Z,
+  headerExpanded: $,
+  thinkingBubbleContent: ee,
+  scrollableContainer: te,
+  contentExpanded: ne,
+  sidebar: oe,
+  pillState: ae
+}, re = 5, se = 50, ie = 300, le = 120, Ee = ({
+  content: s,
+  className: B,
+  variant: L = "modal",
+  isThinkingComplete: t = !1,
+  ...I
+}) => {
+  const {
+    formatMessage: i
+  } = y(), S = L === "sidebar", [c, h] = b(!1), [r, f] = b(!1), [d, w] = b(!1), p = C(), H = C(), o = k(null), v = k(!1);
+  u(() => {
+    if (s) {
+      const a = [setTimeout(() => w(!0), se), setTimeout(() => h(!0), ie)];
+      return () => a.forEach(clearTimeout);
+    }
+  }, [s]);
+  const m = _(() => {
+    o.current && s && c && !v.current && o.current.scrollTo({
+      top: o.current.scrollHeight,
+      behavior: "smooth"
+    });
+  }, [s, c]);
+  u(() => {
+    m();
+  }, [m]);
+  const A = _(() => {
+    if (o.current) {
+      const a = o.current, P = a.scrollTop + a.clientHeight >= a.scrollHeight - re;
+      v.current = !P;
+    }
+  }, []), E = _(() => o.current ? o.current.scrollHeight > le : !1, []), D = () => {
+    const a = !r;
+    f(a), t && h(a);
+  };
+  u(() => {
+    t && (f(!1), h(!1));
+  }, [t]);
+  const N = () => t ? /* @__PURE__ */ n(Y, {
+    color: G,
+    height: 24,
+    width: 24
+  }) : /* @__PURE__ */ n(V, {}), R = !E() && !t, O = x(e.thinkingBubbleContainer, {
+    [e.logoState]: !d,
+    [e.headerExpanded]: d,
+    [e.contentExpanded]: r,
+    [e.pillState]: t && !r,
+    [e.sidebar]: S
+  }, B), T = !E() && !t;
+  return /* @__PURE__ */ g("div", {
+    className: O,
+    ...I,
+    children: [/* @__PURE__ */ g("button", {
+      "aria-controls": H,
+      "aria-expanded": c && (!t || r),
+      "aria-labelledby": p,
+      className: e.thinkingBubbleHeader,
+      disabled: T,
+      onClick: D,
+      type: "button",
+      "data-target-id": "button-thinkingCompleted|thinkingInProgress|thinkingCompleted|thinkingInProgress|collapseThinkingContent|expandThinkingContent",
+      children: [/* @__PURE__ */ g("div", {
+        className: e.headerLeft,
+        children: [/* @__PURE__ */ n("div", {
+          className: e.thinkingBubbleLogo,
+          children: N()
+        }), d && /* @__PURE__ */ n(M, {
+          as: "h3",
+          color: t ? "textOnLightSecondary" : "textOnLightDefault",
+          id: p,
+          variant: "titleMedium",
+          children: i(t ? l.thinkingCompleted : l.thinkingInProgress)
+        })]
+      }), d && /* @__PURE__ */ n(j, {
+        content: i(r ? l.collapseThinkingContent : l.expandThinkingContent),
+        children: /* @__PURE__ */ n(X, {
+          "aria-hidden": "true",
+          className: x(e.chevronIcon, r && e.chevronRotated, R && e.chevronDisabled)
+        })
+      })]
+    }), c && (!t || r) && /* @__PURE__ */ n("div", {
+      className: e.thinkingBubbleContent,
+      children: /* @__PURE__ */ n("div", {
+        ref: o,
+        "aria-label": i(l.thinkingContentScrollableArea),
+        className: e.scrollableContainer,
+        onScroll: A,
+        children: /* @__PURE__ */ n(U, {
+          children: s
+        })
+      })
+    })]
+  });
+};
+export {
+  Ee as ThinkingBubble,
+  Ee as default
+};

package/dist/i18n/bn-IN.js

@@ -74,6 +74,11 @@ export default {
   "boxAI.popup.closeButtonText": "বন্ধ করুন",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "অনুলিপি হয়েছে",
   "boxAi.contentAnswers.closeItemList": "ফাইলের আইটেমের তালিকা বন্ধ করুন",
+  "boxui.contentAnswers.collapseThinkingContent": "Collapse",
+  "boxui.contentAnswers.expandThinkingContent": "Expand",
+  "boxui.contentAnswers.thinkingCompleted": "Thinking Complete",
+  "boxui.contentAnswers.thinkingContentScrollableArea": "Thinking content scrollable area",
+  "boxui.contentAnswers.thinkingInProgress": "Thinking...",
   "boxui.contentAnswers.welcomeMessageIntelligentQueryNotice": "আপনি নিজের স্প্রেডশিটে সরল ও জটিল প্রশ্ন, উভয়ই Box AI-কে জিজ্ঞাসা করতে পারেন: মোট হিসাব, গড়পড়তা, উন্নত তুলনা, ট্রেন্ড বিশ্লেষণ এবং আরও অনেক কিছু। আজই এটি ব্যবহার করে করুন!",
   "boxui.contentAnswers.welcomeMessageSpreadsheetNotice": "বেশি টেক্সট থাকা ফাইলে স্প্রেডশীট সাপোর্ট সবচেয়ে ভালো কাজ করে",
   "boxui.contentAnswers.welcomeMessageSpreadsheetNoticeAriaLabel": "স্প্রেডশীট সাপোর্ট বিজ্ঞপ্তি ব্যানার",

package/dist/i18n/da-DK.js

@@ -74,6 +74,11 @@ export default {
   "boxAI.popup.closeButtonText": "Luk",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Kopieret",
   "boxAi.contentAnswers.closeItemList": "Luk listen over filelementer",
+  "boxui.contentAnswers.collapseThinkingContent": "Collapse",
+  "boxui.contentAnswers.expandThinkingContent": "Expand",
+  "boxui.contentAnswers.thinkingCompleted": "Thinking Complete",
+  "boxui.contentAnswers.thinkingContentScrollableArea": "Thinking content scrollable area",
+  "boxui.contentAnswers.thinkingInProgress": "Thinking...",
   "boxui.contentAnswers.welcomeMessageIntelligentQueryNotice": "Du kan stille Box AI både enkle og komplekse spørgsmål i dit regneark: totaltællinger, gennemsnit, avancerede sammenligninger, trendanalyser og så videre. Prøv det i dag!",
   "boxui.contentAnswers.welcomeMessageSpreadsheetNotice": "Regnearkssupport virker bedst med de teksttunge filer",
   "boxui.contentAnswers.welcomeMessageSpreadsheetNoticeAriaLabel": "banner til meddelelse om regnearksstøtte",

package/dist/i18n/de-DE.js

@@ -74,6 +74,11 @@ export default {
   "boxAI.popup.closeButtonText": "Schließen",
   "boxAI.textInputWithCopyButton.copyButtonSuccessText": "Kopiert",
   "boxAi.contentAnswers.closeItemList": "Liste der Dateielemente schließen",
+  "boxui.contentAnswers.collapseThinkingContent": "Collapse",
+  "boxui.contentAnswers.expandThinkingContent": "Expand",
+  "boxui.contentAnswers.thinkingCompleted": "Thinking Complete",
+  "boxui.contentAnswers.thinkingContentScrollableArea": "Thinking content scrollable area",
+  "boxui.contentAnswers.thinkingInProgress": "Thinking...",
   "boxui.contentAnswers.welcomeMessageIntelligentQueryNotice": "Sie können Box AI in Ihrer Tabelle sowohl einfache als auch komplexe Fragen stellen: Gesamtzahlen, Durchschnittswerte, erweiterte Vergleiche, Trendanalysen usw. Probieren Sie es aus!",
   "boxui.contentAnswers.welcomeMessageSpreadsheetNotice": "Der Tabellen-Support funktioniert am besten für Dateien mit hoher Textdichte",
   "boxui.contentAnswers.welcomeMessageSpreadsheetNoticeAriaLabel": "Support-Benachrichtigungsbanner für eine Tabellenkalkulation",