@brainfish-ai/components 0.30.9 → 0.31.0

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import './global.css';/* empty css                      */export{BrainfishColors}from"./colors.js";export{C as ChatSearch,a as ChatSearchProvider,R as ResolvedConversationFooter,u as useChatSearch,b as useIsChatSearchDirty}from"./chunks/ChatSearch.DvJtrQld.js";export{C as ContextPillBadge,a as Conversation,b as ConversationActions,c as ConversationInput,d as ConversationMessageAssistant,e as ConversationMessageUser,f as ConversationMessages,g as ConversationProvider,h as ConversationSuggestions,u as useConversation}from"./chunks/Conversation.CCfPtVz8.js";export{C as ConversationStatus}from"./chunks/ConversationStatus.BhdnM1uS.js";export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage,a as addPopupWidgetUtm,b as addUtmParameters}from"./chunks/FormattedMessage.D_knqVl-.js";export{MermaidDiagram}from"./chunks/MermaidDiagram.PRgXQ5Yh.js";export{Avatar,AvatarBadge,AvatarFallback,AvatarGroup,AvatarGroupCount,AvatarImage}from"./components/ui/avatar.js";export{B as Button,b as buttonVariants}from"./chunks/button.D_2SonNs.js";export{Collapsible,CollapsibleContent,CollapsibleTrigger}from"./components/ui/collapsible.js";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./components/ui/dropdown-menu.js";export{Switch}from"./components/ui/switch.js";export{Tooltip,TooltipContent,TooltipProvider,TooltipTrigger}from"./components/ui/tooltip.js";export{Textarea}from"./components/ui/textarea.js";export{ScrollArea,ScrollBar}from"./components/ui/scroll-area.js";export{Label}from"./components/ui/label.js";export{Input}from"./components/ui/input.js";export{Popover,PopoverAnchor,PopoverContent,PopoverTrigger}from"./components/ui/popover.js";export{Command,CommandDialog,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator,CommandShortcut}from"./components/ui/command.js";export{Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger}from"./components/ui/dialog.js";export{Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle}from"./components/ui/card.js";export{Table,TableBody,TableCaption,TableCell,TableFooter,TableHead,TableHeader,TableRow}from"./components/ui/table.js";export{Badge,badgeVariants}from"./components/ui/badge.js";export{Progress}from"./components/ui/progress.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/ui/accordion.js";export{AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogFooter,AlertDialogHeader,AlertDialogOverlay,AlertDialogPortal,AlertDialogTitle,AlertDialogTrigger}from"./components/ui/alert-dialog.js";export{Alert,AlertAction,AlertContent,AlertDescription,AlertTitle}from"./components/ui/alert.js";export{ButtonGroup,ButtonGroupSeparator,ButtonGroupText,buttonGroupVariants}from"./components/ui/button-group.js";export{Calendar}from"./components/ui/calendar.js";export{DivButton,divButtonVariants}from"./components/ui/div-button.js";export{Icon,MemoizedIcon}from"./components/ui/icon.js";export{Item,ItemActions,ItemContent,ItemDescription,ItemFooter,ItemGroup,ItemHeader,ItemMedia,ItemSeparator,ItemTitle}from"./components/ui/item.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectSeparator,SelectTrigger,SelectValue}from"./components/ui/select.js";export{Separator}from"./components/ui/separator.js";export{Sheet,SheetClose,SheetContent,SheetDescription,SheetFooter,SheetHeader,SheetOverlay,SheetPortal,SheetTitle,SheetTrigger}from"./components/ui/sheet.js";export{Spinner}from"./components/ui/spinner.js";export{S as SimpleSelect}from"./chunks/simpleSelect.CEUUfl3O.js";export{D as DatePicker}from"./chunks/date-picker.C2VT_rZ9.js";export{C as Combobox}from"./chunks/combobox.MyoPH18G.js";export{T as TwoLevelCombobox}from"./chunks/two-level-combobox.DJYP--W9.js";export{F as Filter,a as Filters,O as Operator}from"./chunks/filters.BHp3ukNW.js";export{F as FileUpload,a as FileUploadStatus,f as formatFileSize}from"./chunks/file-upload-status.D8RhMcbO.js";export{D as DataTable}from"./chunks/data-table.bjvbLk2u.js";export{I as InputWithTags}from"./chunks/input-with-tags.DLv9e0XI.js";export{L as Logo}from"./chunks/logo.DtwFGMBj.js";export{C as ChatLogo}from"./chunks/chat-logo.CqPppEb9.js";export{A as AILogo,a as AILogoPaths}from"./chunks/ai-logo.Bh2bhNcG.js";export{T as Trend,a as TrendValue}from"./chunks/trend-value.BPBDBsk2.js";export{F as FontPicker,a as FontPickerItem,c as clearFontCache,g as getCachedFonts,l as loadFont,s as setCachedFonts,u as useFontOptions}from"./chunks/font-picker.YAE99idL.js";export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"./chunks/header-pane.CMHPm65L.js";export{H as HEADER_NAV_HEIGHT,a as HeaderNav}from"./chunks/header-nav.BfblRKoS.js";export{S as Sidebar,u as useSidebar}from"./chunks/sidebar.cdQIaDi5.js";export{MicrosoftTeamsLogo}from"./logos/microsoft-teams-logo.js";export{SlackLogo}from"./logos/slack-logo.js";export{MicrosoftLogo}from"./logos/microsoft-logo.js";export{R as ReviewList,a as ReviewListItem,b as ReviewsSelectionProvider,S as SuggestionCard,u as useReviewsSelection}from"./chunks/suggestion-card.D-AsG_yB.js";
+import './global.css';/* empty css                      */export{BrainfishColors}from"./colors.js";export{C as ChatSearch,a as ChatSearchProvider,R as ResolvedConversationFooter,u as useChatSearch,b as useIsChatSearchDirty}from"./chunks/ChatSearch.CcpQJlxZ.js";export{C as ContextPillBadge,a as Conversation,b as ConversationActions,c as ConversationInput,d as ConversationMessageAssistant,e as ConversationMessageUser,f as ConversationMessages,g as ConversationProvider,h as ConversationStatus,i as ConversationSuggestions,j as getConversationStatusLabel,u as useConversation}from"./chunks/Conversation.DpHoC6se.js";export{C as CodeBlock,F as FormattedMessage,M as MemoizedReactMarkdown,Z as ZoomableImage,a as addPopupWidgetUtm,b as addUtmParameters}from"./chunks/FormattedMessage.D_knqVl-.js";export{MermaidDiagram}from"./chunks/MermaidDiagram.PRgXQ5Yh.js";export{Avatar,AvatarBadge,AvatarFallback,AvatarGroup,AvatarGroupCount,AvatarImage}from"./components/ui/avatar.js";export{B as Button,b as buttonVariants}from"./chunks/button.D_2SonNs.js";export{Collapsible,CollapsibleContent,CollapsibleTrigger}from"./components/ui/collapsible.js";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./components/ui/dropdown-menu.js";export{Switch}from"./components/ui/switch.js";export{Tooltip,TooltipContent,TooltipProvider,TooltipTrigger}from"./components/ui/tooltip.js";export{Textarea}from"./components/ui/textarea.js";export{ScrollArea,ScrollBar}from"./components/ui/scroll-area.js";export{Label}from"./components/ui/label.js";export{Input}from"./components/ui/input.js";export{Popover,PopoverAnchor,PopoverContent,PopoverTrigger}from"./components/ui/popover.js";export{Command,CommandDialog,CommandEmpty,CommandGroup,CommandInput,CommandItem,CommandList,CommandSeparator,CommandShortcut}from"./components/ui/command.js";export{Dialog,DialogClose,DialogContent,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger}from"./components/ui/dialog.js";export{Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle}from"./components/ui/card.js";export{Table,TableBody,TableCaption,TableCell,TableFooter,TableHead,TableHeader,TableRow}from"./components/ui/table.js";export{Badge,badgeVariants}from"./components/ui/badge.js";export{Progress}from"./components/ui/progress.js";export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/ui/accordion.js";export{AlertDialog,AlertDialogAction,AlertDialogCancel,AlertDialogContent,AlertDialogDescription,AlertDialogFooter,AlertDialogHeader,AlertDialogOverlay,AlertDialogPortal,AlertDialogTitle,AlertDialogTrigger}from"./components/ui/alert-dialog.js";export{Alert,AlertAction,AlertContent,AlertDescription,AlertTitle}from"./components/ui/alert.js";export{ButtonGroup,ButtonGroupSeparator,ButtonGroupText,buttonGroupVariants}from"./components/ui/button-group.js";export{Calendar}from"./components/ui/calendar.js";export{DivButton,divButtonVariants}from"./components/ui/div-button.js";export{Icon,MemoizedIcon}from"./components/ui/icon.js";export{Item,ItemActions,ItemContent,ItemDescription,ItemFooter,ItemGroup,ItemHeader,ItemMedia,ItemSeparator,ItemTitle}from"./components/ui/item.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectSeparator,SelectTrigger,SelectValue}from"./components/ui/select.js";export{Separator}from"./components/ui/separator.js";export{Sheet,SheetClose,SheetContent,SheetDescription,SheetFooter,SheetHeader,SheetOverlay,SheetPortal,SheetTitle,SheetTrigger}from"./components/ui/sheet.js";export{Spinner}from"./components/ui/spinner.js";export{R as Ripple,a as RippleStatus,S as SweepText}from"./chunks/ripple-status.C20jzXjF.js";export{S as SimpleSelect}from"./chunks/simpleSelect.CEUUfl3O.js";export{D as DatePicker}from"./chunks/date-picker.C2VT_rZ9.js";export{C as Combobox}from"./chunks/combobox.MyoPH18G.js";export{T as TwoLevelCombobox}from"./chunks/two-level-combobox.DJYP--W9.js";export{F as Filter,a as Filters,O as Operator}from"./chunks/filters.BHp3ukNW.js";export{F as FileUpload,a as FileUploadStatus,f as formatFileSize}from"./chunks/file-upload-status.D8RhMcbO.js";export{D as DataTable}from"./chunks/data-table.bjvbLk2u.js";export{I as InputWithTags}from"./chunks/input-with-tags.DLv9e0XI.js";export{L as Logo}from"./chunks/logo.DtwFGMBj.js";export{C as ChatLogo}from"./chunks/chat-logo.CqPppEb9.js";export{A as AILogo,a as AILogoPaths}from"./chunks/ai-logo.Bh2bhNcG.js";export{T as Trend,a as TrendValue}from"./chunks/trend-value.BPBDBsk2.js";export{F as FontPicker,a as FontPickerItem,c as clearFontCache,g as getCachedFonts,l as loadFont,s as setCachedFonts,u as useFontOptions}from"./chunks/font-picker.YAE99idL.js";export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"./chunks/header-pane.D7hpI7mt.js";export{H as HEADER_NAV_HEIGHT,a as HeaderNav}from"./chunks/header-nav.BfblRKoS.js";export{S as Sidebar,u as useSidebar}from"./chunks/sidebar.DNJ1Iufi.js";export{MicrosoftTeamsLogo}from"./logos/microsoft-teams-logo.js";export{SlackLogo}from"./logos/slack-logo.js";export{MicrosoftLogo}from"./logos/microsoft-logo.js";export{R as ReviewList,a as ReviewListItem,b as ReviewsSelectionProvider,S as SuggestionCard,u as useReviewsSelection}from"./chunks/suggestion-card.D-AsG_yB.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/layouts/full-layout.js

@@ -1,2 +1,2 @@
-export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"../chunks/header-pane.CMHPm65L.js";
+export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"../chunks/header-pane.D7hpI7mt.js";
 //# sourceMappingURL=full-layout.js.map

package/dist/esm/layouts/sidebar.js

@@ -1,2 +1,2 @@
-export{S as Sidebar,u as useSidebar}from"../chunks/sidebar.cdQIaDi5.js";
+export{S as Sidebar,u as useSidebar}from"../chunks/sidebar.DNJ1Iufi.js";
 //# sourceMappingURL=sidebar.js.map

package/dist/esm/ripple-status.css

@@ -0,0 +1 @@
+._loader_bghon_1 path{transform-box:view-box;transform-origin:36px 36px;transform:scale(1);animation:_ripple_bghon_1 1.6s ease-in-out infinite}._loader_bghon_1._monochrome_bghon_8 path{fill:var(--bfc-foreground)}._loader_bghon_1 path:nth-of-type(1){animation-delay:0s}._loader_bghon_1 path:nth-of-type(2){animation-delay:.22s}._loader_bghon_1 path:nth-of-type(3){animation-delay:.45s}._loader_bghon_1 path:nth-of-type(4){animation-delay:.67s}@keyframes _ripple_bghon_1{0%,to{opacity:.16;transform:scale(1)}16%{opacity:1;transform:scale(.74)}}@media(prefers-reduced-motion:reduce){._loader_bghon_1 path{animation:none;opacity:1;transform:scale(1)}}

package/dist/index.d.ts

@@ -186,6 +186,8 @@ declare enum ActionType {
     LaunchZendeskSunshineChat = "launch_zendesk_sunshine_chat"
 }
 
+export declare type ActivityBlock = ThinkingBlock | ToolUseBlock | ToolResultBlock;
+
 declare type AddActionButtons = {
     type: typeof AnswersActions.ADD_ACTION_BUTTONS;
     payload: {
@@ -975,7 +977,7 @@ declare namespace Compounds {
     }
 }
 
-export declare type ContentBlock = TextBlock | AttachmentBlock;
+export declare type ContentBlock = TextBlock | AttachmentBlock | ActivityBlock;
 
 declare type ContextPill = {
     id: string;
@@ -1107,7 +1109,7 @@ export declare const ConversationStatus: ({ className, children, variant, }: Con
 declare interface ConversationStatusProps_2 {
     className?: string;
     children?: default_2.ReactNode;
-    variant?: 'yellowfin' | 'dark' | 'dark-subtle';
+    variant?: SweepTextVariant;
 }
 
 export declare const ConversationSuggestions: ({ items, className }: ConversationSuggestionsProps_2) => default_2.JSX.Element | null;
@@ -1537,6 +1539,21 @@ declare type GetActionInputs = {
  */
 export declare const getCachedFonts: () => FontOption[] | null;
 
+/**
+ * Derive the live status label from a message's latest content block, or `null`
+ * when no status should be shown.
+ *
+ * The status reflects only the most recent activity ("latest only"): a tool
+ * call shows its mapped label, thinking shows "Thinking", and a tool result
+ * keeps the originating tool's label so it doesn't flicker to generic between
+ * the result arriving and the next block.
+ *
+ * It is shown before the first answer text and while tools/thinking are in
+ * flight, but hidden once answer text is actively streaming — returning `null`
+ * when the latest block is a text block that already has content.
+ */
+export declare function getConversationStatusLabel(message: Message): string | null;
+
 declare function Header(props: ComponentProps<typeof HeaderNav>): default_2.JSX.Element | null;
 
 declare namespace Header {
@@ -1950,6 +1967,26 @@ declare namespace RightSidebar {
     var displayName: string;
 }
 
+export declare function Ripple({ className, colored, ...props }: RippleProps): default_2.JSX.Element;
+
+export declare interface RippleProps extends default_2.SVGAttributes<SVGSVGElement> {
+    colored?: boolean;
+}
+
+/**
+ * Presentational loading status: an animated ripple glyph alongside shimmer
+ * status text that cross-fades whenever the text changes. Purely presentational
+ * — callers populate `text` with their own logic.
+ */
+export declare function RippleStatus({ text, className, variant }: RippleStatusProps): default_2.JSX.Element;
+
+export declare interface RippleStatusProps {
+    /** The status text to display. Each caller supplies its own. */
+    text: string;
+    className?: string;
+    variant?: SweepTextVariant;
+}
+
 export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
@@ -2266,6 +2303,21 @@ export declare interface SuggestionCardSource {
     icon?: React_2.ReactNode;
 }
 
+/** Shimmer/sweep status text. The animated gradient sweeps across the text. */
+export declare const SweepText: ({ className, children, variant }: SweepTextProps) => default_2.JSX.Element;
+
+export declare interface SweepTextProps {
+    className?: string;
+    children?: default_2.ReactNode;
+    variant?: SweepTextVariant;
+}
+
+export declare type SweepTextVariant = NonNullable<VariantProps<typeof sweepTextVariants>['variant']>;
+
+declare const sweepTextVariants: (props?: ({
+    variant?: "dark" | "yellowfin" | "dark-subtle" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const Switch: React_2.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
 
 export declare const Table: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableElement> & React_2.RefAttributes<HTMLTableElement>>;
@@ -2316,6 +2368,17 @@ declare interface TextConfig {
     uncertaintyFallbackText?: Record<string, string>;
 }
 
+export declare type ThinkingBlock = {
+    type: 'thinking';
+    thinking: string;
+};
+
+export declare type ToolResultBlock = {
+    type: 'tool_result';
+    toolUseId: string;
+    content: string;
+};
+
 export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;
 
 export declare const TooltipContent: React_2.ForwardRefExoticComponent<TooltipContentProps & React_2.RefAttributes<HTMLDivElement>>;
@@ -2328,6 +2391,14 @@ export declare const TooltipProvider: ({ delayDuration, ...props }: TooltipPrimi
 
 export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
+/** A tool invocation. `input` holds the raw (possibly partial) JSON arguments string. */
+export declare type ToolUseBlock = {
+    type: 'tool_use';
+    id: string;
+    name: string;
+    input: string;
+};
+
 export declare enum Trend {
     UP = "up",
     DOWN = "down",