@box/box-ai-content-answers 0.148.10 → 0.148.12

package/dist/esm/index.js

@@ -1,27 +1,28 @@
 import { BoxAiContentAnswers as r } from "./lib/box-ai-content-answers.js";
-import { AnswerContent as s } from "./lib/components/answer/answer-content.js";
-import { References as n } from "./lib/components/answer/references.js";
-import { withApiWrapper as a } from "./lib/components/api-wrapper/api-wrapper.js";
-import { C as T } from "../chunks/clear-conversation-button.js";
-import { IntelligenceModal as m } from "./lib/components/modal/modal.js";
-import { IntelligenceSidebar as P } from "./lib/components/sidebar/sidebar.js";
-import { APP_MODE as S } from "./lib/constants.js";
-import { usePromptFocus as i } from "./lib/hooks/usePromptFocus.js";
-import { A as O, C as l, F as U, R as c, S as I, U as N } from "../chunks/types.js";
+import { AnswerContent as E } from "./lib/components/answer/answer-content.js";
+import { References as p } from "./lib/components/answer/references.js";
+import { withApiWrapper as n } from "./lib/components/api-wrapper/api-wrapper.js";
+import { C as _ } from "../chunks/clear-conversation-button.js";
+import { IntelligenceModal as A } from "./lib/components/modal/modal.js";
+import { IntelligenceSidebar as m } from "./lib/components/sidebar/sidebar.js";
+import { AI_AGENTS_LOCAL_STORAGE_KEY as S, APP_MODE as P } from "./lib/constants.js";
+import { usePromptFocus as C } from "./lib/hooks/usePromptFocus.js";
+import { A as l, C as I, F as N, R as U, S as c, U as u } from "../chunks/types.js";
 export {
-  O as ANSWER_ERROR,
-  S as APP_MODE,
-  s as AnswerContent,
+  S as AI_AGENTS_LOCAL_STORAGE_KEY,
+  l as ANSWER_ERROR,
+  P as APP_MODE,
+  E as AnswerContent,
   r as BoxAiContentAnswers,
-  l as CONTENT_ERROR,
-  T as ClearConversationButton,
-  U as FeedbackIssueType,
-  m as IntelligenceModal,
-  P as IntelligenceSidebar,
-  c as REQUEST_STATE,
-  n as References,
-  I as SUGGESTED_QUESTION_PROMPT_TYPE,
-  N as USER_INPUT_PROMPT_TYPE,
-  i as usePromptFocus,
-  a as withApiWrapper
+  I as CONTENT_ERROR,
+  _ as ClearConversationButton,
+  N as FeedbackIssueType,
+  A as IntelligenceModal,
+  m as IntelligenceSidebar,
+  U as REQUEST_STATE,
+  p as References,
+  c as SUGGESTED_QUESTION_PROMPT_TYPE,
+  u as USER_INPUT_PROMPT_TYPE,
+  C as usePromptFocus,
+  n as withApiWrapper
 };

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

@@ -10,14 +10,14 @@ 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 fe } from "./title.js";
+import { Title as ge } from "./title.js";
 import S from "./messages.js";
 import { jsxs as M, jsx as e } from "react/jsx-runtime";
-const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal", ue = (o) => o ? S.collapseModalAriaLabel : S.closeModalAriaLabel, Ce = (o) => o ? $ : void 0, pe = (o) => {
+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 l = o === "collapsible";
   return {
     closeModalLabel: ue(l),
-    closeModalTargetId: ge(l),
+    closeModalTargetId: fe(l),
     closeModalIcon: Ce(l)
   };
 }, _e = ({
@@ -25,37 +25,37 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
   getAIStudioAgents: l,
   hasCustomSuggestedQuestions: x,
   hostAppName: m,
-  isAIStudioAgentSelectorEnabled: f = !1,
+  isAIStudioAgentSelectorEnabled: g = !1,
   isDebugModeEnabled: B,
   isStopResponseEnabled: _ = !1,
   itemSize: h,
   extension: T,
-  onClearAction: g,
+  onClearAction: f,
   onSelectAgent: k,
   onSelectedAgentCallback: P,
   recordAction: r,
   shouldRenderProviders: q = !0,
   shouldShowLandingPage: G = !1,
   stopPropagationOnEsc: H,
-  variant: R = "closable",
+  variant: L = "closable",
   items: i,
   parentItem: d,
   ...z
 }) => {
   var E, v;
   const {
-    open: b,
+    open: R,
     defaultOpen: F,
     onOpenChange: j,
     modal: D,
     ...a
-  } = z, L = le(), Q = V() <= X.Medium;
-  me(H, b);
-  const u = (v = (E = a == null ? void 0 : a.questions) == null ? void 0 : E[a.questions.length - 1]) == null ? void 0 : v.error, [U, O] = se(!1), {
-    closeModalLabel: 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), {
+    closeModalLabel: O,
     closeModalTargetId: W,
     closeModalIcon: y
-  } = ae(() => pe(R), [R]), n = I((t) => {
+  } = ae(() => pe(L), [L]), n = I((t) => {
     r && (t.data ?? (t.data = {}), t.data.hostAppName = m, r(t));
   }, [m, r]);
   C(() => {
@@ -80,19 +80,19 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
       }
     });
   }, [n, d, r]), C(() => {
-    u && u === ne.AGENT_NOT_FOUND && O(!0);
+    u && u === ne.AGENT_NOT_FOUND && A(!0);
   }, [u]);
   const K = () => {
-    g && (g(), n({
+    f && (f(), n({
       ...p,
       action: de,
       target: "clearChat"
     }));
-  }, J = I(async () => (O(!1), l()), [l]), N = /* @__PURE__ */ M(c, {
+  }, J = I(async () => (A(!1), l()), [l]), N = /* @__PURE__ */ M(c, {
     defaultOpen: F,
     modal: D,
     onOpenChange: j,
-    open: b,
+    open: R,
     children: [/* @__PURE__ */ e(c.Trigger, {
       children: o
     }), /* @__PURE__ */ M(c.Content, {
@@ -108,9 +108,9 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
             "data-testid": "content-answers-icon-color",
             height: w,
             width: w
-          }), /* @__PURE__ */ e(fe, {
-            isAIStudioAgentSelectorEnabled: f
-          }), f && /* @__PURE__ */ e(oe, {
+          }), /* @__PURE__ */ e(ge, {
+            isAIStudioAgentSelectorEnabled: g
+          }), g && /* @__PURE__ */ e(oe, {
             contentClassName: s.agentSelectorContent,
             disabled: a.hasRequestInProgress,
             fetcher: J,
@@ -120,14 +120,15 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
             recordAction: r,
             requestState: U ? ie.ERROR : void 0,
             shouldHideAgentSelectorOnLoad: !0,
-            triggerChipClassName: s.agentSelectorTrigger
+            triggerChipClassName: s.agentSelectorTrigger,
+            useAgentLocalStorage: !0
           })]
         })
       }), /* @__PURE__ */ e(re, {
         className: s.boxAiContentAnswers,
         hasCustomSuggestedQuestions: x,
         hostAppName: m,
-        isAIStudioAgentSelectorEnabled: f,
+        isAIStudioAgentSelectorEnabled: g,
         isDebugModeEnabled: B,
         isStopResponseEnabled: _,
         items: i,
@@ -135,15 +136,15 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
         recordAction: n,
         shouldShowLandingPage: G,
         ...a
-      }), g && /* @__PURE__ */ e(ce, {
+      }), f && /* @__PURE__ */ e(ce, {
         hasRequestInProgress: a.hasRequestInProgress,
         onClick: K
       }), /* @__PURE__ */ e(Y, {
         children: /* @__PURE__ */ e(Z, {
-          content: L.formatMessage(A),
+          content: b.formatMessage(O),
           "data-testid": "content-answers-close-modal-tooltip",
           children: /* @__PURE__ */ e(c.Close, {
-            "aria-label": L.formatMessage(A),
+            "aria-label": b.formatMessage(O),
             className: s["modal-close-button"],
             "data-target-id": W,
             icon: y,

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

@@ -14,12 +14,12 @@ import { IntelligenceModal as le } from "../modal/modal.js";
 import { IntelligenceSidebarContext as be } from "./context.js";
 import C from "./messages.js";
 import Se from "./title.js";
-import { jsxs as p, Fragment as $, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/content.css';const ue = "_bcsSidebarBase_gfv6u_2", pe = "_bcsContent_gfv6u_2", Ae = "_bcsBoxAISidebar_gfv6u_2", ge = "_bcsContentHeader_gfv6u_6", he = "_bcsTitle_gfv6u_15", me = "_bcsScrollContent_gfv6u_22", fe = "_withModalOpen_gfv6u_32", _e = "_bcsBoxAISidebarAgentSelector_gfv6u_35", Ie = "_bcsBoxAISidebarAgentSelectorContainer_gfv6u_39", xe = "_bcsBoxAISidebarChatActions_gfv6u_43", Ce = "_bcsBoxAISidebarContent_gfv6u_47", Be = "_bcsBoxAISidebarExpand_gfv6u_50", ve = "_bcsBoxAISidebarTitlePart_gfv6u_53", we = "_sidebarChip_gfv6u_77", Te = "_bcsContentSubheader_gfv6u_90", Ee = "_bcsScrollContentWrapper_gfv6u_99", Ne = "_withSubheader_gfv6u_104", Pe = "_expanded_gfv6u_107", t = {
+import { jsxs as A, Fragment as $, jsx as e } from "react/jsx-runtime";
+import '../../../../styles/content.css';const ue = "_bcsSidebarBase_gfv6u_2", Ae = "_bcsContent_gfv6u_2", ge = "_bcsBoxAISidebar_gfv6u_2", pe = "_bcsContentHeader_gfv6u_6", he = "_bcsTitle_gfv6u_15", me = "_bcsScrollContent_gfv6u_22", fe = "_withModalOpen_gfv6u_32", _e = "_bcsBoxAISidebarAgentSelector_gfv6u_35", Ie = "_bcsBoxAISidebarAgentSelectorContainer_gfv6u_39", xe = "_bcsBoxAISidebarChatActions_gfv6u_43", Ce = "_bcsBoxAISidebarContent_gfv6u_47", Be = "_bcsBoxAISidebarExpand_gfv6u_50", ve = "_bcsBoxAISidebarTitlePart_gfv6u_53", we = "_sidebarChip_gfv6u_77", Te = "_bcsContentSubheader_gfv6u_90", Ee = "_bcsScrollContentWrapper_gfv6u_99", Ne = "_withSubheader_gfv6u_104", Pe = "_expanded_gfv6u_107", t = {
   bcsSidebarBase: ue,
-  bcsContent: pe,
-  bcsBoxAISidebar: Ae,
-  bcsContentHeader: ge,
+  bcsContent: Ae,
+  bcsBoxAISidebar: ge,
+  bcsContentHeader: pe,
   bcsTitle: he,
   bcsScrollContent: me,
   withModalOpen: fe,
@@ -34,27 +34,27 @@ import '../../../../styles/content.css';const ue = "_bcsSidebarBase_gfv6u_2", pe
   bcsScrollContentWrapper: Ee,
   withSubheader: Ne,
   expanded: Pe
-}, Me = `${ie}_${re}`;
-ce(Me);
-const Le = ({
+}, Le = `${ie}_${re}`;
+ce(Le);
+const Me = ({
   actions: B,
   children: i,
   className: n,
   elementId: l = "",
-  sidebarView: A = "",
+  sidebarView: g = "",
   title: r,
   subheader: c,
   ...d
 }) => {
-  const b = `${l}${l === "" ? "" : "_"}${A}`, g = `${b}-content`;
-  return /* @__PURE__ */ p("div", {
+  const b = `${l}${l === "" ? "" : "_"}${g}`, p = `${b}-content`;
+  return /* @__PURE__ */ A("div", {
     "aria-labelledby": b,
     className: y(t.bcsContent, n),
     "data-testid": "bcs-content",
-    id: g,
+    id: p,
     role: "tabpanel",
     ...d,
-    children: [/* @__PURE__ */ p("div", {
+    children: [/* @__PURE__ */ A("div", {
       className: t.bcsContentHeader,
       children: [r && /* @__PURE__ */ e(K, {
         as: "h3",
@@ -78,12 +78,12 @@ function Oe(B) {
     createSession: i,
     encodedSession: n,
     onClearAction: l,
-    getAIStudioAgents: A,
+    getAIStudioAgents: g,
     hasRequestInProgress: r,
     hostAppName: c,
     isAIStudioAgentSelectorEnabled: d,
     isLoading: b,
-    onSelectAgent: g,
+    onSelectAgent: p,
     questions: h,
     shouldShowLandingPage: N = !0,
     sendQuestion: m,
@@ -91,7 +91,7 @@ function Oe(B) {
     ...P
   } = B, {
     formatMessage: f
-  } = oe(), M = u.useRef(!1), [w, L] = u.useState(!1), {
+  } = oe(), L = u.useRef(!1), [w, M] = u.useState(!1), {
     cache: s,
     contentName: O,
     elementId: H,
@@ -122,9 +122,9 @@ function Oe(B) {
   const x = (o = !1) => {
     !I && !n && !b && i && i(!0, !1), o && W && W();
   }, J = () => {
-    L(!1);
+    M(!1);
   }, Y = () => {
-    x(), L(!0);
+    x(), M(!0);
   };
   u.useEffect(() => (I && !n && i && i(!0, !0), n && a.length > 0 && a[a.length - 1].isCompleted === !1 && m({
     prompt: a[a.length - 1].prompt
@@ -143,9 +143,9 @@ function Oe(B) {
     v();
   }), []), u.useEffect(() => {
     const o = a[a.length - 1];
-    !I && !M.current && n && (o != null && o.isLoading) && (m(o, E, !1), M.current = !0);
+    !I && !L.current && n && (o != null && o.isLoading) && (m(o, E, !1), L.current = !0);
   }, [n]);
-  const G = () => /* @__PURE__ */ p("div", {
+  const G = () => /* @__PURE__ */ A("div", {
     className: t.bcsBoxAISidebarTitlePart,
     children: [/* @__PURE__ */ e(Se, {
       isAIStudioAgentSelectorEnabled: d
@@ -153,20 +153,21 @@ function Oe(B) {
       className: t.bcsBoxAISidebarAgentSelector,
       children: /* @__PURE__ */ e(ne, {
         disabled: r,
-        fetcher: A,
+        fetcher: g,
         hostAppName: c,
         onAgentsListOpen: x,
-        onSelectAgent: g,
+        onSelectAgent: p,
         onSelectedAgentCallback: D,
         recordAction: S,
         shouldHideAgentSelectorOnLoad: !0,
+        useAgentLocalStorage: !0,
         variant: "sidebar"
       })
     })]
   });
-  return /* @__PURE__ */ p($, {
-    children: [/* @__PURE__ */ e(Le, {
-      actions: /* @__PURE__ */ p($, {
+  return /* @__PURE__ */ A($, {
+    children: [/* @__PURE__ */ e(Me, {
+      actions: /* @__PURE__ */ A($, {
         children: [G(), /* @__PURE__ */ e(de, {
           hasRequestInProgress: r,
           onClick: l
@@ -217,7 +218,7 @@ function Oe(B) {
       contentName: O,
       contentType: f(C.sidebarBoxAIContent),
       extension: V,
-      getAIStudioAgents: A,
+      getAIStudioAgents: g,
       hasRequestInProgress: r,
       hostAppName: c,
       isAIStudioAgentSelectorEnabled: d,
@@ -229,7 +230,7 @@ function Oe(B) {
       onClearAction: l,
       onFeedbackFormSubmit: U,
       onOpenChange: J,
-      onSelectAgent: g,
+      onSelectAgent: p,
       onUserIntentToUseAI: x,
       open: w,
       questions: h,

package/dist/esm/lib/constants.js

@@ -5,7 +5,8 @@ const _ = {
   HUBS_MODAL: "hubs_modal",
   NOTES_MODAL: "notes_modal",
   QUICK_ACTIONS: "quick_actions"
-};
+}, A = "aiAgent";
 export {
+  A as AI_AGENTS_LOCAL_STORAGE_KEY,
   _ as APP_MODE
 };

package/dist/types/lib/constants.d.ts

@@ -6,3 +6,4 @@ export declare const APP_MODE: {
     NOTES_MODAL: string;
     QUICK_ACTIONS: string;
 };
+export declare const AI_AGENTS_LOCAL_STORAGE_KEY = "aiAgent";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "0.148.10",
+    "version": "0.148.12",
     "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.68.1",
+        "@box/blueprint-web": "^12.68.2",
         "@box/blueprint-web-assets": "^4.66.0",
-        "@box/box-ai-agent-selector": "^0.58.11",
-        "@box/item-icon": "^0.23.10",
+        "@box/box-ai-agent-selector": "^0.58.12",
+        "@box/item-icon": "^0.23.11",
         "@box/storybook-utils": "^0.14.2",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",