@brainfish-ai/components 0.16.10-alpha.4 → 0.16.10

package/dist/button-group.d.ts

@@ -0,0 +1,21 @@
+import { ClassProp } from 'class-variance-authority/types';
+import { default as default_2 } from 'react';
+import * as React_2 from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { VariantProps } from 'class-variance-authority';
+
+export declare function ButtonGroup({ className, orientation, ...props }: default_2.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): default_2.JSX.Element;
+
+export declare function ButtonGroupSeparator({ className, orientation, ...props }: default_2.ComponentProps<typeof Separator>): default_2.JSX.Element;
+
+export declare function ButtonGroupText({ className, asChild, ...props }: default_2.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): default_2.JSX.Element;
+
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export { }

package/dist/chat-search.d.ts

@@ -231,6 +231,7 @@ export declare interface ChatSearchProps {
     secretAttributes?: string;
     allowedRegions?: string[];
     style?: React.CSSProperties;
+    isAgentAssist?: boolean;
     isSearchWidget?: boolean;
 }
 

package/dist/componentns/ui/button-group.d.ts

@@ -0,0 +1,2 @@
+export * from '../../components/ui/button-group'
+export {}

package/dist/components/ui/spinner.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React.JSX.Element;
+export { Spinner };

package/dist/esm/chunks/{ChatSearch.BV8FTS2Y.js → ChatSearch.B4QTqo-0.js}

@@ -24,6 +24,7 @@ import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../componen
 import { F as Feedback } from './feedback.NWn6_mYe.js';
 import { G as GeneratingStar } from './generating-star.COkD0gHd.js';
 import { getCountry } from 'countries-and-timezones';
+import { Switch } from '../components/ui/switch.js';
 import { C as Combobox } from './combobox.CkN-wAHB.js';
 import { T as TwoLevelCombobox } from './two-level-combobox.DsWPDcI6.js';
 import { ScrollArea } from '../components/ui/scroll-area.js';
@@ -4501,6 +4502,135 @@ const useSubscriptionManager = () => {
   return { subscribeToStateChanges };
 };
 
+const useIncludePage = ({ isAgentAssist, apiKey, trackEvent }) => {
+  const [includePageEnabled, setIncludePageEnabled] = useState(false);
+  const [includePageLoading, setIncludePageLoading] = useState(false);
+  const [includePageDisabled, setIncludePageDisabled] = useState(false);
+  const sendMessageToParent = useCallback(
+    (message, timeout = 5e3) => {
+      return new Promise((resolve, reject) => {
+        const requestId = createConversationId();
+        let timeoutId;
+        const handler = (event) => {
+          if (event.data.requestId === requestId) {
+            clearTimeout(timeoutId);
+            window.removeEventListener("message", handler);
+            resolve(event.data);
+          }
+        };
+        timeoutId = setTimeout(() => {
+          window.removeEventListener("message", handler);
+          reject(new Error("Request timeout"));
+        }, timeout);
+        window.addEventListener("message", handler);
+        window.parent.postMessage({ ...message, requestId, widgetKey: apiKey }, "*");
+      });
+    },
+    [apiKey]
+  );
+  const handleIncludePageToggle = useCallback(
+    async (enabled) => {
+      setIncludePageLoading(true);
+      try {
+        if (enabled) {
+          const response = await sendMessageToParent({
+            type: "REQUEST_PAGE_PERMISSION"
+          });
+          if (!response.granted) {
+            trackEvent?.("Include Page Permission Denied", {});
+            throw new Error("Permission denied");
+          }
+          window.parent.postMessage(
+            {
+              type: "UPDATE_PAGE_TOGGLE_STATE",
+              enabled: true,
+              widgetKey: apiKey
+            },
+            "*"
+          );
+          trackEvent?.("Include Page Enabled", {});
+          setIncludePageEnabled(true);
+        } else {
+          window.parent.postMessage(
+            {
+              type: "UPDATE_PAGE_TOGGLE_STATE",
+              enabled: false,
+              widgetKey: apiKey
+            },
+            "*"
+          );
+          trackEvent?.("Include Page Disabled", {});
+          setIncludePageEnabled(false);
+        }
+      } catch (error) {
+        console.error("Failed to toggle include page:", error);
+        setIncludePageEnabled(false);
+      } finally {
+        setIncludePageLoading(false);
+      }
+    },
+    [apiKey, sendMessageToParent, trackEvent]
+  );
+  const fetchPageContext = useCallback(
+    async (conversationId, searchQuery) => {
+      if (!includePageEnabled || !isAgentAssist || includePageDisabled) {
+        return void 0;
+      }
+      try {
+        setIncludePageLoading(true);
+        const response = await sendMessageToParent(
+          {
+            type: "REQUEST_PAGE_CONTENT"
+          },
+          5e3
+        );
+        if (response.success && response.content) {
+          trackEvent?.("Page Content Included", {
+            conversationId,
+            searchQuery,
+            contentLength: response.content.length
+          });
+          return [
+            {
+              type: "text",
+              text: `I am currently viewing this web page:
+
+${response.content}`
+            }
+          ];
+        }
+        return void 0;
+      } catch (error) {
+        console.error("Failed to fetch page content:", error);
+        trackEvent?.("Page Content Fetch Failed", { conversationId, searchQuery });
+        return void 0;
+      } finally {
+        setIncludePageLoading(false);
+      }
+    },
+    [includePageEnabled, isAgentAssist, includePageDisabled, sendMessageToParent, trackEvent]
+  );
+  useEffect(() => {
+    if (!isAgentAssist) return;
+    const handleMessage = (event) => {
+      const data = event.data;
+      if (data.type === "INCLUDE_PAGE_STATE") {
+        setIncludePageEnabled(data.enabled || false);
+        setIncludePageDisabled(data.disabled || false);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [isAgentAssist]);
+  return {
+    includePageEnabled,
+    includePageLoading,
+    includePageDisabled,
+    handleIncludePageToggle,
+    fetchPageContext
+  };
+};
+
 function Answer({
   index,
   blocks = [],
@@ -4763,6 +4893,27 @@ function ScrollToBottomArrow({ onClick }) {
   );
 }
 
+function IncludePageToggle({ value, loading, disabled, onToggle }) {
+  return /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React__default.createElement(Switch, { id: "include-page", checked: value, onCheckedChange: onToggle, disabled: loading || disabled }), /* @__PURE__ */ React__default.createElement("label", { htmlFor: "include-page", className: "text-sm text-foreground flex items-center gap-2" }, "Include page", loading && /* @__PURE__ */ React__default.createElement("div", { className: "animate-spin rounded-full size-3 border-2 border-t-transparent border-primary" })));
+}
+
+const FeatureFlagContext = createContext(void 0);
+function FeatureFlagProvider({ children, flags }) {
+  return /* @__PURE__ */ React__default.createElement(FeatureFlagContext.Provider, { value: flags ?? {} }, children);
+}
+function useBooleanFlagValue(flagKey, defaultValue) {
+  const flags = useContext(FeatureFlagContext);
+  if (!flags) {
+    console.warn(`useBooleanFlagValue("${flagKey}") used outside of FeatureFlagProvider. Returning default value.`);
+    return defaultValue;
+  }
+  const value = flags[flagKey];
+  if (value === void 0) {
+    return defaultValue;
+  }
+  return Boolean(value);
+}
+
 const PrimarySearch = React__default.forwardRef(
   ({
     query,
@@ -4782,10 +4933,16 @@ const PrimarySearch = React__default.forwardRef(
     onRemoveImage,
     isSearching = false,
     autocompleteSuggestions = [],
-    onAutocompleteSuggestionSelect
+    onAutocompleteSuggestionSelect,
+    isAgentAssist = false,
+    includePageEnabled = false,
+    includePageLoading = false,
+    includePageDisabled = false,
+    onIncludePageToggle
   }, ref) => {
     const fileInputRef = useRef(null);
     const [showSuggestions, setShowSuggestions] = useState(false);
+    const showIncludePageToggle = useBooleanFlagValue("showIncludePageToggle", false);
     const regionItems = [
       {
         value: "all",
@@ -4956,7 +5113,7 @@ const PrimarySearch = React__default.forwardRef(
         },
         /* @__PURE__ */ React__default.createElement(X, { className: "size-3 text-white", "aria-label": "Remove image" })
       )))),
-      !shouldShowSuggestions && /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-between px-3 py-2 border-t border-border" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-1", "data-name": "collections-dropdown" }, allowedRegions.length > 0 && collections.length > 0 ? (
+      !shouldShowSuggestions && /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-between px-3 py-2 border-t border-border" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-1", "data-name": "collections-dropdown" }, allowedRegions.length > 0 && collections.length > 0 ? (
         // Two-level selection: Region -> Collection
         /* @__PURE__ */ React__default.createElement(
           TwoLevelCombobox,
@@ -4989,7 +5146,15 @@ const PrimarySearch = React__default.forwardRef(
             onChange: (value) => onCollectionChange?.(value)
           }
         )
-      ) : null, !disableImageAttachment && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+      ) : null), isAgentAssist && onIncludePageToggle && showIncludePageToggle && /* @__PURE__ */ React__default.createElement(
+        IncludePageToggle,
+        {
+          value: includePageEnabled,
+          loading: includePageLoading,
+          disabled: includePageDisabled,
+          onToggle: onIncludePageToggle
+        }
+      ), !disableImageAttachment && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
         "input",
         {
           type: "file",
@@ -5371,11 +5536,6 @@ const LoadingConversation = () => {
   );
 };
 
-const FeatureFlagContext = createContext(void 0);
-function FeatureFlagProvider({ children, flags }) {
-  return /* @__PURE__ */ React__default.createElement(FeatureFlagContext.Provider, { value: flags ?? {} }, children);
-}
-
 function useDebounce(value, delay) {
   const [debouncedValue, setDebouncedValue] = useState(value);
   useEffect(() => {
@@ -5486,7 +5646,8 @@ const ChatSearchComponent = forwardRef(
     secretAttributes,
     allowedRegions,
     style,
-    isSearchWidget = false
+    isSearchWidget = false,
+    isAgentAssist = false
   }, ref) => {
     const {
       answers,
@@ -5537,6 +5698,7 @@ const ChatSearchComponent = forwardRef(
     });
     const { scrollToLastAnswer, scrollToAnswer } = useScrollManager(answerRefs, containerRef, bottomRef);
     const { subscribeToStateChanges } = useSubscriptionManager();
+    const { includePageEnabled, includePageLoading, includePageDisabled, handleIncludePageToggle, fetchPageContext } = useIncludePage({ isAgentAssist, apiKey: apiKey ?? "unknown", trackEvent });
     const loadFollowUpQuestions = async (searchQueryId, conversationId) => {
       if (!followUpQuestionsEndpoint || disableFollowUpQuestions) {
         return;
@@ -5662,7 +5824,8 @@ const ChatSearchComponent = forwardRef(
     };
     const generateAnswerForQuery = async ({
       searchQueryId,
-      conversationId
+      conversationId,
+      context
     }) => {
       try {
         const followUpQuestions = loadFollowUpQuestions(searchQueryId);
@@ -5673,7 +5836,8 @@ const ChatSearchComponent = forwardRef(
             type: "generate-for-query",
             conversationId,
             searchQueryId,
-            profileId: userData?.userId
+            profileId: userData?.userId,
+            ...context && { context }
           }
         });
         const reader = response.body?.getReader();
@@ -5820,6 +5984,7 @@ const ChatSearchComponent = forwardRef(
       );
       await Promise.resolve();
       followUpSearchRef.current?.focus();
+      const pageContext = await fetchPageContext(conversationId, searchQuery);
       try {
         const attributes = { ...userData };
         const searchQueryId = await handleSearchApiCall({
@@ -5838,7 +6003,8 @@ const ChatSearchComponent = forwardRef(
           });
           await generateAnswerForQuery({
             searchQueryId,
-            conversationId
+            conversationId,
+            context: pageContext
           });
         } else {
           answerListDispatch(noArticlesFound());
@@ -6176,7 +6342,12 @@ const ChatSearchComponent = forwardRef(
                   onRemoveImage: removeImage,
                   isSearching,
                   autocompleteSuggestions,
-                  onAutocompleteSuggestionSelect: handleAutocompleteSuggestionClick
+                  onAutocompleteSuggestionSelect: handleAutocompleteSuggestionClick,
+                  isAgentAssist,
+                  includePageEnabled,
+                  includePageLoading,
+                  includePageDisabled,
+                  onIncludePageToggle: handleIncludePageToggle
                 }
               )
             )
@@ -6307,4 +6478,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.BV8FTS2Y.js.map
+//# sourceMappingURL=ChatSearch.B4QTqo-0.js.map