@brainfish-ai/components 0.27.0 → 0.28.0

package/dist/esm/chunks/{Conversation.CuRp-tJL.js → Conversation.DRNYzOpI.js}

@@ -1,4 +1,4 @@
-import e,{useRef as t,useLayoutEffect as n,useMemo as r,useContext as o,createContext as i,useCallback as s,useEffect as a,useState as c,Suspense as l,forwardRef as u,Component as d,createElement as f,useImperativeHandle as m}from"react";import{Tooltip as p,TooltipTrigger as h,TooltipContent as g,TooltipProvider as v}from"../components/ui/tooltip.js";import{c as y}from"./utils.C6Qu-kwd.js";import{ScrollArea as x}from"../components/ui/scroll-area.js";import{ThumbsUp as E,ThumbsDown as b,Copy as w,DotsThreeVertical as S,X as C,Plus as N,CaretRight as k,Stop as D,ArrowUp as _}from"@phosphor-icons/react";import{F as O}from"./FormattedMessage.XNMN23hm.js";import{DropdownMenu as R,DropdownMenuTrigger as M,DropdownMenuContent as P,DropdownMenuItem as A,DropdownMenuSeparator as F}from"../components/ui/dropdown-menu.js";import{Popover as I,PopoverTrigger as T,PopoverContent as L}from"../components/ui/popover.js";import{Command as j,CommandInput as K,CommandList as B,CommandEmpty as z,CommandGroup as U,CommandItem as $}from"../components/ui/command.js";import{createEditor as J,$getRoot as W,$createParagraphNode as V,$getSelection as H,HISTORY_MERGE_TAG as q,$caretFromPoint as G,$isExtendableTextPointCaret as Z,$extendCaretToRange as X,$isChildCaret as Y,$isElementNode as Q,$isDecoratorNode as ee,$isRootNode as te,$getEditor as ne,$isTokenOrSegmented as re,$getCharacterOffsets as oe,$cloneWithPropertiesEphemeral as ie,$isRangeSelection as se,$findMatchingParent as ae,mergeRegister as ce,DecoratorNode as le,addClassNamesToElement as ue,shallowMergeConfig as de,$create as fe,defineExtension as me,safeCast as pe,createState as he,FORMAT_TEXT_COMMAND as ge,$isNodeSelection as ve,COMMAND_PRIORITY_LOW as ye,RootNode as xe,TextNode as Ee,LineBreakNode as be,TabNode as we,ParagraphNode as Se,$isEditorState as Ce,createCommand as Ne,CLICK_COMMAND as ke,isDOMNode as De,$getNodeFromDOMNode as _e,$createNodeSelection as Oe,$setSelection as Re,$getState as Me,toggleTextFormatType as Pe,TEXT_TYPE_TO_FORMAT as Ae,$setState as Fe,$getNodeByKey as Ie,removeClassNamesFromElement as Te,CLEAR_EDITOR_COMMAND as Le,COMMAND_PRIORITY_EDITOR as je,KEY_TAB_COMMAND as Ke,$isBlockElementNode as Be,$createRangeSelection as ze,$normalizeSelection__EXPERIMENTAL as Ue,OUTDENT_CONTENT_COMMAND as $e,INDENT_CONTENT_COMMAND as Je,INSERT_TAB_COMMAND as We,COMMAND_PRIORITY_CRITICAL as Ve,$isParagraphNode as He,$isTextNode as qe,isDOMDocumentNode as Ge,ArtificialNode__DO_NOT_USE as Ze,$createLineBreakNode as Xe,$isRootOrShadowRoot as Ye,isBlockDomNode as Qe,isInlineDomNode as et,getRegisteredNode as tt,isHTMLElement as nt,isDocumentFragment as rt,$createTabNode as ot,getDOMSelection as it,COPY_COMMAND as st,SELECTION_INSERT_CLIPBOARD_NODES_COMMAND as at,$isTextPointCaret as ct,$getCaretRange as lt,$getChildCaret as ut,$parseSerializedNode as dt,isSelectionWithinEditor as ft,DELETE_CHARACTER_COMMAND as mt,DELETE_WORD_COMMAND as pt,DELETE_LINE_COMMAND as ht,CONTROLLED_TEXT_INSERTION_COMMAND as gt,REMOVE_TEXT_COMMAND as vt,FORMAT_ELEMENT_COMMAND as yt,INSERT_LINE_BREAK_COMMAND as xt,INSERT_PARAGRAPH_COMMAND as Et,$insertNodes as bt,KEY_ARROW_UP_COMMAND as wt,$getAdjacentNode as St,KEY_ARROW_DOWN_COMMAND as Ct,KEY_ARROW_LEFT_COMMAND as Nt,KEY_ARROW_RIGHT_COMMAND as kt,KEY_BACKSPACE_COMMAND as Dt,KEY_DELETE_COMMAND as _t,KEY_ENTER_COMMAND as Ot,KEY_ESCAPE_COMMAND as Rt,DROP_COMMAND as Mt,$getNearestNodeFromDOMNode as Pt,DRAGSTART_COMMAND as At,DRAGOVER_COMMAND as Ft,SELECT_ALL_COMMAND as It,$selectAll as Tt,CUT_COMMAND as Lt,PASTE_COMMAND as jt,isSelectionCapturedInDecoratorInput as Kt,PASTE_TAG as Bt,KEY_SPACE_COMMAND as zt,ElementNode as Ut,setNodeIndentFromDOM as $t,$applyNodeReplacement as Jt,COMMAND_PRIORITY_HIGH as Wt}from"lexical";import{jsx as Vt,jsxs as Ht,Fragment as qt}from"react/jsx-runtime";import{flushSync as Gt,createPortal as Zt}from"react-dom";import{createEmptyHistoryState as Xt,registerHistory as Yt}from"@lexical/history";import{ListNode as Qt,ListItemNode as en,registerList as tn,registerListStrictIndentTransform as nn,$isListItemNode as rn}from"@lexical/list";import{LinkNode as on,registerLink as sn,AutoLinkNode as an}from"@lexical/link";import{registerMarkdownShortcuts as cn,TRANSFORMERS as ln,ORDERED_LIST as un,UNORDERED_LIST as dn,LINK as fn,INLINE_CODE as mn,CODE as pn,$convertToMarkdownString as hn,$convertFromMarkdownString as gn}from"@lexical/markdown";import{CodeNode as vn,CodeHighlightNode as yn,$isCodeNode as xn}from"@lexical/code";import{L as En}from"./logo.CketsPBx.js";const bn=i(null),wn={onCopy:(e,t)=>{navigator.clipboard.writeText(t)}};function Sn(){const e=o(bn);if(!e)throw new Error("useConversation must be used within a <Conversation> provider");return e}function Cn({messages:o,callbacks:i,children:s}){const a=o.some(e=>"streaming"===e.status),c=t({...wn,...i});n(()=>{c.current={...wn,...i}});const l=r(()=>({onSend:(...e)=>c.current.onSend?.(...e),onStop:(...e)=>c.current.onStop?.(...e),onSuggestionClick:(...e)=>c.current.onSuggestionClick?.(...e),onActionClick:(...e)=>c.current.onActionClick?.(...e),onFeedback:(...e)=>c.current.onFeedback?.(...e),onCitationClick:(...e)=>c.current.onCitationClick?.(...e),onAttachmentAction:(...e)=>c.current.onAttachmentAction?.(...e),onContextPillRemove:(...e)=>c.current.onContextPillRemove?.(...e),onCopy:(...e)=>c.current.onCopy?.(...e)}),[]),u=r(()=>({messages:o,callbacks:l,isStreaming:a}),[o,l,a]);/* @__PURE__ */
+import e,{useRef as t,useLayoutEffect as n,useMemo as r,useContext as o,createContext as i,useCallback as s,useEffect as a,useState as c,Suspense as l,forwardRef as u,Component as d,createElement as f,useImperativeHandle as m}from"react";import{Tooltip as p,TooltipTrigger as h,TooltipContent as g,TooltipProvider as v}from"../components/ui/tooltip.js";import{c as y}from"./utils.C6Qu-kwd.js";import{ScrollArea as x}from"../components/ui/scroll-area.js";import{ThumbsUp as E,ThumbsDown as b,Copy as w,DotsThreeVertical as S,X as C,Plus as N,CaretRight as k,Stop as D,ArrowUp as _}from"@phosphor-icons/react";import{F as O}from"./FormattedMessage.XNMN23hm.js";import{DropdownMenu as R,DropdownMenuTrigger as M,DropdownMenuContent as P,DropdownMenuItem as A,DropdownMenuSeparator as F}from"../components/ui/dropdown-menu.js";import{Popover as I,PopoverTrigger as T,PopoverContent as L}from"../components/ui/popover.js";import{Command as j,CommandInput as K,CommandList as B,CommandEmpty as z,CommandGroup as U,CommandItem as $}from"../components/ui/command.js";import{createEditor as J,$getRoot as W,$createParagraphNode as V,$getSelection as H,HISTORY_MERGE_TAG as q,$caretFromPoint as G,$isExtendableTextPointCaret as Z,$extendCaretToRange as X,$isChildCaret as Y,$isElementNode as Q,$isDecoratorNode as ee,$isRootNode as te,$getEditor as ne,$isTokenOrSegmented as re,$getCharacterOffsets as oe,$cloneWithPropertiesEphemeral as ie,$isRangeSelection as se,$findMatchingParent as ae,mergeRegister as ce,DecoratorNode as le,addClassNamesToElement as ue,shallowMergeConfig as de,$create as fe,defineExtension as me,safeCast as pe,createState as he,FORMAT_TEXT_COMMAND as ge,$isNodeSelection as ve,COMMAND_PRIORITY_LOW as ye,RootNode as xe,TextNode as Ee,LineBreakNode as be,TabNode as we,ParagraphNode as Se,$isEditorState as Ce,createCommand as Ne,CLICK_COMMAND as ke,isDOMNode as De,$getNodeFromDOMNode as _e,$createNodeSelection as Oe,$setSelection as Re,$getState as Me,toggleTextFormatType as Pe,TEXT_TYPE_TO_FORMAT as Ae,$setState as Fe,$getNodeByKey as Ie,removeClassNamesFromElement as Te,CLEAR_EDITOR_COMMAND as Le,COMMAND_PRIORITY_EDITOR as je,KEY_TAB_COMMAND as Ke,$isBlockElementNode as Be,$createRangeSelection as ze,$normalizeSelection__EXPERIMENTAL as Ue,OUTDENT_CONTENT_COMMAND as $e,INDENT_CONTENT_COMMAND as Je,INSERT_TAB_COMMAND as We,COMMAND_PRIORITY_CRITICAL as Ve,$isParagraphNode as He,$isTextNode as qe,isDOMDocumentNode as Ge,ArtificialNode__DO_NOT_USE as Ze,$createLineBreakNode as Xe,$isRootOrShadowRoot as Ye,isBlockDomNode as Qe,isInlineDomNode as et,getRegisteredNode as tt,isHTMLElement as nt,isDocumentFragment as rt,$createTabNode as ot,getDOMSelection as it,COPY_COMMAND as st,SELECTION_INSERT_CLIPBOARD_NODES_COMMAND as at,$isTextPointCaret as ct,$getCaretRange as lt,$getChildCaret as ut,$parseSerializedNode as dt,isSelectionWithinEditor as ft,DELETE_CHARACTER_COMMAND as mt,DELETE_WORD_COMMAND as pt,DELETE_LINE_COMMAND as ht,CONTROLLED_TEXT_INSERTION_COMMAND as gt,REMOVE_TEXT_COMMAND as vt,FORMAT_ELEMENT_COMMAND as yt,INSERT_LINE_BREAK_COMMAND as xt,INSERT_PARAGRAPH_COMMAND as Et,$insertNodes as bt,KEY_ARROW_UP_COMMAND as wt,$getAdjacentNode as St,KEY_ARROW_DOWN_COMMAND as Ct,KEY_ARROW_LEFT_COMMAND as Nt,KEY_ARROW_RIGHT_COMMAND as kt,KEY_BACKSPACE_COMMAND as Dt,KEY_DELETE_COMMAND as _t,KEY_ENTER_COMMAND as Ot,KEY_ESCAPE_COMMAND as Rt,DROP_COMMAND as Mt,$getNearestNodeFromDOMNode as Pt,DRAGSTART_COMMAND as At,DRAGOVER_COMMAND as Ft,SELECT_ALL_COMMAND as It,$selectAll as Tt,CUT_COMMAND as Lt,PASTE_COMMAND as jt,isSelectionCapturedInDecoratorInput as Kt,PASTE_TAG as Bt,KEY_SPACE_COMMAND as zt,ElementNode as Ut,setNodeIndentFromDOM as $t,$applyNodeReplacement as Jt,COMMAND_PRIORITY_HIGH as Wt}from"lexical";import{jsx as Vt,jsxs as Ht,Fragment as qt}from"react/jsx-runtime";import{flushSync as Gt,createPortal as Zt}from"react-dom";import{createEmptyHistoryState as Xt,registerHistory as Yt}from"@lexical/history";import{ListNode as Qt,ListItemNode as en,registerList as tn,registerListStrictIndentTransform as nn,$isListItemNode as rn}from"@lexical/list";import{LinkNode as on,registerLink as sn,AutoLinkNode as an}from"@lexical/link";import{registerMarkdownShortcuts as cn,TRANSFORMERS as ln,ORDERED_LIST as un,UNORDERED_LIST as dn,LINK as fn,INLINE_CODE as mn,CODE as pn,$convertToMarkdownString as hn,$convertFromMarkdownString as gn}from"@lexical/markdown";import{CodeNode as vn,CodeHighlightNode as yn,$isCodeNode as xn}from"@lexical/code";import{L as En}from"./logo.CGKfN1U6.js";const bn=i(null),wn={onCopy:(e,t)=>{navigator.clipboard.writeText(t)}};function Sn(){const e=o(bn);if(!e)throw new Error("useConversation must be used within a <Conversation> provider");return e}function Cn({messages:o,callbacks:i,children:s}){const a=o.some(e=>"streaming"===e.status),c=t({...wn,...i});n(()=>{c.current={...wn,...i}});const l=r(()=>({onSend:(...e)=>c.current.onSend?.(...e),onStop:(...e)=>c.current.onStop?.(...e),onSuggestionClick:(...e)=>c.current.onSuggestionClick?.(...e),onActionClick:(...e)=>c.current.onActionClick?.(...e),onFeedback:(...e)=>c.current.onFeedback?.(...e),onCitationClick:(...e)=>c.current.onCitationClick?.(...e),onAttachmentAction:(...e)=>c.current.onAttachmentAction?.(...e),onContextPillRemove:(...e)=>c.current.onContextPillRemove?.(...e),onCopy:(...e)=>c.current.onCopy?.(...e)}),[]),u=r(()=>({messages:o,callbacks:l,isStreaming:a}),[o,l,a]);/* @__PURE__ */
 return e.createElement(bn.Provider,{value:u},s)}const Nn=({block:t,isStreaming:n})=>/* @__PURE__ */e.createElement(O,{message:{content:t.text},isStreaming:n}),kn=({citations:t,onCitationClick:n})=>/* @__PURE__ */e.createElement("span",{className:"inline-flex flex-wrap gap-1"},t.map(t=>/* @__PURE__ */e.createElement(Dn,{key:t.id,citation:t,onClick:n}))),Dn=({citation:t,onClick:n})=>/* @__PURE__ */e.createElement(p,null,/* @__PURE__ */e.createElement(h,{asChild:!0},/* @__PURE__ */e.createElement("button",{type:"button",className:"inline-flex h-5 w-5 items-center justify-center rounded-full bg-primary/10 text-xs font-medium text-primary hover:bg-primary/20 transition-colors",onClick:()=>n?.(t)},t.index)),/* @__PURE__ */e.createElement(g,{side:"top",className:"max-w-xs"},/* @__PURE__ */e.createElement("p",{className:"text-sm font-medium"},t.title),/* @__PURE__ */e.createElement("p",{className:"text-xs text-muted-foreground truncate"},t.url))),_n=({block:t,isStreaming:n,onCitationClick:r})=>"text"===t.type?/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement(Nn,{block:t,isStreaming:n}),t.citations&&t.citations.length>0&&/* @__PURE__ */e.createElement(kn,{citations:t.citations,onCitationClick:r})):null,On=({className:t})=>/* @__PURE__ */e.createElement("span",{className:y("text-sm font-medium animate-sweep bg-sweep-yellowfin bg-clip-text text-transparent [background-size:200%_auto]",t)},"Working..."),Rn=({message:t,className:n})=>{const{callbacks:r}=Sn(),o="streaming"===t.status,i="pending"===t.status,a="completed"===t.status,c=s(()=>{const e=t.content.filter(e=>"text"===e.type).map(e=>e.text).join("\n");r.onCopy?.(t.id,e)},[t,r]),l=t.content.some(e=>e.text.length>0);return i&&0===t.content.length||o&&!l?/* @__PURE__ */e.createElement(On,{className:n}):/* @__PURE__ */e.createElement("div",{className:y("flex gap-3 p-4 bg-surface rounded",n)},/* @__PURE__ */e.createElement("div",{className:"flex-1 min-w-0"},/* @__PURE__ */e.createElement("div",{className:"space-y-1"},t.content.map((t,n)=>/* @__PURE__ */e.createElement(_n,{key:n,block:t,isStreaming:o,onCitationClick:r.onCitationClick}))),a&&/* @__PURE__ */e.createElement("div",{className:"mt-3 flex items-center gap-1"},/* @__PURE__ */e.createElement(Mn,{tooltip:"Helpful",active:"positive"===t.feedback,onClick:()=>r.onFeedback?.(t.id,"positive")},
 /* @__PURE__ */e.createElement(E,{className:"h-4 w-4",weight:"positive"===t.feedback?"fill":"regular"})),/* @__PURE__ */e.createElement(Mn,{tooltip:"Not helpful",active:"negative"===t.feedback,onClick:()=>r.onFeedback?.(t.id,"negative")},
 /* @__PURE__ */e.createElement(b,{className:"h-4 w-4",weight:"negative"===t.feedback?"fill":"regular"})),/* @__PURE__ */e.createElement(Mn,{tooltip:"Copy",onClick:c},/* @__PURE__ */e.createElement(w,{className:"h-4 w-4"})),/* @__PURE__ */e.createElement(Mn,{tooltip:"More"},/* @__PURE__ */e.createElement(S,{className:"h-4 w-4"})))))},Mn=({children:t,tooltip:n,active:r,onClick:o})=>/* @__PURE__ */e.createElement(p,null,/* @__PURE__ */e.createElement(h,{asChild:!0},/* @__PURE__ */e.createElement("button",{type:"button",className:y("inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",r&&"text-primary"),onClick:o},t)),/* @__PURE__ */e.createElement(g,{side:"bottom"},/* @__PURE__ */e.createElement("p",{className:"text-xs"},n))),Pn=({message:t,className:n})=>{const r=t.content.filter(e=>"text"===e.type).map(e=>e.text).join("\n").split(/\n\n+/);/* @__PURE__ */
@@ -19,4 +19,4 @@ return e.createElement("div",{className:y("",u)},/* @__PURE__ */e.createElement(
 /* @__PURE__ */e.createElement(A,{className:"p-2",onSelect:()=>H({type:"add-file"})},"Add image or file")))),f?/* @__PURE__ */e.createElement("button",{type:"button",className:"inline-flex h-6 w-6 items-center justify-center rounded transition-colors bg-input text-primary-foreground hover:bg-input/90",onClick:V,disabled:a},
 /* @__PURE__ */e.createElement(D,{className:"h-4 w-4",weight:"fill"})):/* @__PURE__ */e.createElement("button",{type:"button",className:y("inline-flex h-6 w-6 items-center justify-center rounded transition-colors",m?"bg-input text-primary-foreground hover:bg-input/90":"bg-muted text-muted-foreground"),onClick:()=>W(),disabled:J||!m},
 /* @__PURE__ */e.createElement(_,{className:"h-4 w-4",weight:"bold"}))))))},Ei=({items:t,className:n})=>{const{callbacks:r}=Sn();return 0===t.length?null:/* @__PURE__ */e.createElement("div",{className:y("flex flex-wrap justify-end gap-2 px-4 py-2",n)},t.map(t=>/* @__PURE__ */e.createElement("button",{key:t.id,type:"button",className:"rounded-full border border-border px-4 py-2 text-sm text-foreground hover:bg-muted transition-colors",onClick:()=>r.onSuggestionClick?.(t)},t.text)))},bi=({actions:t,onActionClick:n,className:r})=>0===t.length?null:/* @__PURE__ */e.createElement("div",{className:y("flex flex-wrap gap-2 px-4 py-2",r)},t.map(t=>/* @__PURE__ */e.createElement("button",{key:t.id,type:"button",className:"inline-flex items-center gap-2 rounded-full border border-border px-4 py-2 text-sm text-foreground hover:bg-muted transition-colors",onClick:()=>n?.(t)},t.label,t.description&&/* @__PURE__ */e.createElement("span",{className:"text-muted-foreground"},t.description)))),wi=()=>/* @__PURE__ */e.createElement("div",{className:"flex items-center justify-center gap-1 text-[0.625rem] text-subtle"},/* @__PURE__ */e.createElement("span",null,"Powered by"),/* @__PURE__ */e.createElement(En,{variant:"full",color:"outline",className:"h-2.5 w-auto"})),Si=Object.assign(({messages:n,callbacks:r,children:o,suggestions:i=[],actions:s=[],placeholder:l,attachments:u,collections:d,contextPills:f,showBranding:m=!1,className:p})=>{const h=!!o,g=t(null),[x,E]=c(0),[b,w]=c(!1);return a(()=>{const e=g.current;if(!e)return;const t=new ResizeObserver(([e])=>{e&&E(e.borderBoxSize[0]?.blockSize??e.contentRect.height)});return t.observe(e),()=>t.disconnect()},[]),/* @__PURE__ */e.createElement(v,null,/* @__PURE__ */e.createElement(Cn,{messages:n,callbacks:r},/* @__PURE__ */e.createElement("div",{className:y("flex h-full flex-col pb-4",p)},h?o:/* @__PURE__ */e.createElement(e.Fragment,null,/* @__PURE__ */e.createElement("div",{className:"relative min-h-0 flex-1 grid grid-rows-[1fr] grid-cols-[1fr]"},/* @__PURE__ */e.createElement("div",{className:"row-start-1 col-start-1 min-h-0"},/* @__PURE__ */e.createElement(Fn,{bottomPadding:x,onContentBehind:w})),/* @__PURE__ */e.createElement("div",{ref:g,className:"row-start-1 col-start-1 self-end z-10 pointer-events-none px-4"},/* @__PURE__ */e.createElement("div",{className:"pointer-events-auto"},i.length>0&&/* @__PURE__ */e.createElement(Ei,{items:i}),s.length>0&&/* @__PURE__ */e.createElement(bi,{actions:s,onActionClick:e=>r.onActionClick?.(e,"")}),/* @__PURE__ */e.createElement(xi,{placeholder:l,attachments:u,collections:d,contextPills:f,isElevated:b})))),m&&/* @__PURE__ */e.createElement("div",{className:"relative z-10 pt-2"},/* @__PURE__ */e.createElement(wi,null))))))},{Messages:Fn,Input:xi,Suggestions:Ei,Actions:bi,Loading:On});export{yi as C,Si as a,bi as b,xi as c,Rn as d,Pn as e,Fn as f,Cn as g,On as h,Ei as i,Sn as u};
-//# sourceMappingURL=Conversation.CuRp-tJL.js.map
+//# sourceMappingURL=Conversation.DRNYzOpI.js.map