Merge pull request #297 from FlowiseAI/feature/AgentFlowV2

Feature/add agentflow v2

Author: HenryHengZJ

README.md

@@ -146,6 +146,10 @@ You can also customize chatbot with different configuration
         denyButtonText: 'Cancel',
         denyButtonBgColor: '#ef4444',
       },
+      form: {
+        backgroundColor: 'white',
+        textColor: 'black',
+      }
       customCSS: ``, // Add custom CSS styles. Use !important to override default styles
       chatWindow: {
         showTitle: true,

dist/components/Bot.d.ts

@@ -28,6 +28,7 @@ type FilePreview = {
     type: string;
 };
 type messageType = 'apiMessage' | 'userMessage' | 'usermessagewaiting' | 'leadCaptureMessage';
+type ExecutionState = 'INPROGRESS' | 'FINISHED' | 'ERROR' | 'TERMINATED' | 'TIMEOUT' | 'STOPPED';
 export type IAgentReasoning = {
     agentName?: string;
     messages?: string[];
@@ -39,6 +40,7 @@ export type IAgentReasoning = {
 };
 export type IAction = {
     id?: string;
+    data?: any;
     elements?: Array<{
         type: string;
         label: string;
@@ -50,6 +52,13 @@ export type IAction = {
     };
 };
 export type FileUpload = Omit<FilePreview, 'preview'>;
+export type AgentFlowExecutedData = {
+    nodeLabel: string;
+    nodeId: string;
+    data: any;
+    previousNodeIds: string[];
+    status?: ExecutionState;
+};
 export type MessageType = {
     messageId?: string;
     message: string;
@@ -59,6 +68,9 @@ export type MessageType = {
     fileUploads?: Partial<FileUpload>[];
     artifacts?: Partial<FileUpload>[];
     agentReasoning?: IAgentReasoning[];
+    execution?: any;
+    agentFlowEventStatus?: string;
+    agentFlowExecutedData?: any;
     usedTools?: any[];
     action?: IAction | null;
     rating?: FeedbackRatingType;
@@ -73,6 +85,7 @@ export type BotProps = {
     apiHost?: string;
     onRequest?: (request: RequestInit) => Promise<void>;
     chatflowConfig?: Record<string, unknown>;
+    backgroundColor?: string;
     welcomeMessage?: string;
     errorMessage?: string;
     botMessage?: BotMessageTheme;
@@ -89,6 +102,8 @@ export type BotProps = {
     titleAvatarSrc?: string;
     titleTextColor?: string;
     titleBackgroundColor?: string;
+    formBackgroundColor?: string;
+    formTextColor?: string;
     fontSize?: number;
     isFullPage?: boolean;
     footer?: FooterTheme;

dist/components/Bot.d.ts.map

@@ -0,0 +1,24 @@
+import { JSXElement } from 'solid-js';
+import './TreeView.css';
+type RichTreeViewProps = {
+    children: JSXElement;
+    defaultExpanded?: string[];
+    onNodeSelect?: (itemId: string) => void;
+    highlightItems?: string[];
+    multiSelect?: boolean;
+    class?: string;
+    indentationLevel?: number;
+};
+export declare const RichTreeView: (props: RichTreeViewProps) => import("solid-js").JSX.Element;
+type TreeItemProps = {
+    itemId: string;
+    label: string | JSXElement;
+    children?: JSXElement;
+    icon?: JSXElement;
+    expandedIcon?: JSXElement;
+    endIcon?: JSXElement;
+    isLeaf?: boolean;
+};
+export declare const TreeItem: (props: TreeItemProps) => import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=RichTreeView.d.ts.map

dist/components/RichTreeView.d.ts

@@ -0,0 +1,6 @@
+type TreeViewDemoProps = {
+    class?: string;
+};
+export declare const TreeViewDemo: (props: TreeViewDemoProps) => import("solid-js").JSX.Element;
+export {};
+//# sourceMappingURL=TreeViewDemo.d.ts.map

dist/components/RichTreeView.d.ts.map

@@ -19,7 +19,7 @@ type Props = {
     showAgentMessages?: boolean;
     sourceDocsTitle?: string;
     renderHTML?: boolean;
-    handleActionClick: (label: string, action: IAction | undefined | null) => void;
+    handleActionClick: (elem: any, action: IAction | undefined | null) => void;
     handleSourceDocumentsClick: (src: any) => void;
 };
 export declare const BotBubble: (props: Props) => import("solid-js").JSX.Element;

dist/components/TreeViewDemo.d.ts

@@ -0,0 +1,2 @@
+export declare const TreeViewExample: () => import("solid-js").JSX.Element;
+//# sourceMappingURL=TreeViewExample.d.ts.map