@brainfish-ai/components 0.16.8 → 0.16.10-alpha.2

package/dist/alert.d.ts

@@ -3,7 +3,7 @@ import * as React_2 from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 export declare const Alert: React_2.ForwardRefExoticComponent<Omit<React_2.ClassAttributes<HTMLDivElement> & React_2.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "success" | "danger" | "warning" | "info" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
 } & ClassProp) | undefined) => string>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const AlertAction: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;

package/dist/badge.d.ts

@@ -8,7 +8,7 @@ export declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElemen
 }
 
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export { }

package/dist/card.d.ts

@@ -1,17 +1,15 @@
 import * as React_2 from 'react';
 
-export declare function Card({ className, ...props }: React_2.ComponentProps<'div'>): React_2.JSX.Element;
+export declare const Card: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function CardAction({ className, ...props }: React_2.ComponentProps<'div'>): React_2.JSX.Element;
+export declare const CardContent: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function CardContent({ className, ...props }: React_2.ComponentProps<'div'>): React_2.JSX.Element;
+export declare const CardDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function CardDescription({ className, ...props }: React_2.ComponentProps<'div'>): React_2.JSX.Element;
+export declare const CardFooter: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function CardFooter({ className, ...props }: React_2.ComponentProps<'div'>): React_2.JSX.Element;
+export declare const CardHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare function CardHeader({ className, ...props }: React_2.ComponentProps<'div'>): React_2.JSX.Element;
-
-export declare function CardTitle({ className, ...props }: React_2.ComponentProps<'div'>): React_2.JSX.Element;
+export declare const CardTitle: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>>;
 
 export { }

package/dist/chart-area-linear.d.ts

@@ -0,0 +1,41 @@
+import { default as default_2 } from 'react';
+import * as React_2 from 'react';
+
+export declare function ChartAreaLinear({ title, metric, data, chartConfig, locale }: ChartAreaLinearProps): default_2.JSX.Element;
+
+export declare interface ChartAreaLinearProps {
+    title: string;
+    metric: string;
+    data: {
+        date: Date | string;
+        key1: number;
+        key2?: number;
+        key3?: number;
+        key4?: number;
+        key5?: number;
+    }[];
+    chartConfig: ChartConfig;
+    locale?: string;
+}
+
+declare type ChartConfig = {
+    [k in string]: {
+        label?: React_2.ReactNode;
+        icon?: React_2.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+
+export declare const description = "A linear area chart";
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
+export { }

package/dist/chart-radial-stacked.d.ts

@@ -0,0 +1,31 @@
+import { default as default_2 } from 'react';
+import * as React_2 from 'react';
+
+declare type ChartConfig = {
+    [k in string]: {
+        label?: React_2.ReactNode;
+        icon?: React_2.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+
+export declare function ChartRadialStacked({ title, data, chartConfig, className }: ChartRadialStackedProps): default_2.JSX.Element | null;
+
+export declare interface ChartRadialStackedProps {
+    title: string;
+    data: Record<string, number>[];
+    chartConfig: ChartConfig;
+    className?: string;
+}
+
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+
+export { }

package/dist/colors.d.ts

@@ -158,9 +158,4 @@ export declare const BrainfishColors: {
     };
 };
 
-export declare function customColor(cssVariable: string, fallbackColor?: string): ({ opacityVariable, opacityValue }: {
-    opacityVariable: string;
-    opacityValue: string;
-}) => string;
-
 export { }

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const Alert: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "success" | "danger" | "warning" | "info" | null | undefined;
+    variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
-declare function Card({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };
+import * as React from "react";
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

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

@@ -0,0 +1,23 @@
+import { VariantProps } from 'class-variance-authority';
+import { Separator } from './separator';
+import * as React from "react";
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "image" | "default" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Separator };

package/dist/convos.d.ts

@@ -0,0 +1,107 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ClassProp } from 'class-variance-authority/types';
+import { default as default_2 } from 'react';
+import * as React_2 from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare function AccordionItem({ className, ...props }: React_2.ComponentProps<typeof AccordionPrimitive.Item>): React_2.JSX.Element;
+
+declare function Badge({ className, variant, ...props }: BadgeProps): React_2.JSX.Element;
+
+declare interface BadgeProps extends React_2.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+/**
+ * Convo component - A single conversation item in an accordion.
+ * Displays conversation metadata and messages, with support for lazy loading.
+ *
+ * This is a presentational component - it receives messages and loading state as props
+ * rather than managing fetching logic itself.
+ */
+export declare function Convo({ locale, value: queryId, question, timestamp, location, source, status, statusMessage, hasAttributes, attributes, messages, isLoading, onClick, className, ...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;
+
+/**
+ * Convos component - Displays a list of conversations in an accordion.
+ * Messages are always lazy loaded when accordion items are opened.
+ *
+ * @param convos - Array of conversation data
+ * @param fetchMessages - Async function to fetch messages for a conversation
+ */
+export declare function Convos({ convos, fetchMessages }: ConvosProps): default_2.JSX.Element;
+
+declare interface ConvosProps {
+    convos: ConvoInput[];
+    fetchMessages: (conversationId: string) => Promise<MessageProps[]>;
+}
+
+export declare enum Feedback {
+    Positive = "positive",
+    Negative = "negative"
+}
+
+export declare function Message({ type, role, content, relatedArticles, feedback, timestamp, locale }: MessageProps): default_2.JSX.Element;
+
+export declare interface MessageProps {
+    id: string;
+    role: 'user' | 'ai';
+    content: string;
+    timestamp: Date;
+    relatedArticles?: Array<RelatedArticle>;
+    feedback?: Feedback;
+    type?: MessageType;
+    locale?: string;
+}
+
+export declare enum MessageType {
+    ACTION = "action",
+    FEEDBACK = "feedback",
+    QUESTION = "question",
+    ANSWER = "answer"
+}
+
+declare type Props = default_2.ComponentPropsWithRef<typeof Badge>;
+
+declare interface Props_2 {
+    locale?: string;
+    question: string;
+    timestamp: Date;
+    location?: string;
+    source?: string;
+    status?: default_2.ComponentProps<typeof StatusBadge>['variant'];
+    statusMessage?: string;
+    hasAttributes?: boolean;
+    attributes?: Record<string, any>;
+    messages?: MessageProps[];
+    isLoading?: boolean;
+    onClick?: () => void;
+}
+
+export declare interface RelatedArticle {
+    id: string;
+    title: string;
+    url: string;
+    score: number;
+}
+
+export declare function StatusBadge({ ...props }: Props): default_2.JSX.Element;
+
+export { }

package/dist/esm/ChatSearch.css

@@ -1 +1 @@
-._followUpSearchBar_x7ads_1{box-shadow:0 -2px 4px #1212170d;--tw-bg-opacity: 1;background-color:rgb(var(--bfc-card, #FAFAFA) / var(--tw-bg-opacity, 1))}
+._followUpSearchBar_x7ads_1{box-shadow:0 -2px 4px #1212170d;background-color:var(--bfc-card)}

package/dist/esm/chunks/{ChatSearch.D8_9CRIM.js → ChatSearch.BV8FTS2Y.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.DdZqirSo.js';
+import { F as FormattedMessage, c as addPopupWidgetUtm, M as MemoizedReactMarkdown } from './FormattedMessage.BcAkzCZt.js';
 import { appendErrors, useForm, Controller } from 'react-hook-form';
 import { validateFieldsNatively, toNestErrors } from '@hookform/resolvers';
 import require$$0 from 'ajv';
@@ -13,19 +13,19 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers.BFTU3MAI.js';
 import { Input } from '../components/ui/input.js';
 import { Label } from '../components/ui/label.js';
 import { Textarea } from '../components/ui/textarea.js';
-import { S as SimpleSelect } from './simpleSelect.BfAgKOea.js';
-import { c as cn, i as isAnswerUncertain } from './utils.DaMF_LVC.js';
-import { D as DatePicker } from './date-picker.DqcdwXZS.js';
+import { S as SimpleSelect } from './simpleSelect.B1rktKkt.js';
+import { c as cn, i as isAnswerUncertain } from './utils.Cwtlq8dh.js';
+import { D as DatePicker } from './date-picker.sQXSlqNZ.js';
 import { createId } from '@paralleldrive/cuid2';
 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 { G as GeneratingStar } from './generating-star.DFwZcGvH.js';
+import { G as GeneratingStar } from './generating-star.COkD0gHd.js';
 import { getCountry } from 'countries-and-timezones';
-import { C as Combobox } from './combobox.BRm6ZDEB.js';
-import { T as TwoLevelCombobox } from './two-level-combobox.DFonmrmc.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';
 
 import '../ChatSearch.css';function Suggestions({ suggestions, onQuestionClick, title = "Suggested questions" }) {
@@ -5336,6 +5336,26 @@ const executeClientAction = (key, inputs) => {
   });
 };
 
+function cancelStreamReader(reader) {
+  try {
+    void reader.cancel().catch((error) => {
+      console.warn("Error cancelling stream reader:", error);
+    });
+    try {
+      reader.releaseLock();
+    } catch (releaseError) {
+      console.warn("Error releasing stream reader lock:", releaseError);
+    }
+  } catch (error) {
+    console.warn("Error cancelling stream reader:", error);
+    try {
+      reader.releaseLock();
+    } catch (releaseError) {
+      console.warn("Error releasing stream reader lock:", releaseError);
+    }
+  }
+}
+
 const LoadingConversation = () => {
   return /* @__PURE__ */ React__default.createElement(
     motion.div,
@@ -5500,6 +5520,7 @@ const ChatSearchComponent = forwardRef(
     const primarySearchRef = useRef(null);
     const followUpSearchRef = useRef(null);
     const bottomRef = useRef(null);
+    const currentReaderRef = useRef(null);
     const { suggestions: autocompleteSuggestions } = useAutocomplete({
       query,
       endpoint: autocompleteEndpoint || "",
@@ -5539,10 +5560,14 @@ const ChatSearchComponent = forwardRef(
       conversationId,
       onFirstEvent
     }) => {
+      currentReaderRef.current = reader;
       let accumulatedAnswer = "";
       try {
         let done = false, isFirstEvent = true, searchIntentId, isUncertain = false, value;
         while ({ done, value } = await reader.read(), !done) {
+          if (currentReaderRef.current !== reader) {
+            break;
+          }
           if (isFirstEvent) {
             isFirstEvent = false;
             onFirstEvent?.();
@@ -5623,8 +5648,16 @@ const ChatSearchComponent = forwardRef(
           }
         }
         return { answer: accumulatedAnswer, searchIntentId, isUncertain };
+      } catch (error) {
+        if (currentReaderRef.current !== reader) {
+          return { answer: "", searchIntentId: void 0, isUncertain: false };
+        }
+        throw error;
       } finally {
-        reader.releaseLock();
+        if (currentReaderRef.current === reader) {
+          currentReaderRef.current = null;
+          reader.releaseLock();
+        }
       }
     };
     const generateAnswerForQuery = async ({
@@ -5823,6 +5856,12 @@ const ChatSearchComponent = forwardRef(
       }
     };
     const createNewThread = (firstQuery) => {
+      if (currentReaderRef.current) {
+        const reader = currentReaderRef.current;
+        currentReaderRef.current = null;
+        cancelStreamReader(reader);
+      }
+      setIsSearching(false);
       setQuery("");
       setFollowUpQuery("");
       setShowResults(false);
@@ -6075,7 +6114,9 @@ const ChatSearchComponent = forwardRef(
           },
           onBackButtonClick: () => void createNewThread(),
           onCloseWidgetClick: () => onCloseWidget?.(),
-          className: cn("@3xl:mb-4", showResults ? "!block" : "hidden")
+          className: cn("@3xl:mb-4", {
+            "!block": showResults && isSearchWidget
+          })
         }
       ),
       /* @__PURE__ */ React__default.createElement(
@@ -6266,4 +6307,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.D8_9CRIM.js.map
+//# sourceMappingURL=ChatSearch.BV8FTS2Y.js.map