@brainfish-ai/components 0.18.0 → 0.18.4-alpha.2

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

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

package/dist/convos.d.ts

@@ -6,6 +6,19 @@ import { VariantProps } from 'class-variance-authority';
 
 declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): React_2.JSX.Element;
 
+export declare interface AIAnswerMessage extends BaseMessage {
+    type: MessageType.ANSWER;
+    role: 'ai';
+    content: string;
+    relatedArticles?: RelatedArticle[];
+    discarded?: boolean;
+    discardedMeta?: {
+        reason: DiscardReason;
+        suggestedAnswer?: string;
+    };
+    confidenceScore?: number;
+}
+
 declare type AnswerDiagnostics = {
     confidence_score: string;
     answer_generation_type?: AnswerGenerationType;
@@ -26,6 +39,12 @@ declare const badgeVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare interface BaseMessage {
+    id: string;
+    timestamp: Date;
+    locale?: string;
+}
+
 declare type ContextSufficiency = 'Sufficient' | 'Partially Sufficient' | 'Insufficient';
 
 /**
@@ -35,22 +54,9 @@ declare type ContextSufficiency = 'Sufficient' | 'Partially Sufficient' | 'Insuf
  * This is a presentational component - it receives messages and loading state as props
  * rather than managing fetching logic itself.
  */
-export declare function Convo({ locale: localeOverride, value: queryId, question, timestamp, location, source, status, statusMessage, hasAttributes, onClick, className, ...props }: ConvoProps): default_2.JSX.Element;
+export declare function Convo({ locale: localeOverride, value: queryId, question, timestamp, location, source, status, statusMessage, hasAttributes, onClick, className, score, ...props }: ConvoProps): default_2.JSX.Element;
 
-declare interface ConvoInput {
-    value: string;
-    question: string;
-    timestamp: Date;
-    location?: string;
-    source?: string;
-    status?: default_2.ComponentProps<typeof StatusBadge>['variant'];
-    statusMessage?: string;
-    hasAttributes?: boolean;
-    attributes?: Record<string, any>[];
-    locale?: string;
-}
-
-export declare type ConvoProps = default_2.ComponentPropsWithRef<typeof AccordionItem> & Props_2;
+export declare type ConvoProps = default_2.ComponentPropsWithRef<typeof AccordionItem> & Props;
 
 /**
  * Convos component - Displays a list of conversations in an accordion.
@@ -74,7 +80,7 @@ declare interface ConvosContextValue {
 }
 
 declare interface ConvosProps {
-    convos: ConvoInput[];
+    convos: ConvoProps[];
     fetchMessages: (conversationId: string) => Promise<MessageProps[]>;
     fetchAttributes: (conversationId: string) => Promise<Record<string, any>[]>;
     fetchAnswerDiagnostics: (messageId: string) => Promise<AnswerDiagnostics>;
@@ -107,23 +113,17 @@ export declare enum Feedback {
     Negative = "negative"
 }
 
-export declare function Message({ id, type, role, content, relatedArticles, feedback, timestamp, locale: localeOverride, discarded, discardedMeta, }: MessageProps): default_2.JSX.Element;
+export declare const isAction: (msg: MessageProps) => msg is UserActionMessage;
 
-export declare interface MessageProps {
-    id: string;
-    role: 'user' | 'ai';
-    content: string;
-    timestamp: Date;
-    relatedArticles?: Array<RelatedArticle>;
-    feedback?: Feedback;
-    type?: MessageType;
-    locale?: string;
-    discarded?: boolean;
-    discardedMeta?: {
-        reason: DiscardReason;
-        suggestedAnswer?: string;
-    };
-}
+export declare const isAIAnswer: (msg: MessageProps) => msg is AIAnswerMessage;
+
+export declare const isFeedback: (msg: MessageProps) => msg is UserFeedbackMessage;
+
+export declare const isUserQuestion: (msg: MessageProps) => msg is UserQuestionMessage;
+
+export declare function Message(props: MessageProps): default_2.JSX.Element;
+
+export declare type MessageProps = AIAnswerMessage | UserQuestionMessage | UserFeedbackMessage | UserActionMessage;
 
 export declare enum MessageType {
     ACTION = "action",
@@ -132,9 +132,7 @@ export declare enum MessageType {
     ANSWER = "answer"
 }
 
-declare type Props = default_2.ComponentPropsWithRef<typeof Badge>;
-
-declare interface Props_2 {
+declare interface Props {
     locale?: string;
     question: string;
     timestamp: Date;
@@ -144,8 +142,13 @@ declare interface Props_2 {
     statusMessage?: string;
     hasAttributes?: boolean;
     onClick?: () => void;
+    score?: number;
 }
 
+declare type Props_2 = default_2.ComponentPropsWithRef<typeof Badge> & {
+    suffix?: default_2.ReactNode;
+};
+
 declare type QueryContextRelevance = 'High' | 'Medium' | 'Low';
 
 export declare interface RelatedArticle {
@@ -155,8 +158,27 @@ export declare interface RelatedArticle {
     score: number;
 }
 
-export declare function StatusBadge({ ...props }: Props): default_2.JSX.Element;
+export declare function StatusBadge({ className, suffix, children, ...props }: Props_2): default_2.JSX.Element;
 
 export declare function useConvosContext(): ConvosContextValue;
 
+export declare interface UserActionMessage extends BaseMessage {
+    type: MessageType.ACTION;
+    role: 'user';
+    content: string;
+}
+
+export declare interface UserFeedbackMessage extends BaseMessage {
+    type: MessageType.FEEDBACK;
+    role: 'user';
+    content: string;
+    feedback: Feedback;
+}
+
+export declare interface UserQuestionMessage extends BaseMessage {
+    type: MessageType.QUESTION;
+    role: 'user';
+    content: string;
+}
+
 export { }

package/dist/div-button.d.ts

@@ -2,15 +2,15 @@ import { ClassProp } from 'class-variance-authority/types';
 import * as React_2 from 'react';
 import { VariantProps } from 'class-variance-authority';
 
-export declare const buttonVariants: (props?: ({
-    variant?: "link" | "dark" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
 export declare const DivButton: React_2.ForwardRefExoticComponent<DivButtonProps & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare interface DivButtonProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonVariants> {
+export declare interface DivButtonProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof divButtonVariants> {
     asChild?: boolean;
 }
 
+export declare const divButtonVariants: (props?: ({
+    variant?: "link" | "dark" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export { }

package/dist/esm/chunks/{ChatSearch.D_vAxj0b.js → ChatSearch.B1M0RZvX.js}

@@ -5,7 +5,7 @@ import remarkGfm from 'remark-gfm';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../components/ui/tooltip.js';
 import { Button } from '../components/ui/button.js';
 import { XCircle, Check, Copy, CaretDown, ArrowSquareOut, CaretRight, ArrowsVertical, ArrowDown, Globe, LockSimple, MagnifyingGlass, X, Image, ArrowRight, ArrowLeft, ArrowsInSimple, ArrowsOutSimple } from '@phosphor-icons/react';
-import { F as FormattedMessage, c as addPopupWidgetUtm, M as MemoizedReactMarkdown } from './FormattedMessage.C2OwhDXi.js';
+import { F as FormattedMessage, c as addPopupWidgetUtm, M as MemoizedReactMarkdown } from './FormattedMessage.ieoe4jPf.js';
 import { appendErrors, useForm, Controller } from 'react-hook-form';
 import { validateFieldsNatively, toNestErrors } from '@hookform/resolvers';
 import require$$0 from 'ajv';
@@ -21,7 +21,7 @@ import { useImmerReducer } from 'use-immer';
 import { useSearchParam, useEffectOnce } from 'react-use';
 import { MemoizedIcon } from '../components/ui/icon.js';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../components/ui/collapsible.js';
-import { F as Feedback } from './feedback.NWn6_mYe.js';
+import { F as Feedback } from './feedback.DkdQ_9Xt.js';
 import { G as GeneratingStar } from './generating-star.COkD0gHd.js';
 import { getCountry } from 'countries-and-timezones';
 import { Switch } from '../components/ui/switch.js';
@@ -4272,9 +4272,9 @@ async function searchApi({
   conversationId,
   attributes,
   secretAttributes,
-  allowedRegions
+  allowedRegions,
+  source
 }) {
-  const isAgentAssist = !!headers?.["X-Brainfish-Agent-Assist"] && headers?.["X-Brainfish-Agent-Assist"] !== "false";
   const payload = await makeRequest(endpoint, {
     method: "POST",
     headers,
@@ -4287,7 +4287,7 @@ async function searchApi({
       ...attributes && { attributes },
       ...secretAttributes && { secretAttributes },
       ...allowedRegions && { allowedRegions },
-      ...isAgentAssist && { source: "agent_assist" }
+      ...source && { source }
     }
   });
   return {
@@ -4727,7 +4727,7 @@ function Answer({
         className: `size-4 flex-shrink-0 transition-transform duration-200 text-secondary-foreground ${isExpanded ? "rotate-180" : ""}`,
         weight: "bold"
       }
-    ), /* @__PURE__ */ React__default.createElement("span", { className: "sr-only" }, "Toggle")))), /* @__PURE__ */ React__default.createElement(CollapsibleContent, { className: "divide-y divide-gray-200 dark:divide-border overflow-hidden CollapsibleContent" }, searchResults.map((result) => /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React__default.createElement("span", { className: "sr-only" }, "Toggle")))), /* @__PURE__ */ React__default.createElement(CollapsibleContent, { className: "divide-y divide-dark-300 overflow-hidden CollapsibleContent" }, searchResults.map((result) => /* @__PURE__ */ React__default.createElement(
       "a",
       {
         key: result.id,
@@ -5096,7 +5096,7 @@ const PrimarySearch = React__default.forwardRef(
           className: cn(
             "w-full resize-none !outline-none text-base py-1 min-h-9",
             "overflow-hidden border-none bg-transparent shadow-none",
-            "placeholder:text-gray-400 text-dark-900 dark:text-neutral-200 !ring-0"
+            "placeholder:text-gray-400 text-dark-900 !ring-0"
           ),
           rows: 1
         }
@@ -5169,7 +5169,7 @@ const PrimarySearch = React__default.forwardRef(
         {
           variant: "ghost",
           size: "sm",
-          className: "rounded-md h-8 hover:bg-opacity-80 dark:text-neutral-200",
+          className: "rounded-md h-8 hover:bg-opacity-80",
           onClick: () => fileInputRef.current?.click(),
           "aria-label": textConfig.attachImageText
         },
@@ -5226,8 +5226,8 @@ const PrimarySearch = React__default.forwardRef(
             "cursor-pointer",
             "flex items-center gap-3",
             "transition-colors duration-200",
-            "hover:bg-gray-50/50 text-foreground bg-gray-100",
-            "border-b border border-border dark:bg-slate-500 dark:border-dark-800/20"
+            "hover:bg-dark-100/50 text-foreground bg-dark-200",
+            "border-b border border-border"
           ),
           onClick: () => {
             onSearch();
@@ -5253,7 +5253,7 @@ const PrimarySearch = React__default.forwardRef(
           role: "option",
           "aria-selected": false,
           tabIndex: 0,
-          className: "px-4 py-3 cursor-pointer flex items-center gap-3 transition-colors duration-200 hover:bg-gray-200/50 text-foreground",
+          className: "px-4 py-3 cursor-pointer flex items-center gap-3 transition-colors duration-200 hover:bg-dark-300 text-foreground",
           onClick: () => {
             onAutocompleteSuggestionSelect?.(suggestion);
             setShowSuggestions(false);
@@ -5353,10 +5353,10 @@ const FollowUpSearchBar = React__default.forwardRef(
           onClick: handleSearchClick,
           className: cn(
             "size-8 shrink-0 rounded",
-            localQuery ? "bg-primary text-primary-foreground" : "bg-dark-400 dark:bg-muted text-white"
+            localQuery ? "bg-primary text-primary-foreground" : "bg-dark-400 text-white"
           )
         },
-        isSearching ? /* @__PURE__ */ React__default.createElement("div", { className: "animate-spin rounded-full size-4 sm:size-5 border-2 border-dark/40 !border-t-foreground dark:border-dark-500 " }) : /* @__PURE__ */ React__default.createElement(ArrowRight, { className: "size-6" })
+        isSearching ? /* @__PURE__ */ React__default.createElement("div", { className: "animate-spin rounded-full size-4 sm:size-5 border-2 border-dark/40 !border-t-foreground" }) : /* @__PURE__ */ React__default.createElement(ArrowRight, { className: "size-6" })
       )))
     );
   }
@@ -5955,7 +5955,8 @@ const ChatSearchComponent = forwardRef(
         conversationId,
         attributes,
         secretAttributes: secretAttributes2,
-        allowedRegions: allowedRegions2
+        allowedRegions: allowedRegions2,
+        source: isAgentAssist ? "agent_assist" : void 0
       });
       if (searchResponse.results.length === 0 && !searchResponse.isAgenticResponse) {
         trackEvent?.("No Articles Found", { conversationId, searchQuery });
@@ -6440,7 +6441,7 @@ const ChatSearchComponent = forwardRef(
           {
             "data-name": "disclaimer",
             className: cn(
-              "mt-2 px-3 @3xl:px-0 text-xs text-dark-500 dark:text-dark-400 flex items-center gap-1 justify-center text-center w-full md:static md:mt-4 md:text-left md:flex md:gap-4 leading-5",
+              "mt-2 px-3 @3xl:px-0 text-xs text-dark-500 flex items-center gap-1 justify-center text-center w-full md:static md:mt-4 md:text-left md:flex md:gap-4 leading-5",
               isSearchWidget ? "static mb-2 md:text-left [&>svg]:flex-shrink-0" : "absolute bottom-12"
             )
           },
@@ -6478,4 +6479,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.D_vAxj0b.js.map
+//# sourceMappingURL=ChatSearch.B1M0RZvX.js.map