@box/box-ai-content-answers 0.156.3 → 0.158.0

package/dist/i18n/zh-TW.properties

@@ -40,8 +40,8 @@ boxAI.contentAnswers.disabledTooltipFileNotCompatible = Box AI Q&A 目前不支
 boxAI.contentAnswers.disabledTooltipPermissionsFailed = 目前無法查看權限。重新載入此頁面並再試一次
 # Disabled tooltip message for the Content Answers entry point button while the AI file permissions are being loaded
 boxAI.contentAnswers.disabledTooltipPermissionsLoading = 正在查看權限…
-# Disclaimer informing how to report inappropriate content in the feedback tooltip
-boxAI.contentAnswers.feedbackTooltipAbuseDisclaimer = 若要檢舉不當內容，請傳送電子郵件至 {abuseEmailLink}
+# Disclaimer informing how to report inappropriate content in the feedback tooltip, the inside of <abuseFormLink> is the linked, clickable text
+boxAI.contentAnswers.feedbackTooltipAbuseDisclaimer = 若要檢舉不當內容，請提交<abuseFormLink>此表單</abuseFormLink>。
 # Cancel button text for the feedback tooltip
 boxAI.contentAnswers.feedbackTooltipCancel = 取消
 # Confirmation message after submitting feedback in the feedback tooltip
@@ -59,7 +59,7 @@ boxAI.contentAnswers.feedbackTooltipIssueTypeAnswer3 = 其他
 # Label for the feedback type radio group in the feedback tooltip
 boxAI.contentAnswers.feedbackTooltipIssueTypeLabel = 您想要回報什麼類型的問題？
 # Label for checkbox to consent for prompt and answer sharing in the tooltip that asks the user to share feedback on the answer
-boxAI.contentAnswers.feedbackTooltipPromptShareConsent = Share my prompt and response to help improve product quality.
+boxAI.contentAnswers.feedbackTooltipPromptShareConsent = 共用我的提示和回應，協助改善產品品質。
 # Submit button text for the feedback tooltip
 boxAI.contentAnswers.feedbackTooltipSubmit = 提交
 # Title of a tooltip that asks the user to share feedback on the answer
@@ -148,6 +148,16 @@ boxAI.popup.closeButtonText = 關閉
 boxAI.textInputWithCopyButton.copyButtonSuccessText = 已複製
 # Label that shows up while someone hover on close button of files dropdown
 boxAi.contentAnswers.closeItemList = 關閉檔案項目清單
+# Tooltip label for button to collapse thinking content
+boxui.contentAnswers.collapseThinkingContent = Collapse
+# Tooltip label for button to expand thinking content
+boxui.contentAnswers.expandThinkingContent = Expand
+# Text shown when thinking is completed
+boxui.contentAnswers.thinkingCompleted = Thinking Complete
+# Aria label for the scrollable thinking content area
+boxui.contentAnswers.thinkingContentScrollableArea = Thinking content scrollable area
+# Text shown when thinking is in progress
+boxui.contentAnswers.thinkingInProgress = Thinking...
 # Content Answers welcome message spreadsheet supported by Intelligent Query notification
 boxui.contentAnswers.welcomeMessageIntelligentQueryNotice = 您可以在試算表中詢問 BoxAI 簡單和複雜的問題：總計數、平均值、進階比較、趨勢分析等。 立即試用！
 # Content Answers welcome message spreadsheet notification

package/dist/styles/answer.css

@@ -1 +1 @@
-._answer_140hd_1{white-space:pre-wrap;border:none}._answer_140hd_1 ._alertIcon_140hd_5{margin-left:.5rem}._answer_140hd_1 ._error_140hd_8{display:flex;align-items:center}._answer_140hd_1 ._footer_140hd_12{display:flex;align-items:center;justify-content:space-between;height:1.5rem}._answer_140hd_1 ._footer_140hd_12 ._copyButtonContainer_140hd_18,._answer_140hd_1 ._footer_140hd_12 ._feedbackButtonsContainer_140hd_19{opacity:0;transition:opacity .3s}._answer_140hd_1 ._footer_140hd_12._shouldHaveMarginTop_140hd_23{margin-top:.75rem}._answer_140hd_1 ._footer_140hd_12._shouldUseAnimation_140hd_26{max-height:0;overflow-y:hidden}._answer_140hd_1 ._footer_140hd_12._shouldUseAnimation_140hd_26._shouldAnimateHeight_140hd_30{max-height:200px;transition:max-height 1s ease-in}._answer_140hd_1 ._footer_140hd_12 ._footerButtons_140hd_34,._answer_140hd_1 ._footer_140hd_12 ._feedbackButtonsContainer_140hd_19{display:flex;gap:.25rem;margin-inline-start:auto}._answer_140hd_1 ._iconAvatar_140hd_40{display:flex;align-items:center;justify-content:center;width:var(--size-16);height:var(--size-16);background-color:#faf5fe;border-radius:50%}@media (max-width: 374px){._answer_140hd_1 ._iconAvatar_140hd_40{width:var(--size-6);height:var(--size-6)}}._answer_140hd_1:hover ._copyButtonContainer_140hd_18,._answer_140hd_1:hover ._feedbackButtonsContainer_140hd_19,._answer_140hd_1 ._copyButtonContainer_140hd_18:focus-within,._answer_140hd_1 ._feedbackButtonsContainer_140hd_19:focus-within,._answer_140hd_1 ._footerButtons_140hd_34._buttonsVisible_140hd_56 ._copyButtonContainer_140hd_18,._answer_140hd_1 ._footerButtons_140hd_34._buttonsVisible_140hd_56 ._feedbackButtonsContainer_140hd_19{opacity:1}._answer_140hd_1:hover ._copyButtonContainer_140hd_18>button,._answer_140hd_1:hover ._feedbackButtonsContainer_140hd_19>button,._answer_140hd_1 ._copyButtonContainer_140hd_18:focus-within>button,._answer_140hd_1 ._feedbackButtonsContainer_140hd_19:focus-within>button,._answer_140hd_1 ._footerButtons_140hd_34._buttonsVisible_140hd_56 ._copyButtonContainer_140hd_18>button,._answer_140hd_1 ._footerButtons_140hd_34._buttonsVisible_140hd_56 ._feedbackButtonsContainer_140hd_19>button{outline-offset:-2px}
+._answer_rp7w7_1{white-space:pre-wrap;border:none}._answer_rp7w7_1 ._loadingContainer_rp7w7_5{display:flex;gap:var(--space-2);align-items:center;margin:0;padding:18px}._answer_rp7w7_1 ._loadingContainer_rp7w7_5 ._loadingText_rp7w7_12{opacity:0;animation:_fadeIn_rp7w7_1 .3s ease-in-out 1s forwards}@keyframes _fadeIn_rp7w7_1{to{opacity:1}}._answer_rp7w7_1 ._alertIcon_rp7w7_21{margin-left:.5rem}._answer_rp7w7_1 ._error_rp7w7_24{display:flex;align-items:center}._answer_rp7w7_1 ._footer_rp7w7_28{display:flex;align-items:center;justify-content:space-between;height:1.5rem}._answer_rp7w7_1 ._footer_rp7w7_28 ._copyButtonContainer_rp7w7_34,._answer_rp7w7_1 ._footer_rp7w7_28 ._feedbackButtonsContainer_rp7w7_35{opacity:0;transition:opacity .3s}._answer_rp7w7_1 ._footer_rp7w7_28._shouldHaveMarginTop_rp7w7_39{margin-top:.75rem}._answer_rp7w7_1 ._footer_rp7w7_28._shouldUseAnimation_rp7w7_42{max-height:0;overflow-y:hidden}._answer_rp7w7_1 ._footer_rp7w7_28._shouldUseAnimation_rp7w7_42._shouldAnimateHeight_rp7w7_46{max-height:200px;transition:max-height 1s ease-in}._answer_rp7w7_1 ._footer_rp7w7_28 ._footerButtons_rp7w7_50,._answer_rp7w7_1 ._footer_rp7w7_28 ._feedbackButtonsContainer_rp7w7_35{display:flex;gap:.25rem;margin-inline-start:auto}._answer_rp7w7_1 ._iconAvatar_rp7w7_56{display:flex;align-items:center;justify-content:center;width:var(--size-16);height:var(--size-16);background-color:#faf5fe;border-radius:50%}@media (max-width: 374px){._answer_rp7w7_1 ._iconAvatar_rp7w7_56{width:var(--size-6);height:var(--size-6)}}._answer_rp7w7_1:hover ._copyButtonContainer_rp7w7_34,._answer_rp7w7_1:hover ._feedbackButtonsContainer_rp7w7_35,._answer_rp7w7_1 ._copyButtonContainer_rp7w7_34:focus-within,._answer_rp7w7_1 ._feedbackButtonsContainer_rp7w7_35:focus-within,._answer_rp7w7_1 ._footerButtons_rp7w7_50._buttonsVisible_rp7w7_72 ._copyButtonContainer_rp7w7_34,._answer_rp7w7_1 ._footerButtons_rp7w7_50._buttonsVisible_rp7w7_72 ._feedbackButtonsContainer_rp7w7_35{opacity:1}._answer_rp7w7_1:hover ._copyButtonContainer_rp7w7_34>button,._answer_rp7w7_1:hover ._feedbackButtonsContainer_rp7w7_35>button,._answer_rp7w7_1 ._copyButtonContainer_rp7w7_34:focus-within>button,._answer_rp7w7_1 ._feedbackButtonsContainer_rp7w7_35:focus-within>button,._answer_rp7w7_1 ._footerButtons_rp7w7_50._buttonsVisible_rp7w7_72 ._copyButtonContainer_rp7w7_34>button,._answer_rp7w7_1 ._footerButtons_rp7w7_50._buttonsVisible_rp7w7_72 ._feedbackButtonsContainer_rp7w7_35>button{outline-offset:-2px}

package/dist/styles/thinkingBubble.css

@@ -1 +1 @@
-._thinkingBubbleContainer_vtaw4_2{font-size:var(--body-default-font-size);border:1px solid var(--black-opacity-08);transition:width .3s ease,height .3s ease}._thinkingBubbleHeader_vtaw4_8{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-6);background:none;border:none}._thinkingBubbleHeader_vtaw4_8:not([disabled]){cursor:pointer}._thinkingBubbleHeader_vtaw4_8 ._headerLeft_vtaw4_20{display:flex;gap:var(--space-4);align-items:center}._thinkingBubbleHeader_vtaw4_8 ._thinkingBubbleLogo_vtaw4_25{width:var(--size-6);height:var(--size-6)}._thinkingBubbleHeader_vtaw4_8 ._chevronIcon_vtaw4_29{width:var(--size-4);height:var(--size-4);opacity:1}._thinkingBubbleHeader_vtaw4_8 ._chevronIcon_vtaw4_29._chevronRotated_vtaw4_34{transform:rotate(90deg)}._thinkingBubbleHeader_vtaw4_8 ._chevronIcon_vtaw4_29._chevronDisabled_vtaw4_37{opacity:0}._logoState_vtaw4_41{display:flex;align-items:center;justify-content:center;width:var(--size-15);height:var(--size-15);border-radius:var(--radius-half)}._headerExpanded_vtaw4_50{width:100%;height:auto;border-radius:var(--radius-8)}._thinkingBubbleContent_vtaw4_56{position:relative;max-height:140px;padding:0 var(--space-4) var(--space-2) var(--space-14);opacity:1;transition:opacity .15s ease,max-height .15s ease}._scrollableContainer_vtaw4_64{max-height:120px;padding-right:var(--space-3);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent}._scrollableContainer_vtaw4_64::-webkit-scrollbar-track,._scrollableContainer_vtaw4_64::-webkit-scrollbar-thumb{background:transparent}._scrollableContainer_vtaw4_64:hover{scrollbar-color:rgba(0,0,0,.3) transparent}._scrollableContainer_vtaw4_64:hover::-webkit-scrollbar-thumb{background:#0000004d}._contentExpanded_vtaw4_82 ._thinkingBubbleContent_vtaw4_56{max-height:420px}._contentExpanded_vtaw4_82 ._scrollableContainer_vtaw4_64{max-height:400px}._contentExpanded_vtaw4_82._sidebar_vtaw4_88 ._thinkingBubbleContent_vtaw4_56{max-height:320px}._contentExpanded_vtaw4_82._sidebar_vtaw4_88 ._scrollableContainer_vtaw4_64{max-height:300px}._thinkingBubbleContent_vtaw4_56:before{position:absolute;top:0;right:var(--space-8);bottom:0;left:var(--space-9);background:linear-gradient(to bottom,white 0%,transparent 8px,transparent calc(100% - 16px),white 100%);content:"";pointer-events:none}._pillState_vtaw4_106{max-width:fit-content;opacity:1;transition:width .3s ease,height .3s ease}._pillState_vtaw4_106 ._thinkingBubbleHeader_vtaw4_8{gap:var(--space-2)}
+._thinkingBubbleContainer_168nh_2{font-size:var(--body-default-font-size);border:1px solid var(--black-opacity-08);transition:width .3s ease,height .3s ease}._thinkingBubbleHeader_168nh_8{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-4);background:none;border:none}._thinkingBubbleHeader_168nh_8:not([disabled]){cursor:pointer}._thinkingBubbleHeader_168nh_8 ._headerLeft_168nh_20{display:flex;gap:var(--space-4);align-items:center}._thinkingBubbleHeader_168nh_8 ._thinkingBubbleLogo_168nh_25{width:var(--size-6);height:var(--size-6)}._thinkingBubbleHeader_168nh_8 ._chevronIcon_168nh_29{width:var(--size-4);height:var(--size-4);opacity:1}._thinkingBubbleHeader_168nh_8 ._chevronIcon_168nh_29._chevronRotated_168nh_34{transform:rotate(90deg)}._thinkingBubbleHeader_168nh_8 ._chevronIcon_168nh_29._chevronDisabled_168nh_37{opacity:0}._logoState_168nh_41{display:flex;align-items:center;justify-content:center;width:var(--size-15);height:var(--size-15);border-radius:var(--radius-half)}._logoState_168nh_41 ._thinkingBubbleHeader_168nh_8{justify-content:center;padding:0}._headerExpanded_168nh_54{width:100%;border-radius:var(--radius-8)}._thinkingBubbleContent_168nh_59{position:relative;max-height:140px;padding:0 var(--space-4) var(--space-2) var(--space-14);opacity:1;transition:opacity .15s ease,max-height .15s ease}._scrollableContainer_168nh_67{max-height:120px;padding-right:var(--space-3);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent}._scrollableContainer_168nh_67::-webkit-scrollbar-track,._scrollableContainer_168nh_67::-webkit-scrollbar-thumb{background:transparent}._scrollableContainer_168nh_67:hover{scrollbar-color:rgba(0,0,0,.3) transparent}._scrollableContainer_168nh_67:hover::-webkit-scrollbar-thumb{background:#0000004d}._contentExpanded_168nh_85 ._thinkingBubbleContent_168nh_59{max-height:420px}._contentExpanded_168nh_85 ._scrollableContainer_168nh_67{max-height:400px}._contentExpanded_168nh_85._sidebar_168nh_91 ._thinkingBubbleContent_168nh_59{max-height:320px}._contentExpanded_168nh_85._sidebar_168nh_91 ._scrollableContainer_168nh_67{max-height:300px}._thinkingBubbleContent_168nh_59:before{position:absolute;top:0;right:var(--space-8);bottom:0;left:var(--space-9);background:linear-gradient(to bottom,white 0%,transparent 8px,transparent calc(100% - 16px),white 100%);content:"";pointer-events:none}._pillState_168nh_109{max-width:fit-content;opacity:1;transition:width .3s ease,height .3s ease}._pillState_168nh_109 ._thinkingBubbleHeader_168nh_8{gap:var(--space-2)}

package/dist/types/lib/components/answer/messages.d.ts

@@ -124,6 +124,11 @@ declare const messages: {
         description: string;
         id: string;
     };
+    analyzingRequest: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     noReferences: {
         defaultMessage: string;
         description: string;

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

@@ -1,3 +1,3 @@
 import { ChatProps } from '../../types';
-export declare const Chat: ({ askSuggestedQuestion, contentType, hasCustomSuggestedQuestions, hasRequestInProgress, isCitationsEnabled, isFeedbackEnabled, isFeedbackFormEnabled, isInlineCitationsEnabled, isMarkdownEnabled, isSessionLoading, onCitationClick, onAnswerCopy, onFeedbackFormSubmit, onSuggestedQuestionInteraction, questions, recordAction, setAnswerFeedback, setAskSuggestedQuestion, suggestedQuestions, suggestedQuestionsRequestState, shouldFeedbackFormIncludeFeedbackText, shouldFeedbackIncludePromptData, shouldShowLandingPage, useAnimation, variant, hostAppName, isReactMarkdownEnabled, welcomeMessageClearText, ...welcomeMessageProps }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chat: ({ askSuggestedQuestion, contentType, hasCustomSuggestedQuestions, hasRequestInProgress, isCitationsEnabled, isFeedbackEnabled, isFeedbackFormEnabled, isInlineCitationsEnabled, isMarkdownEnabled, isSessionLoading, onCitationClick, onAnswerCopy, onFeedbackFormSubmit, onDropdownOpenChange, onSuggestedQuestionInteraction, questions, recordAction, setAnswerFeedback, setAskSuggestedQuestion, suggestedQuestions, suggestedQuestionsRequestState, shouldFeedbackFormIncludeFeedbackText, shouldFeedbackIncludePromptData, shouldShowLandingPage, useAnimation, variant, hostAppName, isReactMarkdownEnabled, welcomeMessageClearText, ...welcomeMessageProps }: ChatProps) => import("react/jsx-runtime").JSX.Element;
 export default Chat;

package/dist/types/lib/components/thinkingBubble/boxAILoadingIndicator.d.ts

@@ -1,3 +1,7 @@
-declare const BoxAILoadingIndicator: () => import("react/jsx-runtime").JSX.Element;
+declare const BoxAILoadingIndicator: ({ className, height, width, }: {
+    className?: string;
+    height?: number;
+    width?: number;
+}) => import("react/jsx-runtime").JSX.Element;
 export { BoxAILoadingIndicator };
 export default BoxAILoadingIndicator;

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

@@ -3,6 +3,7 @@ import * as React from 'react';
 export interface ThinkingBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
     content: string;
     isThinkingComplete?: boolean;
+    onDropdownOpenChange: (open: boolean) => void;
     variant?: StyleVariant;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "0.156.3",
+    "version": "0.158.0",
     "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.78.0",
+        "@box/blueprint-web": "^12.78.1",
         "@box/blueprint-web-assets": "^4.69.0",
-        "@box/box-ai-agent-selector": "^0.63.7",
-        "@box/item-icon": "^0.27.7",
+        "@box/box-ai-agent-selector": "^0.64.0",
+        "@box/item-icon": "^0.28.0",
         "@box/storybook-utils": "^0.14.5",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",