@brainfish-ai/components 0.18.6 → 0.18.8

package/dist/chat-search.d.ts

@@ -94,6 +94,7 @@ export declare interface Answer {
     uncertaintyFallbackText?: string;
     searchIntentId?: string;
     actions?: Action[];
+    hasError?: boolean;
 }
 
 declare type AnswerBlock = MarkdownTextBlock | ActionButtonsBlock | ActionInputFormBlock;

package/dist/esm/chunks/{ChatSearch.DSB-T76c.js → ChatSearch.DCnEmHuh.js}

@@ -3677,7 +3677,9 @@ const reducer = (draft, action) => {
       const answer = getTargetAnswer(draft, action.payload.index ?? -1);
       const block = answer && getLastTextBlock(answer);
       if (block && isMarkdownTextBlock(block)) {
-        block.text += action.payload.error;
+        block.text = action.payload.error;
+        answer.state = "completed";
+        answer.hasError = true;
       }
       return;
     }
@@ -3691,7 +3693,8 @@ const reducer = (draft, action) => {
     case AnswersActions.COMPLETE_ANSWER: {
       const answer = getTargetAnswer(draft, action.payload.index);
       if (answer) {
-        if (answer.state === "streaming") {
+        const shouldComplete = answer.state === "streaming" || answer.state === "fetching-search-results" || answer.state === "fetching-stream";
+        if (shouldComplete) {
           answer.state = "completed";
         }
       }
@@ -4447,7 +4450,9 @@ const useConversationLoader = ({ loadConversationEndpoint, headers, mergedTextCo
         answerListDispatch(clearAll());
         clearConversationId();
         setShowResults(false);
-        setLoadError(mergedTextConfig.errorText || "An error occurred");
+        setLoadError(
+          mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+        );
       }).finally(() => {
         setIsLoadingConversation(false);
       });
@@ -4648,7 +4653,8 @@ function Answer({
   handleActionClick,
   nextBestActions,
   isLastAnswer,
-  onFeedbackReasonSubmit
+  onFeedbackReasonSubmit,
+  hasError = false
 }) {
   const [isCopied, setIsCopied] = useState(false);
   const [isExpanded, setIsExpanded] = useState(false);
@@ -4658,6 +4664,7 @@ function Answer({
   const isFetchingSearchResults = state === "fetching-search-results";
   const isIdle = state === "getting-action-inputs" || state === "completed";
   const isCompleted = state === "completed";
+  const showError = hasError && isCompleted;
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(answer);
@@ -4692,10 +4699,20 @@ function Answer({
       "data-name": "SearchResults",
       "data-index": index
     },
-    /* @__PURE__ */ React__default.createElement("div", { className: "px-4 pt-4 pb-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start justify-between gap-2 min-h-9" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React__default.createElement(GeneratingStar, { loading: !isIdle }), /* @__PURE__ */ React__default.createElement("h2", { className: "leading-normal font-semibold m-0 text-foreground self-center text-lg" }, question)), isCompleted && /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => void handleCopy(), className: "-mt-1 flex-shrink-0" }, isCopied ? /* @__PURE__ */ React__default.createElement(Check, { className: "text-feedback-positive", weight: "bold" }) : /* @__PURE__ */ React__default.createElement(Copy, { className: "text-secondary-foreground", weight: "bold" }))), /* @__PURE__ */ React__default.createElement(TooltipContent, null, /* @__PURE__ */ React__default.createElement("p", null, isCopied ? "Copied!" : "Copy")))))),
-    isFetchingInitialAnswer && /* @__PURE__ */ React__default.createElement("div", { className: "space-y-4 mt-2 px-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "size-5 rounded-full bg-primary/30" }), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2 text-sm text-foreground" }, isFetchingSearchResults ? textConfig.loadingSearchText : textConfig.loadingAnswerText))),
-    /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col" }, blocks?.map((block, i) => /* @__PURE__ */ React__default.createElement("div", { key: i, className: "p-4 border-b last:border-b-0 border-dashed" }, /* @__PURE__ */ React__default.createElement(AnswerBlock, { block, redirectRules, state })))),
-    isCompleted && /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement("div", { className: "px-4 pt-4 pb-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start justify-between gap-2 min-h-9" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React__default.createElement(GeneratingStar, { loading: !isIdle }), /* @__PURE__ */ React__default.createElement("h2", { className: "leading-normal font-semibold m-0 text-foreground self-center text-lg" }, question)), isCompleted && !showError && /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => void handleCopy(), className: "-mt-1 flex-shrink-0" }, isCopied ? /* @__PURE__ */ React__default.createElement(Check, { className: "text-feedback-positive", weight: "bold" }) : /* @__PURE__ */ React__default.createElement(Copy, { className: "text-secondary-foreground", weight: "bold" }))), /* @__PURE__ */ React__default.createElement(TooltipContent, null, /* @__PURE__ */ React__default.createElement("p", null, isCopied ? "Copied!" : "Copy")))))),
+    isFetchingInitialAnswer && /* @__PURE__ */ React__default.createElement("div", { className: "px-4 pt-0 pb-2" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-muted-foreground" }, isFetchingSearchResults ? textConfig.loadingSearchText : textConfig.loadingAnswerText)),
+    /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col" }, blocks?.map((block, i) => /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        key: i,
+        className: cn(
+          "px-4 pt-0 pb-2 border-b last:border-b-0 border-dashed",
+          showError && "text-muted-foreground"
+        )
+      },
+      /* @__PURE__ */ React__default.createElement(AnswerBlock, { block, redirectRules, state })
+    ))),
+    isCompleted && !showError && /* @__PURE__ */ React__default.createElement(
       AnswerActions,
       {
         actions,
@@ -4708,7 +4725,7 @@ function Answer({
         answer
       }
     ),
-    isCompleted && !disableFeedback && /* @__PURE__ */ React__default.createElement("div", { className: "p-4 pt-0" }, /* @__PURE__ */ React__default.createElement(
+    isCompleted && !disableFeedback && !showError && /* @__PURE__ */ React__default.createElement("div", { className: "p-4 pt-0" }, /* @__PURE__ */ React__default.createElement(
       Feedback,
       {
         feedback,
@@ -5449,7 +5466,7 @@ const defaultTextConfig = {
   allDocumentsText: "All documents",
   loadingSearchText: "Searching for relevant content...",
   loadingAnswerText: "Crafting a response...",
-  errorText: "Sorry, there was an error generating the answer.",
+  errorText: "Sorry, we were unable to process the request right now. Please try again in a moment.",
   followUpPlaceholder: "Type your response or follow-up",
   positiveAnswerText: "Helpful",
   negativeAnswerText: "Not helpful",
@@ -5863,7 +5880,11 @@ const ChatSearchComponent = forwardRef(
         }
       } catch (e) {
         console.error("Error generating answer for query:", e);
-        answerListDispatch(setAnswerError({ error: mergedTextConfig.errorText || "An error occurred." }));
+        answerListDispatch(
+          setAnswerError({
+            error: mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+          })
+        );
       } finally {
         answerListDispatch(completeAnswer());
       }
@@ -5898,7 +5919,11 @@ const ChatSearchComponent = forwardRef(
         });
       } catch (e) {
         console.error("Error generating answer for action:", e);
-        answerListDispatch(setAnswerError({ error: mergedTextConfig.errorText || "An error occurred." }));
+        answerListDispatch(
+          setAnswerError({
+            error: mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+          })
+        );
       } finally {
         answerListDispatch(completeAnswer());
         setIsSearching(false);
@@ -5934,7 +5959,11 @@ const ChatSearchComponent = forwardRef(
         });
       } catch (e) {
         console.error("Error generating answer for action:", e);
-        answerListDispatch(setAnswerError({ error: mergedTextConfig.errorText || "An error occurred." }));
+        answerListDispatch(
+          setAnswerError({
+            error: mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+          })
+        );
       } finally {
         answerListDispatch(completeAnswer());
         setIsSearching(false);
@@ -6017,7 +6046,11 @@ const ChatSearchComponent = forwardRef(
           searchQuery,
           ...event.metaData
         });
-        answerListDispatch(setAnswerError({ error: mergedTextConfig.errorText || "An error occurred." }));
+        answerListDispatch(
+          setAnswerError({
+            error: mergedTextConfig.errorText || "Sorry, we were unable to process the request right now. Please try again in a moment."
+          })
+        );
       } finally {
         setIsSearching(false);
       }
@@ -6412,10 +6445,11 @@ const ChatSearchComponent = forwardRef(
                 actions: answer.actions,
                 handleActionClick: handleNextBestActionClick,
                 isLastAnswer: i === answers.length - 1,
-                onFeedbackReasonSubmit: (reason) => void handleFeedbackReasonSubmit(reason, answer.searchQueryId)
+                onFeedbackReasonSubmit: (reason) => void handleFeedbackReasonSubmit(reason, answer.searchQueryId),
+                hasError: answer.hasError
               }
             ),
-            i === answers.length - 1 && !disableFollowUpQuestions && answer.followUpQuestions && answer.state === "completed" && /* @__PURE__ */ React__default.createElement(
+            i === answers.length - 1 && !disableFollowUpQuestions && answer.followUpQuestions && answer.state === "completed" && !answer.hasError && /* @__PURE__ */ React__default.createElement(
               FollowUpQuestions,
               {
                 questions: answer.followUpQuestions,
@@ -6479,4 +6513,4 @@ const ChatSearch = forwardRef(({ featureFlags, ...props }, ref) => /* @__PURE__
 ChatSearch.displayName = "ChatSearch";
 
 export { ChatSearch as C, ChatSearchProvider as a, useIsChatSearchDirty as b, useChatSearch as u };
-//# sourceMappingURL=ChatSearch.DSB-T76c.js.map
+//# sourceMappingURL=ChatSearch.DCnEmHuh.js.map