@box/box-ai-content-answers 1.6.1 → 1.7.1

package/dist/esm/lib/box-ai-content-answers.js

@@ -1,14 +1,14 @@
 import p from "clsx";
 import * as s from "react";
-import { C as K } from "../../chunks/types.js";
-import { jsx as u, jsxs as V } from "react/jsx-runtime";
-import { Content as W } from "./components/content/content.js";
-import { Footer as X } from "./components/footer/footer.js";
-import '../../styles/box-ai-content-answers.css';const Y = "_container_1p5tb_1", Z = "_contentAnswers_1p5tb_8", $ = "_sidebar_1p5tb_19", a = {
-  container: Y,
-  contentAnswers: Z,
-  sidebar: $
-}, ee = ({
+import { C as W } from "../../chunks/types.js";
+import { jsx as u, jsxs as X } from "react/jsx-runtime";
+import { Content as Y } from "./components/content/content.js";
+import { Footer as Z } from "./components/footer/footer.js";
+import '../../styles/box-ai-content-answers.css';const $ = "_container_1p5tb_1", v = "_contentAnswers_1p5tb_8", P = "_sidebar_1p5tb_19", a = {
+  container: $,
+  contentAnswers: v,
+  sidebar: P
+}, oe = ({
   className: _,
   contentType: h,
   contentName: Q,
@@ -19,61 +19,63 @@ import '../../styles/box-ai-content-answers.css';const Y = "_container_1p5tb_1",
   isDebugModeEnabled: E,
   isStopResponseEnabled: M,
   isStreamingEnabled: n,
+  promptValue: R,
   questions: i,
   recordAction: l,
-  retryQuestion: R,
+  retryQuestion: x,
+  setPromptValue: C,
   showLoadingIndicator: g,
-  stopQuestion: x,
-  submitQuestion: C,
-  suggestedQuestions: F,
-  useAnimation: D,
-  onAgentEditorToggle: v,
+  stopQuestion: F,
+  submitQuestion: D,
+  suggestedQuestions: N,
+  useAnimation: k,
+  onAgentEditorToggle: T,
   onUserIntentToUseAI: e,
-  promptButtonClickHandler: N,
+  promptButtonClickHandler: j,
   variant: o = "modal",
-  hostAppName: k,
-  isReactMarkdownEnabled: j,
-  ...y
+  hostAppName: y,
+  isReactMarkdownEnabled: O,
+  ...z
 }) => {
-  const [f, m] = s.useState(null), [S, O] = s.useState(t != null), [c, z] = s.useState(!1), B = t === K.LARGE_FILE, G = (!S || B) && !g, b = (r) => {
+  const [f, m] = s.useState(null), [S, B] = s.useState(t != null), [c, G] = s.useState(!1), L = t === W.LARGE_FILE, H = (!S || L) && !g, b = (r) => {
     l && l({
       ...r,
       component: o
     });
-  }, L = () => {
+  }, J = () => {
     e && e(!1);
-  }, H = (r) => {
+  }, K = (r) => {
     m(r), e && e(!0);
-  }, J = () => {
+  }, V = () => {
     e && e(!0);
   };
   return s.useEffect(() => {
-    O(t != null);
+    B(t != null);
   }, [t]), /* @__PURE__ */ u("div", {
     className: p(_, a.container),
-    children: /* @__PURE__ */ V("div", {
+    children: /* @__PURE__ */ X("div", {
       className: p(a.contentAnswers, o === "sidebar" && a.sidebar),
-      children: [!c && /* @__PURE__ */ u(W, {
-        ...y,
+      children: [!c && /* @__PURE__ */ u(Y, {
+        ...z,
         askSuggestedQuestion: f,
         contentName: Q,
         contentType: h,
         error: t,
         hasCustomSuggestedQuestions: w,
         hasRequestInProgress: d,
-        hostAppName: k,
+        hostAppName: y,
         isErrorMessageShown: S,
-        isReactMarkdownEnabled: j,
+        isReactMarkdownEnabled: O,
         isStreamingEnabled: n,
-        onSuggestedQuestionInteraction: L,
+        onSuggestedQuestionInteraction: J,
         questions: i,
         recordAction: b,
-        setAskSuggestedQuestion: H,
+        setAskSuggestedQuestion: K,
         showLoadingIndicator: g,
-        suggestedQuestions: F,
-        useAnimation: n && D,
+        suggestedQuestions: N,
+        useAnimation: n && k,
         variant: o
-      }), G && /* @__PURE__ */ u(X, {
+      }), H && /* @__PURE__ */ u(Z, {
         askSuggestedQuestion: f,
         enableDebugMode: E,
         hasRequestInProgress: d,
@@ -82,15 +84,17 @@ import '../../styles/box-ai-content-answers.css';const Y = "_container_1p5tb_1",
         isStopResponseEnabled: M,
         isStreamingEnabled: n,
         lastQuestion: i[i.length - 1],
-        onRetryQuestion: R,
-        onStopQuestion: x,
-        onUserInteraction: J,
-        promptButtonClickHandler: N,
+        onRetryQuestion: x,
+        onStopQuestion: F,
+        onUserInteraction: V,
+        promptButtonClickHandler: j,
+        promptValue: R,
         recordAction: b,
-        sendQuestion: C,
+        sendQuestion: D,
         setAskSuggestedQuestion: m,
+        setPromptValue: C,
         toggleDebugMode: () => {
-          z(!c);
+          G(!c);
         },
         variant: o
       })]
@@ -98,6 +102,6 @@ import '../../styles/box-ai-content-answers.css';const Y = "_container_1p5tb_1",
   });
 };
 export {
-  ee as BoxAiContentAnswers,
-  ee as default
+  oe as BoxAiContentAnswers,
+  oe as default
 };

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

@@ -1,162 +1,166 @@
-import g from "clsx";
-import Q from "lodash/noop";
+import tt from "clsx";
+import at from "lodash/noop";
 import * as r from "react";
-import { useIntl as tt } from "react-intl";
-import { useBreakpoint as at, Breakpoint as rt, TextArea as et, FilterChip as T, Tooltip as ot, Button as nt } from "@box/blueprint-web";
-import { ArrowUp as it } from "@box/blueprint-web-assets/icons/Fill";
-import { BubbleStar as st } from "@box/blueprint-web-assets/icons/Medium";
-import { useAgents as lt } from "@box/box-ai-agent-selector";
-import { getAIAgentConfig as X } from "../common/agentUtils.js";
-import { isDebugModeTrigger as mt, isEnterTrigger as pt } from "../common/keyInputUtils.js";
-import { TEXT_AREA as m, INPUT_TARGET_ID as ct } from "./constants.js";
-import { FooterActions as ut } from "./footer-actions.js";
-import { s as p, S as ft } from "../../../../chunks/stopResponseButton.js";
-import { U as dt } from "../../../../chunks/types.js";
-import s from "./messages.js";
-import { LOGGER_BASE_CONFIG as I, LOGGER_ACTION_CLICK as bt, LOGGER_ACTION_KEYPRESS as ht } from "../common/constants.js";
-import { jsxs as _, jsx as l } from "react/jsx-runtime";
-const Xt = ({
-  askSuggestedQuestion: u,
-  enableDebugMode: B = !1,
-  hasRequestInProgress: o,
-  isAIStudioAgentSelectorEnabled: h,
-  isDebugModeShown: N,
-  isStopResponseEnabled: P,
-  isStreamingEnabled: H,
-  lastQuestion: C,
-  onRetryQuestion: G,
-  onStopQuestion: S,
-  onUserInteraction: L = Q,
-  recordAction: n,
-  sendQuestion: v,
-  setAskSuggestedQuestion: x,
-  toggleDebugMode: c,
-  promptButtonClickHandler: y,
-  variant: F = "modal"
+import { useIntl as rt } from "react-intl";
+import { useBreakpoint as nt, Breakpoint as et, TextArea as it, FilterChip as L, Tooltip as ot, Button as st } from "@box/blueprint-web";
+import { ArrowUp as lt } from "@box/blueprint-web-assets/icons/Fill";
+import { BubbleStar as ct } from "@box/blueprint-web-assets/icons/Medium";
+import { useAgents as mt } from "@box/box-ai-agent-selector";
+import { getAIAgentConfig as H } from "../common/agentUtils.js";
+import { isDebugModeTrigger as ft, isEnterTrigger as pt } from "../common/keyInputUtils.js";
+import { TEXT_AREA as l, INPUT_TARGET_ID as ut } from "./constants.js";
+import { FooterActions as dt } from "./footer-actions.js";
+import { s as f, S as bt } from "../../../../chunks/stopResponseButton.js";
+import { U as ht } from "../../../../chunks/types.js";
+import c from "./messages.js";
+import { LOGGER_BASE_CONFIG as S, LOGGER_ACTION_CLICK as Ct, LOGGER_ACTION_KEYPRESS as Et } from "../common/constants.js";
+import { jsxs as M, jsx as m } from "react/jsx-runtime";
+const Ht = ({
+  askSuggestedQuestion: d,
+  enableDebugMode: x = !1,
+  hasRequestInProgress: e,
+  isAIStudioAgentSelectorEnabled: E,
+  isDebugModeShown: y,
+  isStopResponseEnabled: F,
+  isStreamingEnabled: K,
+  lastQuestion: T,
+  onRetryQuestion: A,
+  onStopQuestion: U,
+  onUserInteraction: k = at,
+  promptValue: p,
+  recordAction: i,
+  sendQuestion: O,
+  setAskSuggestedQuestion: R,
+  setPromptValue: o,
+  toggleDebugMode: u,
+  promptButtonClickHandler: X,
+  variant: W = "modal"
 }) => {
-  const O = F === "sidebar", i = tt(), K = at(), a = r.useRef(null), U = K <= rt.Medium && !O ? m.MAX_ROWS_MOBILE : m.MAX_ROWS, [f, A] = r.useState(!0), [W, R] = r.useState(!1), {
-    selectedAgent: E
-  } = lt(), {
-    answer: j,
-    isCompleted: D
-  } = C ?? {}, Y = H && D === !1 && (P || j), d = r.useCallback(() => {
+  const w = W === "sidebar", s = rt(), j = nt(), a = r.useRef(null), D = j <= et.Medium && !w ? l.MAX_ROWS_MOBILE : l.MAX_ROWS, [b, v] = r.useState(!0), [Y, B] = r.useState(!1), {
+    selectedAgent: _
+  } = mt(), {
+    answer: J,
+    isCompleted: P
+  } = T ?? {}, Z = K && P === !1 && (F || J), h = r.useCallback(() => {
     a.current && a.current.focus();
-  }, [a]), M = r.useCallback(() => {
-    var e;
-    L();
-    let t = ((e = a.current) == null ? void 0 : e.value) ?? "";
-    a.current && t.length > m.MAX_LENGTH && (a.current.value = t.slice(0, m.MAX_LENGTH), t = a.current.value), R(t.length >= m.MAX_LENGTH), A(t.trim().length === 0);
-  }, [a, L]), b = r.useCallback((t = dt) => {
-    if (d(), !o && a.current) {
-      const e = {
+  }, [a]), N = r.useCallback(() => {
+    var n;
+    k();
+    let t = ((n = a.current) == null ? void 0 : n.value) ?? "";
+    a.current && t.length > l.MAX_LENGTH && (a.current.value = t.slice(0, l.MAX_LENGTH), t = a.current.value), o && o(t), B(t.length >= l.MAX_LENGTH), v(t.trim().length === 0);
+  }, [k, o]), C = r.useCallback((t = ht) => {
+    if (h(), !e && a.current) {
+      const n = {
         prompt: a.current.value,
         promptType: t
       };
-      if (e.prompt && e.prompt.trim()) {
-        const q = X(h, E);
-        v(e, q), a.current.value = "", A(!0), R(!1);
+      if (n.prompt && n.prompt.trim()) {
+        const V = H(E, _);
+        O(n, V), a.current.value = "", o && o(""), v(!0), B(!1);
       }
-      N && c && c();
+      y && u && u();
     }
-  }, [E, d, o, a, h, N, v, c]), V = r.useCallback((t) => {
-    t.preventDefault(), !o && !f && n && n({
-      ...I,
-      action: bt,
+  }, [_, h, e, E, y, O, o, u]), $ = r.useCallback((t) => {
+    t.preventDefault(), !e && !b && i && i({
+      ...S,
+      action: Ct,
       target: "ask"
-    }), b();
-  }, [o, f, n, b]), J = r.useCallback((t) => {
-    B && c && mt(t) && c(), pt(t) && (t.preventDefault(), !o && !f && n && n({
-      ...I,
-      action: ht,
+    }), C();
+  }, [e, b, i, C]), z = r.useCallback((t) => {
+    x && u && ft(t) && u(), pt(t) && (t.preventDefault(), !e && !b && i && i({
+      ...S,
+      action: Et,
       target: "ask"
-    }), b());
-  }, [B, o, f, n, b, c]), Z = r.useCallback((t) => {
-    const e = X(h, E);
-    G(t, e);
-  }, [E, h, G]);
+    }), C());
+  }, [x, e, b, i, C, u]), q = r.useCallback((t) => {
+    const n = H(E, _);
+    A(t, n);
+  }, [_, E, A]);
   r.useEffect(() => {
-    queueMicrotask(d);
+    queueMicrotask(h);
   }, []), r.useEffect(() => {
-    if (u && a.current && !o && x) {
+    a.current && p !== void 0 && a.current.value !== p && (a.current.value = p, v(p.trim().length === 0), B(p.length >= l.MAX_LENGTH));
+  }, [p]), r.useEffect(() => {
+    if (d && a.current && !e && R) {
       const {
         prompt: t,
-        type: e
-      } = u;
-      a.current.value = t, b(e), x(null);
+        type: n
+      } = d;
+      a.current.value = t, o && o(t), C(n), R(null);
     }
-  }, [u == null ? void 0 : u.id]);
-  const $ = r.useCallback((t) => {
-    a.current && (a.current.value = t, M(), d());
-  }, [M, d]), k = !!y, z = () => /* @__PURE__ */ l(T.Group, {
+  }, [d == null ? void 0 : d.id]);
+  const g = r.useCallback((t) => {
+    a.current && (a.current.value = t, N(), h());
+  }, [N, h]), G = !!X, Q = () => /* @__PURE__ */ m(L.Group, {
     name: "prompt-library",
     type: "single",
-    children: /* @__PURE__ */ _(T.ChipButton, {
-      "aria-label": i.formatMessage(s.openPromptLibraryBtn),
-      className: p.promptButton,
+    children: /* @__PURE__ */ M(L.ChipButton, {
+      "aria-label": s.formatMessage(c.openPromptLibraryBtn),
+      className: f.promptButton,
       "data-target-id": "open-prompt-library-button",
       "data-testid": "open-prompt-library-button",
       onClick: () => {
-        y($);
+        X(g);
       },
       value: "add-prompt",
-      children: [/* @__PURE__ */ l(T.Icon, {
-        icon: st
-      }), /* @__PURE__ */ l(T.Label, {
-        children: i.formatMessage(s.promptsBtn)
+      children: [/* @__PURE__ */ m(L.Icon, {
+        icon: ct
+      }), /* @__PURE__ */ m(L.Label, {
+        children: s.formatMessage(c.promptsBtn)
       })]
     })
-  }), w = (t) => Y ? /* @__PURE__ */ l(ft, {
-    lastQuestion: C,
-    onStopQuestion: S,
-    recordAction: n,
+  }), I = (t) => Z ? /* @__PURE__ */ m(bt, {
+    lastQuestion: T,
+    onStopQuestion: U,
+    recordAction: i,
     size: t
-  }) : /* @__PURE__ */ l(ot, {
-    content: i.formatMessage(s.ask),
+  }) : /* @__PURE__ */ m(ot, {
+    content: s.formatMessage(c.ask),
     "data-testid": "ask-tooltip",
     variant: "standard",
-    children: /* @__PURE__ */ l(nt, {
-      "aria-label": i.formatMessage(s.ask),
-      className: p.inputAreaButton,
+    children: /* @__PURE__ */ m(st, {
+      "aria-label": s.formatMessage(c.ask),
+      className: f.inputAreaButton,
       "data-testid": "content-answers-submit-button",
-      disabled: f || o,
-      icon: it,
+      disabled: b || e,
+      icon: lt,
       loading: !1,
-      loadingAriaLabel: i.formatMessage(s.askDisabledTooltip),
-      onClick: V,
+      loadingAriaLabel: s.formatMessage(c.askDisabledTooltip),
+      onClick: $,
       size: t,
       "data-target-id": "Button-ask"
     })
   });
-  return /* @__PURE__ */ _("div", {
-    children: [C && /* @__PURE__ */ l(ut, {
-      lastQuestion: C,
-      onRetryButtonInteraction: L,
-      onRetryQuestion: Z,
-      recordAction: n
-    }), /* @__PURE__ */ _("div", {
-      className: g(p.questionInput, O && p.sidebar, !k && p.questionInputWithOutPromptLibrary),
-      children: [/* @__PURE__ */ l(et, {
+  return /* @__PURE__ */ M("div", {
+    children: [T && /* @__PURE__ */ m(dt, {
+      lastQuestion: T,
+      onRetryButtonInteraction: k,
+      onRetryQuestion: q,
+      recordAction: i
+    }), /* @__PURE__ */ M("div", {
+      className: tt(f.questionInput, w && f.sidebar, !G && f.questionInputWithOutPromptLibrary),
+      children: [/* @__PURE__ */ m(it, {
         ref: a,
-        className: p.textArea,
-        "data-target-id": ct,
+        className: f.textArea,
+        "data-target-id": ut,
         "data-testid": "content-answers-question-input",
-        error: W && i.formatMessage(s.maxCharactersReachedError, {
-          characterLimit: m.MAX_LENGTH
+        error: Y && s.formatMessage(c.maxCharactersReachedError, {
+          characterLimit: l.MAX_LENGTH
         }),
         hideLabel: !0,
-        label: i.formatMessage(s.askQuestionPlaceholder),
-        maxLength: m.MAX_LENGTH,
-        maxRows: U,
-        onChange: M,
-        onKeyDown: J,
-        placeholder: i.formatMessage(s.askQuestionPlaceholder)
-      }), k && /* @__PURE__ */ _("div", {
-        className: p.actionContainer,
-        children: [z(), w("small")]
-      }), !k && w("large")]
+        label: s.formatMessage(c.askQuestionPlaceholder),
+        maxLength: l.MAX_LENGTH,
+        maxRows: D,
+        onChange: N,
+        onKeyDown: z,
+        placeholder: s.formatMessage(c.askQuestionPlaceholder)
+      }), G && /* @__PURE__ */ M("div", {
+        className: f.actionContainer,
+        children: [Q(), I("small")]
+      }), !G && I("large")]
     })]
   });
 };
 export {
-  Xt as Footer
+  Ht as Footer
 };

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

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

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

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

package/dist/types/lib/box-ai-content-answers.d.ts

@@ -21,8 +21,12 @@ export type BoxAiContentAnswersProps = Omit<ContentProps, 'isErrorMessageShown'
     onCitationClick?: ItemClickHandler;
     /** Callback function when user takes an action suggesting intent to use AI or actual interaction */
     onUserIntentToUseAI?: (userHasInteracted?: boolean) => void;
+    /** The current prompt value from the textarea */
+    promptValue?: string;
     /** Callback function to handle prompt button clicks */
     promptButtonClickHandler?: (clickHandler: (content: string) => void) => void;
+    /** Callback function to set the prompt value */
+    setPromptValue?: (value: string) => void;
     variant?: StyleVariant;
 };
 export declare const BoxAiContentAnswers: React.FC<BoxAiContentAnswersProps>;

package/dist/types/lib/components/footer/footer.d.ts

@@ -22,16 +22,20 @@ export interface FooterProps {
     onStopQuestion?: StopQuestion;
     /** Callback when the user interacts with retry button or prompt textarea */
     onUserInteraction?: () => void;
+    /** The current prompt value from the textarea */
+    promptValue?: string;
     /** Callback function to handle logging events */
     recordAction?: (payload: Record<string, unknown>) => void;
     /** Callback when the user clicks on ask question or a suggested question */
     sendQuestion: SubmitQuestion;
     /** Callback function to handle selection of suggested question */
     setAskSuggestedQuestion: ((value: SuggestedQuestionType | null) => void) | undefined;
+    /** Callback function to set the prompt value */
+    setPromptValue?: (value: string) => void;
     /** Callback function to toggle the CTRL+SHIFT+X feature */
     toggleDebugMode?: () => void;
     /** Callback function to handle prompt button clicks */
     promptButtonClickHandler?: (clickHandler: (content: string) => void) => void;
     variant?: StyleVariant;
 }
-export declare const Footer: ({ askSuggestedQuestion, enableDebugMode, hasRequestInProgress, isAIStudioAgentSelectorEnabled, isDebugModeShown, isStopResponseEnabled, isStreamingEnabled, lastQuestion, onRetryQuestion, onStopQuestion, onUserInteraction, recordAction, sendQuestion, setAskSuggestedQuestion, toggleDebugMode, promptButtonClickHandler, variant, }: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Footer: ({ askSuggestedQuestion, enableDebugMode, hasRequestInProgress, isAIStudioAgentSelectorEnabled, isDebugModeShown, isStopResponseEnabled, isStreamingEnabled, lastQuestion, onRetryQuestion, onStopQuestion, onUserInteraction, promptValue, recordAction, sendQuestion, setAskSuggestedQuestion, setPromptValue, toggleDebugMode, promptButtonClickHandler, variant, }: FooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/modal/modal.d.ts

@@ -19,8 +19,15 @@ export type IntelligenceModalProps = ModalProps & Omit<BoxAiContentAnswersProps,
     isStopResponseEnabled?: boolean;
     /** Extension of the item used for QA. This is used for log purposes */
     extension?: string;
+    /** The current prompt value from the textarea this is an optional param.
+     * it was added to support case of sidebar ai component that need to share prompt state between modal and sidebar ai components
+     * and to avoid risk change to other components that use ref to set value of prompt textarea
+     * */
+    promptValue?: string;
     /** Callback function to handle logging events */
     recordAction?: (params: RecordActionType) => void;
+    /** Callback function to set the prompt value */
+    setPromptValue?: (value: string) => void;
     /** Child elements to be rendered inside the modal */
     children?: React.ReactElement;
     /** Flag to not render providers if parent component provides them (usually apiWrapper) */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "1.6.1",
+    "version": "1.7.1",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.56.1",
@@ -17,10 +17,10 @@
     },
     "devDependencies": {
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.89.1",
+        "@box/blueprint-web": "^12.89.2",
         "@box/blueprint-web-assets": "^4.75.0",
-        "@box/box-ai-agent-selector": "^1.3.5",
-        "@box/item-icon": "^1.3.5",
+        "@box/box-ai-agent-selector": "^1.3.6",
+        "@box/item-icon": "^1.3.6",
         "@box/storybook-utils": "^0.14.11",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",