├── .eslintrc.json
├── .gitignore
├── README.md
├── app
    ├── api
    │   └── research
    │   │   └── route.ts
    ├── globals.css
    ├── layout.tsx
    └── page.tsx
├── components.json
├── components
    ├── LoadingSteps.tsx
    └── ui
    │   ├── button.tsx
    │   ├── card.tsx
    │   ├── input.tsx
    │   ├── popover.tsx
    │   ├── progress.tsx
    │   ├── radio-group.tsx
    │   ├── resizable.tsx
    │   ├── scroll-area.tsx
    │   ├── separator.tsx
    │   ├── skeleton.tsx
    │   ├── slider.tsx
    │   ├── sonner.tsx
    │   ├── switch.tsx
    │   ├── textarea.tsx
    │   ├── toast.tsx
    │   ├── toaster.tsx
    │   ├── toggle-group.tsx
    │   ├── toggle.tsx
    │   └── tooltip.tsx
├── flows
    └── NewsLetter MultiAgent.json
├── hooks
    └── use-toast.ts
├── lib
    └── utils.ts
├── next.config.js
├── package-lock.json
├── package.json
├── postcss.config.js
├── tailwind.config.ts
└── tsconfig.json


/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "next/core-web-vitals"
3 | }
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # next.js
12 | /.next/
13 | /out/
14 | 
15 | # production
16 | /build
17 | 
18 | # misc
19 | .DS_Store
20 | *.pem
21 | 
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | 
27 | # local env files
28 | .env*.local
29 | 
30 | # vercel
31 | .vercel
32 | 
33 | # typescript
34 | *.tsbuildinfo
35 | next-env.d.ts
36 | 
37 | /.bolt/


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # InsightExpress - AI-Powered Newsletter Agent
  2 | ### Powered By Langflow
  3 | 
  4 | ## Overview
  5 | InsightExpress is a Next.js application that generates AI-powered research reports based on user-provided topics and emails them to users. The application leverages Langflow for its AI capabilities and features a modern, responsive UI built using NextJS.
  6 | 
  7 | 
  8 | https://github.com/user-attachments/assets/3d364aef-8a1b-4bd2-a782-a9fb8b33b735
  9 | 
 10 | 
 11 | ## Prerequisites
 12 | 
 13 | Before running the application, ensure you have the following installed:
 14 | - Node.js (version 14 or later)
 15 | - npm (Node package manager)
 16 | - Python (version 3.9 or later) - for running Langflow
 17 | - pip (Python package manager)
 18 | 
 19 | ## Installation Steps
 20 | 
 21 | ### 1. Install and Run Langflow
 22 | 
 23 | First, you'll need to set up Langflow locally:
 24 | 
 25 | ```bash
 26 | # Install Langflow using pip
 27 | pip install langflow
 28 | 
 29 | # Start Langflow server
 30 | langflow run
 31 | ```
 32 | 
 33 | Once Langflow is running:
 34 | 1. Access the Langflow UI at `http://localhost:7860`
 35 | 2. Create a new flow for research generation
 36 | 3. Note down the following details:
 37 |    - Your Langflow URL (typically `http://localhost:7860`)
 38 |    - Your Flow ID (found in the flow's URL)
 39 |    - Your API token (found in Settings > API Keys), in case auth enabled in the api settings
 40 | 
 41 | ### 2. Set Up the Next.js Application
 42 | 
 43 | ```bash
 44 | # Clone the repository
 45 | git clone https://github.com/misbahsy/InsightExpress.git
 46 | cd insightexpress
 47 | 
 48 | # Install dependencies
 49 | npm install
 50 | ```
 51 | 
 52 | ### 3. Configure Environment Variables
 53 | 
 54 | Create a `.env.local` file in the root directory:
 55 | 
 56 | ```env
 57 | LANGFLOW_URL=http://localhost:7860
 58 | FLOW_ID=your_flow_id_here
 59 | LANGFLOW_TOKEN=your_langflow_api_token_here
 60 | ```
 61 | 
 62 | Replace the values with your actual Langflow configuration.
 63 | 
 64 | ### 4. Run the Application
 65 | 
 66 | ```bash
 67 | # Start the development server
 68 | npm run dev
 69 | ```
 70 | 
 71 | The application will be available at `http://localhost:3000`
 72 | 
 73 | ## Usage
 74 | 
 75 | 1. Access the application in your browser
 76 | 2. Enter a research topic in the provided field
 77 | 3. Enter your email address
 78 | 4. Click "Generate Research Report"
 79 | 5. Wait for the AI to generate your report
 80 | 6. The report will be displayed on screen and sent to your email
 81 | 
 82 | ## Project Structure
 83 | 
 84 | ```
 85 | insightexpress/
 86 | ├── app/                    # Next.js app directory
 87 | │   ├── api/               # API routes
 88 | │   ├── page.tsx           # Main page component
 89 | │   └── layout.tsx         # Root layout
 90 | ├── components/            # React components
 91 | │   ├── ui/               # UI components
 92 | │   └── LoadingSteps.tsx  # Loading indicator
 93 | ├── lib/                   # Utility functions
 94 | ├── public/               # Static assets
 95 | └── styles/               # Global styles
 96 | ```
 97 | 
 98 | ## Features
 99 | 
100 | - 🎨 Modern, responsive UI with dark mode support
101 | - 🤖 AI-powered research generation
102 | - 📧 Email delivery of reports
103 | - ⚡ Real-time loading indicators
104 | - 🎯 Error handling and notifications
105 | 
106 | 
107 | ## Troubleshooting
108 | 
109 | ### Common Issues
110 | 
111 | 1. **Langflow Connection Error**
112 |    - Ensure Langflow is running locally
113 |    - Verify your environment variables are correct
114 |    - Check if your Flow ID is valid
115 | 
116 | 2. **Email Delivery Issues**
117 |    - Verify the email address format
118 |    - Check your Langflow flow configuration esp. Composio connection
119 | 
120 | 3. **Build Errors**
121 |    - Run `npm clean-install` to refresh dependencies
122 |    - Ensure all required dependencies are installed
123 | 
124 | ## License
125 | 
126 | This project is licensed under the MIT License. See the LICENSE file for details.
127 | 
128 | ## Support
129 | 
130 | For support, please open an issue in the GitHub repository or contact the maintainers.
131 | 


--------------------------------------------------------------------------------
/app/api/research/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextResponse } from 'next/server';
 2 | 
 3 | interface ResearchRequest {
 4 |   topic: string;
 5 |   email: string;
 6 | }
 7 | 
 8 | export async function POST(request: Request) {
 9 |   try {
10 |     const { topic, email }: ResearchRequest = await request.json();
11 |     
12 |     if (!topic || !email) {
13 |       return NextResponse.json(
14 |         { error: 'Missing required fields' },
15 |         { status: 400 }
16 |       );
17 |     }
18 | 
19 |     const currentDateTime = new Date().toLocaleString();
20 |     
21 |     const response = await fetch(
22 |       `${process.env.LANGFLOW_URL}/api/v1/run/${process.env.FLOW_ID}?stream=false`,
23 |       {
24 |         method: 'POST',
25 |         headers: {
26 |           'Content-Type': 'application/json',
27 |         //   'Authorization': `Bearer ${process.env.LANGFLOW_TOKEN}`, #could be used if auth enabled
28 |         },
29 |         body: JSON.stringify({
30 |           input_value: `${topic}, send it to this email: ${email}. Current date and time: ${currentDateTime}`,
31 |           output_type: 'chat',
32 |           input_type: 'chat',
33 |           tweaks: {
34 |           },
35 |         }),
36 |       }
37 |     );
38 | 
39 |     const data = await response.json();
40 |     const result = data.outputs[0].outputs[0].outputs.message.message.text;
41 | 
42 |     return NextResponse.json({ result });
43 |   } catch (error) {
44 |     console.error('Research API error:', error);
45 |     return NextResponse.json(
46 |       { error: 'Failed to generate research report' },
47 |       { status: 500 }
48 |     );
49 |   }
50 | }


--------------------------------------------------------------------------------
/app/globals.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | :root {
 6 |   --foreground-rgb: 0, 0, 0;
 7 |   --background-start-rgb: 214, 219, 220;
 8 |   --background-end-rgb: 255, 255, 255;
 9 | }
10 | 
11 | @media (prefers-color-scheme: dark) {
12 |   :root {
13 |     --foreground-rgb: 255, 255, 255;
14 |     --background-start-rgb: 0, 0, 0;
15 |     --background-end-rgb: 0, 0, 0;
16 |   }
17 | }
18 | 
19 | @layer base {
20 |   :root {
21 |     --background: 0 0% 100%;
22 |     --foreground: 0 0% 3.9%;
23 |     --card: 0 0% 100%;
24 |     --card-foreground: 0 0% 3.9%;
25 |     --popover: 0 0% 100%;
26 |     --popover-foreground: 0 0% 3.9%;
27 |     --primary: 0 0% 9%;
28 |     --primary-foreground: 0 0% 98%;
29 |     --secondary: 0 0% 96.1%;
30 |     --secondary-foreground: 0 0% 9%;
31 |     --muted: 0 0% 96.1%;
32 |     --muted-foreground: 0 0% 45.1%;
33 |     --accent: 0 0% 96.1%;
34 |     --accent-foreground: 0 0% 9%;
35 |     --destructive: 0 84.2% 60.2%;
36 |     --destructive-foreground: 0 0% 98%;
37 |     --border: 0 0% 89.8%;
38 |     --input: 0 0% 89.8%;
39 |     --ring: 0 0% 3.9%;
40 |     --chart-1: 12 76% 61%;
41 |     --chart-2: 173 58% 39%;
42 |     --chart-3: 197 37% 24%;
43 |     --chart-4: 43 74% 66%;
44 |     --chart-5: 27 87% 67%;
45 |     --radius: 0.5rem;
46 |   }
47 |   .dark {
48 |     --background: 0 0% 3.9%;
49 |     --foreground: 0 0% 98%;
50 |     --card: 0 0% 3.9%;
51 |     --card-foreground: 0 0% 98%;
52 |     --popover: 0 0% 3.9%;
53 |     --popover-foreground: 0 0% 98%;
54 |     --primary: 0 0% 98%;
55 |     --primary-foreground: 0 0% 9%;
56 |     --secondary: 0 0% 14.9%;
57 |     --secondary-foreground: 0 0% 98%;
58 |     --muted: 0 0% 14.9%;
59 |     --muted-foreground: 0 0% 63.9%;
60 |     --accent: 0 0% 14.9%;
61 |     --accent-foreground: 0 0% 98%;
62 |     --destructive: 0 62.8% 30.6%;
63 |     --destructive-foreground: 0 0% 98%;
64 |     --border: 0 0% 14.9%;
65 |     --input: 0 0% 14.9%;
66 |     --ring: 0 0% 83.1%;
67 |     --chart-1: 220 70% 50%;
68 |     --chart-2: 160 60% 45%;
69 |     --chart-3: 30 80% 55%;
70 |     --chart-4: 280 65% 60%;
71 |     --chart-5: 340 75% 55%;
72 |   }
73 | }
74 | 
75 | @layer base {
76 |   * {
77 |     @apply border-border;
78 |   }
79 |   body {
80 |     @apply bg-background text-foreground;
81 |   }
82 | }
83 | 


--------------------------------------------------------------------------------
/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | import './globals.css';
 2 | import type { Metadata } from 'next';
 3 | import { Inter } from 'next/font/google';
 4 | import { Toaster } from "@/components/ui/toaster";
 5 | 
 6 | const inter = Inter({ subsets: ['latin'] });
 7 | 
 8 | export const metadata: Metadata = {
 9 |   title: 'Multi-Agent Research Demo',
10 |   description: 'AI-powered research report generation',
11 | };
12 | 
13 | export default function RootLayout({
14 |   children,
15 | }: {
16 |   children: React.ReactNode;
17 | }) {
18 |   return (
19 |     <html lang="en">
20 |       <body className={inter.className}>
21 |         {children}
22 |         <Toaster />
23 |       </body>
24 |     </html>
25 |   );
26 | }


--------------------------------------------------------------------------------
/app/page.tsx:
--------------------------------------------------------------------------------
  1 | 'use client';
  2 | 
  3 | import { useState } from 'react';
  4 | import { Card } from '@/components/ui/card';
  5 | import { Input } from '@/components/ui/input';
  6 | import { Button } from '@/components/ui/button';
  7 | import { SearchIcon, SendIcon, BrainCircuit } from 'lucide-react';
  8 | import { useToast } from '@/hooks/use-toast';
  9 | import ReactMarkdown from 'react-markdown';
 10 | import remarkGfm from 'remark-gfm';
 11 | import { LoadingSteps } from '@/components/LoadingSteps';
 12 | 
 13 | export default function Home() {
 14 |   const [topic, setTopic] = useState('');
 15 |   const [email, setEmail] = useState('');
 16 |   const [researchResult, setResearchResult] = useState('');
 17 |   const [isLoading, setIsLoading] = useState(false);
 18 |   const { toast } = useToast();
 19 | 
 20 |   const handleSubmit = async (e: React.FormEvent) => {
 21 |     e.preventDefault();
 22 |     if (!topic || !email) {
 23 |       toast({
 24 |         title: 'Missing Information',
 25 |         description: 'Please provide both a topic and email address.',
 26 |         variant: 'destructive',
 27 |       });
 28 |       return;
 29 |     }
 30 | 
 31 |     setIsLoading(true);
 32 | 
 33 |     try {
 34 |       const response = await fetch('/api/research', {
 35 |         method: 'POST',
 36 |         headers: {
 37 |           'Content-Type': 'application/json',
 38 |         },
 39 |         body: JSON.stringify({ topic, email }),
 40 |       });
 41 | 
 42 |       const data = await response.json();
 43 |       
 44 |       if (!response.ok) {
 45 |         throw new Error(data.error || 'Failed to generate research report');
 46 |       }
 47 | 
 48 |       setResearchResult(data.result);
 49 | 
 50 |       toast({
 51 |         title: 'Research Complete',
 52 |         description: 'Your research report has been generated.',
 53 |       });
 54 |     } catch (error) {
 55 |       toast({
 56 |         title: 'Error',
 57 |         description: 'Failed to generate research report. Please try again.',
 58 |         variant: 'destructive',
 59 |       });
 60 |     } finally {
 61 |       setIsLoading(false);
 62 |     }
 63 |   };
 64 | 
 65 |   return (
 66 |     <main className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900">
 67 |       <div className="relative overflow-hidden">
 68 |         <div className="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48cGF0dGVybiBpZD0iYSIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBwYXR0ZXJuVHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJNIDAgMTAgTCAxMCAwIEwgMjAgMTAgTCAxMCAyMCIgc3Ryb2tlPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMSkiIGZpbGw9Im5vbmUiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=')] opacity-40"></div>
 69 | 
 70 |         <div className="relative max-w-4xl mx-auto px-4 py-16 sm:px-6 sm:py-24 lg:px-8">
 71 |           <div className="text-center mb-16">
 72 |             <div className="flex justify-center mb-6">
 73 |               <BrainCircuit className="h-16 w-16 text-purple-400" />
 74 |             </div>
 75 |             <h1 className="text-4xl font-bold tracking-tight text-white sm:text-6xl bg-clip-text text-transparent bg-gradient-to-r from-purple-400 to-pink-600">
 76 |              InsightExpress
 77 |             </h1>
 78 |             <p className="mt-6 text-lg leading-8 text-gray-300">
 79 |               Provide a topic of interest, and our intelligent agents will
 80 |               search the internet to generate a comprehensive custom report
 81 |               tailored just for you.
 82 |             </p>
 83 |           </div>
 84 | 
 85 |           <Card className="bg-black/50 backdrop-blur-xl border-purple-500/20">
 86 |             <form onSubmit={handleSubmit} className="p-6 space-y-8">
 87 |               <div className="space-y-4">
 88 |                 <div>
 89 |                   <label
 90 |                     htmlFor="topic"
 91 |                     className="block text-sm font-medium text-gray-200 mb-2"
 92 |                   >
 93 |                     Research Topic
 94 |                   </label>
 95 |                   <div className="relative">
 96 |                     <SearchIcon className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400" />
 97 |                     <Input
 98 |                       id="topic"
 99 |                       placeholder="Enter your topic of interest..."
100 |                       className="pl-10 bg-black/30 border-purple-500/30 text-white placeholder:text-gray-500"
101 |                       value={topic}
102 |                       onChange={(e) => setTopic(e.target.value)}
103 |                     />
104 |                   </div>
105 |                 </div>
106 | 
107 |                 <div>
108 |                   <label
109 |                     htmlFor="email"
110 |                     className="block text-sm font-medium text-gray-200 mb-2"
111 |                   >
112 |                     Email Address
113 |                   </label>
114 |                   <div className="relative">
115 |                     <SendIcon className="absolute left-3 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400" />
116 |                     <Input
117 |                       id="email"
118 |                       type="email"
119 |                       placeholder="Where should we send the report?"
120 |                       className="pl-10 bg-black/30 border-purple-500/30 text-white placeholder:text-gray-500"
121 |                       value={email}
122 |                       onChange={(e) => setEmail(e.target.value)}
123 |                     />
124 |                   </div>
125 |                 </div>
126 |               </div>
127 | 
128 |               <Button
129 |                 type="submit"
130 |                 disabled={isLoading}
131 |                 className="w-full bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-500 hover:to-pink-500 text-white font-semibold py-2 px-4 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300"
132 |               >
133 |                 {isLoading
134 |                   ? 'Generating Newletter...'
135 |                   : 'Generate Newletter'}
136 |               </Button>
137 | 
138 |               {isLoading && (
139 |                 <div className="mt-6">
140 |                   <LoadingSteps />
141 |                 </div>
142 |               )}
143 |             </form>
144 |           </Card>
145 | 
146 |           {researchResult && (
147 |             <Card className="mt-8 bg-white border-gray-200">
148 |               <div className="p-8">
149 |                 <h2 className="text-xl font-semibold text-gray-900 mb-6 pb-3 border-b-2 border-gray-200 flex items-center gap-2">
150 |                   <SearchIcon className="h-5 w-5 text-purple-600" />
151 |                   Research Results
152 |                 </h2>
153 |                 <div className="prose max-w-none">
154 |                   <ReactMarkdown
155 |                     remarkPlugins={[remarkGfm]}
156 |                     components={{
157 |                       img: ({ node, ...props }) => (
158 |                         <img
159 |                           {...props}
160 |                           className="rounded-lg shadow-lg my-8 w-full object-cover"
161 |                           loading="lazy"
162 |                         />
163 |                       ),
164 |                       a: ({ node, ...props }) => (
165 |                         <a
166 |                           {...props}
167 |                           className="text-purple-600 hover:text-purple-800 transition-colors"
168 |                           target="_blank"
169 |                           rel="noopener noreferrer"
170 |                         />
171 |                       ),
172 |                       h1: ({ node, ...props }) => (
173 |                         <div className="mt-12 mb-8">
174 |                           <h1
175 |                             {...props}
176 |                             className="text-2xl font-bold text-gray-900 mb-6"
177 |                           />
178 |                           <hr className="border-t-2 border-gray-100 my-8" />
179 |                         </div>
180 |                       ),
181 |                       h2: ({ node, ...props }) => (
182 |                         <div className="mt-10 mb-6">
183 |                           <h2
184 |                             {...props}
185 |                             className="text-xl font-semibold text-gray-900"
186 |                           />
187 |                           <hr className="border-t border-gray-100 my-6" />
188 |                         </div>
189 |                       ),
190 |                       p: ({ node, ...props }) => (
191 |                         <p {...props} className="text-gray-700 mb-6 leading-relaxed text-lg" />
192 |                       ),
193 |                       ul: ({ node, ...props }) => (
194 |                         <ul {...props} className="my-6 space-y-3" />
195 |                       ),
196 |                       li: ({ node, ...props }) => (
197 |                         <li {...props} className="text-gray-700 leading-relaxed" />
198 |                       ),
199 |                       hr: ({ node, ...props }) => (
200 |                         <hr {...props} className="my-12 border-t-2 border-gray-100" />
201 |                       ),
202 |                     }}
203 |                   >
204 |                     {researchResult}
205 |                   </ReactMarkdown>
206 |                 </div>
207 |               </div>
208 |             </Card>
209 |           )}
210 |         </div>
211 |       </div>
212 |     </main>
213 |   );
214 | }
215 | 


--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.ts",
 8 |     "css": "app/globals.css",
 9 |     "baseColor": "neutral",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils",
16 |     "ui": "@/components/ui",
17 |     "lib": "@/lib",
18 |     "hooks": "@/hooks"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/components/LoadingSteps.tsx:
--------------------------------------------------------------------------------
 1 | import { useState, useEffect } from 'react';
 2 | import { Check } from 'lucide-react';
 3 | 
 4 | interface Step {
 5 |   text: string;
 6 |   completed: boolean;
 7 | }
 8 | 
 9 | export function LoadingSteps() {
10 |   const [steps, setSteps] = useState<Step[]>([
11 |     { text: "AI is researching the topic...", completed: false },
12 |     { text: "Gathering relevant data...", completed: false },
13 |     { text: "Analyzing information...", completed: false },
14 |     { text: "Summarizing findings...", completed: false },
15 |     { text: "Formatting newsletter...", completed: false },
16 |     { text: "Generating final newsletter...", completed: false },
17 |     { text: "Preparing email delivery...", completed: false }, 
18 |     { text: "Sending newsletter to your inbox...", completed: false }
19 |   ]);
20 | 
21 |   useEffect(() => {
22 |     const interval = setInterval(() => {
23 |       setSteps(currentSteps => {
24 |         const firstIncompleteIndex = currentSteps.findIndex(step => !step.completed);
25 |         if (firstIncompleteIndex === -1) return currentSteps;
26 | 
27 |         return currentSteps.map((step, index) => 
28 |           index === firstIncompleteIndex ? { ...step, completed: true } : step
29 |         );
30 |       });
31 |     }, 8000); // 8 seconds per step = ~64 seconds total
32 | 
33 |     return () => clearInterval(interval);
34 |   }, []);
35 | 
36 |   return (
37 |     <div className="space-y-3">
38 |       {steps.map((step, index) => (
39 |         <div key={index} className="flex items-center space-x-3">
40 |           <div className={`
41 |             flex items-center justify-center w-6 h-6 rounded-full
42 |             ${step.completed 
43 |               ? 'bg-green-500' 
44 |               : 'bg-gray-600'
45 |             } transition-colors duration-300
46 |           `}>
47 |             {step.completed && <Check className="w-4 h-4 text-white" />}
48 |           </div>
49 |           <span className={`
50 |             text-sm
51 |             ${step.completed ? 'text-green-400' : 'text-gray-400'}
52 |           `}>
53 |             {step.text}
54 |           </span>
55 |         </div>
56 |       ))}
57 |     </div>
58 |   );
59 | }


--------------------------------------------------------------------------------
/components/ui/button.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | import { Slot } from '@radix-ui/react-slot';
 3 | import { cva, type VariantProps } from 'class-variance-authority';
 4 | 
 5 | import { cn } from '@/lib/utils';
 6 | 
 7 | const buttonVariants = cva(
 8 |   'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
 9 |   {
10 |     variants: {
11 |       variant: {
12 |         default: 'bg-primary text-primary-foreground hover:bg-primary/90',
13 |         destructive:
14 |           'bg-destructive text-destructive-foreground hover:bg-destructive/90',
15 |         outline:
16 |           'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
17 |         secondary:
18 |           'bg-secondary text-secondary-foreground hover:bg-secondary/80',
19 |         ghost: 'hover:bg-accent hover:text-accent-foreground',
20 |         link: 'text-primary underline-offset-4 hover:underline',
21 |       },
22 |       size: {
23 |         default: 'h-10 px-4 py-2',
24 |         sm: 'h-9 rounded-md px-3',
25 |         lg: 'h-11 rounded-md px-8',
26 |         icon: 'h-10 w-10',
27 |       },
28 |     },
29 |     defaultVariants: {
30 |       variant: 'default',
31 |       size: 'default',
32 |     },
33 |   }
34 | );
35 | 
36 | export interface ButtonProps
37 |   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
38 |     VariantProps<typeof buttonVariants> {
39 |   asChild?: boolean;
40 | }
41 | 
42 | const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
43 |   ({ className, variant, size, asChild = false, ...props }, ref) => {
44 |     const Comp = asChild ? Slot : 'button';
45 |     return (
46 |       <Comp
47 |         className={cn(buttonVariants({ variant, size, className }))}
48 |         ref={ref}
49 |         {...props}
50 |       />
51 |     );
52 |   }
53 | );
54 | Button.displayName = 'Button';
55 | 
56 | export { Button, buttonVariants };
57 | 


--------------------------------------------------------------------------------
/components/ui/card.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | 
 3 | import { cn } from '@/lib/utils';
 4 | 
 5 | const Card = React.forwardRef<
 6 |   HTMLDivElement,
 7 |   React.HTMLAttributes<HTMLDivElement>
 8 | >(({ className, ...props }, ref) => (
 9 |   <div
10 |     ref={ref}
11 |     className={cn(
12 |       'rounded-lg border bg-card text-card-foreground shadow-sm',
13 |       className
14 |     )}
15 |     {...props}
16 |   />
17 | ));
18 | Card.displayName = 'Card';
19 | 
20 | const CardHeader = React.forwardRef<
21 |   HTMLDivElement,
22 |   React.HTMLAttributes<HTMLDivElement>
23 | >(({ className, ...props }, ref) => (
24 |   <div
25 |     ref={ref}
26 |     className={cn('flex flex-col space-y-1.5 p-6', className)}
27 |     {...props}
28 |   />
29 | ));
30 | CardHeader.displayName = 'CardHeader';
31 | 
32 | const CardTitle = React.forwardRef<
33 |   HTMLParagraphElement,
34 |   React.HTMLAttributes<HTMLHeadingElement>
35 | >(({ className, ...props }, ref) => (
36 |   <h3
37 |     ref={ref}
38 |     className={cn(
39 |       'text-2xl font-semibold leading-none tracking-tight',
40 |       className
41 |     )}
42 |     {...props}
43 |   />
44 | ));
45 | CardTitle.displayName = 'CardTitle';
46 | 
47 | const CardDescription = React.forwardRef<
48 |   HTMLParagraphElement,
49 |   React.HTMLAttributes<HTMLParagraphElement>
50 | >(({ className, ...props }, ref) => (
51 |   <p
52 |     ref={ref}
53 |     className={cn('text-sm text-muted-foreground', className)}
54 |     {...props}
55 |   />
56 | ));
57 | CardDescription.displayName = 'CardDescription';
58 | 
59 | const CardContent = React.forwardRef<
60 |   HTMLDivElement,
61 |   React.HTMLAttributes<HTMLDivElement>
62 | >(({ className, ...props }, ref) => (
63 |   <div ref={ref} className={cn('p-6 pt-0', className)} {...props} />
64 | ));
65 | CardContent.displayName = 'CardContent';
66 | 
67 | const CardFooter = React.forwardRef<
68 |   HTMLDivElement,
69 |   React.HTMLAttributes<HTMLDivElement>
70 | >(({ className, ...props }, ref) => (
71 |   <div
72 |     ref={ref}
73 |     className={cn('flex items-center p-6 pt-0', className)}
74 |     {...props}
75 |   />
76 | ));
77 | CardFooter.displayName = 'CardFooter';
78 | 
79 | export {
80 |   Card,
81 |   CardHeader,
82 |   CardFooter,
83 |   CardTitle,
84 |   CardDescription,
85 |   CardContent,
86 | };
87 | 


--------------------------------------------------------------------------------
/components/ui/input.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | 
 3 | import { cn } from '@/lib/utils';
 4 | 
 5 | export interface InputProps
 6 |   extends React.InputHTMLAttributes<HTMLInputElement> {}
 7 | 
 8 | const Input = React.forwardRef<HTMLInputElement, InputProps>(
 9 |   ({ className, type, ...props }, ref) => {
10 |     return (
11 |       <input
12 |         type={type}
13 |         className={cn(
14 |           'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
15 |           className
16 |         )}
17 |         ref={ref}
18 |         {...props}
19 |       />
20 |     );
21 |   }
22 | );
23 | Input.displayName = 'Input';
24 | 
25 | export { Input };
26 | 


--------------------------------------------------------------------------------
/components/ui/popover.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as PopoverPrimitive from '@radix-ui/react-popover';
 5 | 
 6 | import { cn } from '@/lib/utils';
 7 | 
 8 | const Popover = PopoverPrimitive.Root;
 9 | 
10 | const PopoverTrigger = PopoverPrimitive.Trigger;
11 | 
12 | const PopoverContent = React.forwardRef<
13 |   React.ElementRef<typeof PopoverPrimitive.Content>,
14 |   React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
15 | >(({ className, align = 'center', sideOffset = 4, ...props }, ref) => (
16 |   <PopoverPrimitive.Portal>
17 |     <PopoverPrimitive.Content
18 |       ref={ref}
19 |       align={align}
20 |       sideOffset={sideOffset}
21 |       className={cn(
22 |         'z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
23 |         className
24 |       )}
25 |       {...props}
26 |     />
27 |   </PopoverPrimitive.Portal>
28 | ));
29 | PopoverContent.displayName = PopoverPrimitive.Content.displayName;
30 | 
31 | export { Popover, PopoverTrigger, PopoverContent };
32 | 


--------------------------------------------------------------------------------
/components/ui/progress.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as ProgressPrimitive from '@radix-ui/react-progress';
 5 | 
 6 | import { cn } from '@/lib/utils';
 7 | 
 8 | const Progress = React.forwardRef<
 9 |   React.ElementRef<typeof ProgressPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>
11 | >(({ className, value, ...props }, ref) => (
12 |   <ProgressPrimitive.Root
13 |     ref={ref}
14 |     className={cn(
15 |       'relative h-4 w-full overflow-hidden rounded-full bg-secondary',
16 |       className
17 |     )}
18 |     {...props}
19 |   >
20 |     <ProgressPrimitive.Indicator
21 |       className="h-full w-full flex-1 bg-primary transition-all"
22 |       style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
23 |     />
24 |   </ProgressPrimitive.Root>
25 | ));
26 | Progress.displayName = ProgressPrimitive.Root.displayName;
27 | 
28 | export { Progress };
29 | 


--------------------------------------------------------------------------------
/components/ui/radio-group.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 5 | import { Circle } from 'lucide-react';
 6 | 
 7 | import { cn } from '@/lib/utils';
 8 | 
 9 | const RadioGroup = React.forwardRef<
10 |   React.ElementRef<typeof RadioGroupPrimitive.Root>,
11 |   React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
12 | >(({ className, ...props }, ref) => {
13 |   return (
14 |     <RadioGroupPrimitive.Root
15 |       className={cn('grid gap-2', className)}
16 |       {...props}
17 |       ref={ref}
18 |     />
19 |   );
20 | });
21 | RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
22 | 
23 | const RadioGroupItem = React.forwardRef<
24 |   React.ElementRef<typeof RadioGroupPrimitive.Item>,
25 |   React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
26 | >(({ className, ...props }, ref) => {
27 |   return (
28 |     <RadioGroupPrimitive.Item
29 |       ref={ref}
30 |       className={cn(
31 |         'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
32 |         className
33 |       )}
34 |       {...props}
35 |     >
36 |       <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
37 |         <Circle className="h-2.5 w-2.5 fill-current text-current" />
38 |       </RadioGroupPrimitive.Indicator>
39 |     </RadioGroupPrimitive.Item>
40 |   );
41 | });
42 | RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
43 | 
44 | export { RadioGroup, RadioGroupItem };
45 | 


--------------------------------------------------------------------------------
/components/ui/resizable.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { GripVertical } from 'lucide-react';
 4 | import * as ResizablePrimitive from 'react-resizable-panels';
 5 | 
 6 | import { cn } from '@/lib/utils';
 7 | 
 8 | const ResizablePanelGroup = ({
 9 |   className,
10 |   ...props
11 | }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (
12 |   <ResizablePrimitive.PanelGroup
13 |     className={cn(
14 |       'flex h-full w-full data-[panel-group-direction=vertical]:flex-col',
15 |       className
16 |     )}
17 |     {...props}
18 |   />
19 | );
20 | 
21 | const ResizablePanel = ResizablePrimitive.Panel;
22 | 
23 | const ResizableHandle = ({
24 |   withHandle,
25 |   className,
26 |   ...props
27 | }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
28 |   withHandle?: boolean;
29 | }) => (
30 |   <ResizablePrimitive.PanelResizeHandle
31 |     className={cn(
32 |       'relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90',
33 |       className
34 |     )}
35 |     {...props}
36 |   >
37 |     {withHandle && (
38 |       <div className="z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border">
39 |         <GripVertical className="h-2.5 w-2.5" />
40 |       </div>
41 |     )}
42 |   </ResizablePrimitive.PanelResizeHandle>
43 | );
44 | 
45 | export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
46 | 


--------------------------------------------------------------------------------
/components/ui/scroll-area.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 5 | 
 6 | import { cn } from '@/lib/utils';
 7 | 
 8 | const ScrollArea = React.forwardRef<
 9 |   React.ElementRef<typeof ScrollAreaPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>
11 | >(({ className, children, ...props }, ref) => (
12 |   <ScrollAreaPrimitive.Root
13 |     ref={ref}
14 |     className={cn('relative overflow-hidden', className)}
15 |     {...props}
16 |   >
17 |     <ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
18 |       {children}
19 |     </ScrollAreaPrimitive.Viewport>
20 |     <ScrollBar />
21 |     <ScrollAreaPrimitive.Corner />
22 |   </ScrollAreaPrimitive.Root>
23 | ));
24 | ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
25 | 
26 | const ScrollBar = React.forwardRef<
27 |   React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,
28 |   React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>
29 | >(({ className, orientation = 'vertical', ...props }, ref) => (
30 |   <ScrollAreaPrimitive.ScrollAreaScrollbar
31 |     ref={ref}
32 |     orientation={orientation}
33 |     className={cn(
34 |       'flex touch-none select-none transition-colors',
35 |       orientation === 'vertical' &&
36 |         'h-full w-2.5 border-l border-l-transparent p-[1px]',
37 |       orientation === 'horizontal' &&
38 |         'h-2.5 flex-col border-t border-t-transparent p-[1px]',
39 |       className
40 |     )}
41 |     {...props}
42 |   >
43 |     <ScrollAreaPrimitive.ScrollAreaThumb className="relative flex-1 rounded-full bg-border" />
44 |   </ScrollAreaPrimitive.ScrollAreaScrollbar>
45 | ));
46 | ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
47 | 
48 | export { ScrollArea, ScrollBar };
49 | 


--------------------------------------------------------------------------------
/components/ui/separator.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as SeparatorPrimitive from '@radix-ui/react-separator';
 5 | 
 6 | import { cn } from '@/lib/utils';
 7 | 
 8 | const Separator = React.forwardRef<
 9 |   React.ElementRef<typeof SeparatorPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
11 | >(
12 |   (
13 |     { className, orientation = 'horizontal', decorative = true, ...props },
14 |     ref
15 |   ) => (
16 |     <SeparatorPrimitive.Root
17 |       ref={ref}
18 |       decorative={decorative}
19 |       orientation={orientation}
20 |       className={cn(
21 |         'shrink-0 bg-border',
22 |         orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
23 |         className
24 |       )}
25 |       {...props}
26 |     />
27 |   )
28 | );
29 | Separator.displayName = SeparatorPrimitive.Root.displayName;
30 | 
31 | export { Separator };
32 | 


--------------------------------------------------------------------------------
/components/ui/skeleton.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from '@/lib/utils';
 2 | 
 3 | function Skeleton({
 4 |   className,
 5 |   ...props
 6 | }: React.HTMLAttributes<HTMLDivElement>) {
 7 |   return (
 8 |     <div
 9 |       className={cn('animate-pulse rounded-md bg-muted', className)}
10 |       {...props}
11 |     />
12 |   );
13 | }
14 | 
15 | export { Skeleton };
16 | 


--------------------------------------------------------------------------------
/components/ui/slider.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as SliderPrimitive from '@radix-ui/react-slider';
 5 | 
 6 | import { cn } from '@/lib/utils';
 7 | 
 8 | const Slider = React.forwardRef<
 9 |   React.ElementRef<typeof SliderPrimitive.Root>,
10 |   React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
11 | >(({ className, ...props }, ref) => (
12 |   <SliderPrimitive.Root
13 |     ref={ref}
14 |     className={cn(
15 |       'relative flex w-full touch-none select-none items-center',
16 |       className
17 |     )}
18 |     {...props}
19 |   >
20 |     <SliderPrimitive.Track className="relative h-2 w-full grow overflow-hidden rounded-full bg-secondary">
21 |       <SliderPrimitive.Range className="absolute h-full bg-primary" />
22 |     </SliderPrimitive.Track>
23 |     <SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
24 |   </SliderPrimitive.Root>
25 | ));
26 | Slider.displayName = SliderPrimitive.Root.displayName;
27 | 
28 | export { Slider };
29 | 


--------------------------------------------------------------------------------
/components/ui/sonner.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useTheme } from 'next-themes';
 4 | import { Toaster as Sonner } from 'sonner';
 5 | 
 6 | type ToasterProps = React.ComponentProps<typeof Sonner>;
 7 | 
 8 | const Toaster = ({ ...props }: ToasterProps) => {
 9 |   const { theme = 'system' } = useTheme();
10 | 
11 |   return (
12 |     <Sonner
13 |       theme={theme as ToasterProps['theme']}
14 |       className="toaster group"
15 |       toastOptions={{
16 |         classNames: {
17 |           toast:
18 |             'group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg',
19 |           description: 'group-[.toast]:text-muted-foreground',
20 |           actionButton:
21 |             'group-[.toast]:bg-primary group-[.toast]:text-primary-foreground',
22 |           cancelButton:
23 |             'group-[.toast]:bg-muted group-[.toast]:text-muted-foreground',
24 |         },
25 |       }}
26 |       {...props}
27 |     />
28 |   );
29 | };
30 | 
31 | export { Toaster };
32 | 


--------------------------------------------------------------------------------
/components/ui/switch.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as SwitchPrimitives from '@radix-ui/react-switch';
 5 | 
 6 | import { cn } from '@/lib/utils';
 7 | 
 8 | const Switch = React.forwardRef<
 9 |   React.ElementRef<typeof SwitchPrimitives.Root>,
10 |   React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
11 | >(({ className, ...props }, ref) => (
12 |   <SwitchPrimitives.Root
13 |     className={cn(
14 |       'peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
15 |       className
16 |     )}
17 |     {...props}
18 |     ref={ref}
19 |   >
20 |     <SwitchPrimitives.Thumb
21 |       className={cn(
22 |         'pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0'
23 |       )}
24 |     />
25 |   </SwitchPrimitives.Root>
26 | ));
27 | Switch.displayName = SwitchPrimitives.Root.displayName;
28 | 
29 | export { Switch };
30 | 


--------------------------------------------------------------------------------
/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from 'react';
 2 | 
 3 | import { cn } from '@/lib/utils';
 4 | 
 5 | export interface TextareaProps
 6 |   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 7 | 
 8 | const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
 9 |   ({ className, ...props }, ref) => {
10 |     return (
11 |       <textarea
12 |         className={cn(
13 |           'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
14 |           className
15 |         )}
16 |         ref={ref}
17 |         {...props}
18 |       />
19 |     );
20 |   }
21 | );
22 | Textarea.displayName = 'Textarea';
23 | 
24 | export { Textarea };
25 | 


--------------------------------------------------------------------------------
/components/ui/toast.tsx:
--------------------------------------------------------------------------------
  1 | 'use client';
  2 | 
  3 | import * as React from 'react';
  4 | import * as ToastPrimitives from '@radix-ui/react-toast';
  5 | import { cva, type VariantProps } from 'class-variance-authority';
  6 | import { X } from 'lucide-react';
  7 | 
  8 | import { cn } from '@/lib/utils';
  9 | 
 10 | const ToastProvider = ToastPrimitives.Provider;
 11 | 
 12 | const ToastViewport = React.forwardRef<
 13 |   React.ElementRef<typeof ToastPrimitives.Viewport>,
 14 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
 15 | >(({ className, ...props }, ref) => (
 16 |   <ToastPrimitives.Viewport
 17 |     ref={ref}
 18 |     className={cn(
 19 |       'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',
 20 |       className
 21 |     )}
 22 |     {...props}
 23 |   />
 24 | ));
 25 | ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
 26 | 
 27 | const toastVariants = cva(
 28 |   'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',
 29 |   {
 30 |     variants: {
 31 |       variant: {
 32 |         default: 'border bg-background text-foreground',
 33 |         destructive:
 34 |           'destructive group border-destructive bg-destructive text-destructive-foreground',
 35 |       },
 36 |     },
 37 |     defaultVariants: {
 38 |       variant: 'default',
 39 |     },
 40 |   }
 41 | );
 42 | 
 43 | const Toast = React.forwardRef<
 44 |   React.ElementRef<typeof ToastPrimitives.Root>,
 45 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
 46 |     VariantProps<typeof toastVariants>
 47 | >(({ className, variant, ...props }, ref) => {
 48 |   return (
 49 |     <ToastPrimitives.Root
 50 |       ref={ref}
 51 |       className={cn(toastVariants({ variant }), className)}
 52 |       {...props}
 53 |     />
 54 |   );
 55 | });
 56 | Toast.displayName = ToastPrimitives.Root.displayName;
 57 | 
 58 | const ToastAction = React.forwardRef<
 59 |   React.ElementRef<typeof ToastPrimitives.Action>,
 60 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
 61 | >(({ className, ...props }, ref) => (
 62 |   <ToastPrimitives.Action
 63 |     ref={ref}
 64 |     className={cn(
 65 |       'inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive',
 66 |       className
 67 |     )}
 68 |     {...props}
 69 |   />
 70 | ));
 71 | ToastAction.displayName = ToastPrimitives.Action.displayName;
 72 | 
 73 | const ToastClose = React.forwardRef<
 74 |   React.ElementRef<typeof ToastPrimitives.Close>,
 75 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
 76 | >(({ className, ...props }, ref) => (
 77 |   <ToastPrimitives.Close
 78 |     ref={ref}
 79 |     className={cn(
 80 |       'absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',
 81 |       className
 82 |     )}
 83 |     toast-close=""
 84 |     {...props}
 85 |   >
 86 |     <X className="h-4 w-4" />
 87 |   </ToastPrimitives.Close>
 88 | ));
 89 | ToastClose.displayName = ToastPrimitives.Close.displayName;
 90 | 
 91 | const ToastTitle = React.forwardRef<
 92 |   React.ElementRef<typeof ToastPrimitives.Title>,
 93 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
 94 | >(({ className, ...props }, ref) => (
 95 |   <ToastPrimitives.Title
 96 |     ref={ref}
 97 |     className={cn('text-sm font-semibold', className)}
 98 |     {...props}
 99 |   />
100 | ));
101 | ToastTitle.displayName = ToastPrimitives.Title.displayName;
102 | 
103 | const ToastDescription = React.forwardRef<
104 |   React.ElementRef<typeof ToastPrimitives.Description>,
105 |   React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
106 | >(({ className, ...props }, ref) => (
107 |   <ToastPrimitives.Description
108 |     ref={ref}
109 |     className={cn('text-sm opacity-90', className)}
110 |     {...props}
111 |   />
112 | ));
113 | ToastDescription.displayName = ToastPrimitives.Description.displayName;
114 | 
115 | type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
116 | 
117 | type ToastActionElement = React.ReactElement<typeof ToastAction>;
118 | 
119 | export {
120 |   type ToastProps,
121 |   type ToastActionElement,
122 |   ToastProvider,
123 |   ToastViewport,
124 |   Toast,
125 |   ToastTitle,
126 |   ToastDescription,
127 |   ToastClose,
128 |   ToastAction,
129 | };
130 | 


--------------------------------------------------------------------------------
/components/ui/toaster.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useToast } from '@/hooks/use-toast';
 4 | import {
 5 |   Toast,
 6 |   ToastClose,
 7 |   ToastDescription,
 8 |   ToastProvider,
 9 |   ToastTitle,
10 |   ToastViewport,
11 | } from '@/components/ui/toast';
12 | 
13 | export function Toaster() {
14 |   const { toasts } = useToast();
15 | 
16 |   return (
17 |     <ToastProvider>
18 |       {toasts.map(function ({ id, title, description, action, ...props }) {
19 |         return (
20 |           <Toast key={id} {...props}>
21 |             <div className="grid gap-1">
22 |               {title && <ToastTitle>{title}</ToastTitle>}
23 |               {description && (
24 |                 <ToastDescription>{description}</ToastDescription>
25 |               )}
26 |             </div>
27 |             {action}
28 |             <ToastClose />
29 |           </Toast>
30 |         );
31 |       })}
32 |       <ToastViewport />
33 |     </ToastProvider>
34 |   );
35 | }
36 | 


--------------------------------------------------------------------------------
/components/ui/toggle-group.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 5 | import { type VariantProps } from 'class-variance-authority';
 6 | 
 7 | import { cn } from '@/lib/utils';
 8 | import { toggleVariants } from '@/components/ui/toggle';
 9 | 
10 | const ToggleGroupContext = React.createContext<
11 |   VariantProps<typeof toggleVariants>
12 | >({
13 |   size: 'default',
14 |   variant: 'default',
15 | });
16 | 
17 | const ToggleGroup = React.forwardRef<
18 |   React.ElementRef<typeof ToggleGroupPrimitive.Root>,
19 |   React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> &
20 |     VariantProps<typeof toggleVariants>
21 | >(({ className, variant, size, children, ...props }, ref) => (
22 |   <ToggleGroupPrimitive.Root
23 |     ref={ref}
24 |     className={cn('flex items-center justify-center gap-1', className)}
25 |     {...props}
26 |   >
27 |     <ToggleGroupContext.Provider value={{ variant, size }}>
28 |       {children}
29 |     </ToggleGroupContext.Provider>
30 |   </ToggleGroupPrimitive.Root>
31 | ));
32 | 
33 | ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
34 | 
35 | const ToggleGroupItem = React.forwardRef<
36 |   React.ElementRef<typeof ToggleGroupPrimitive.Item>,
37 |   React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> &
38 |     VariantProps<typeof toggleVariants>
39 | >(({ className, children, variant, size, ...props }, ref) => {
40 |   const context = React.useContext(ToggleGroupContext);
41 | 
42 |   return (
43 |     <ToggleGroupPrimitive.Item
44 |       ref={ref}
45 |       className={cn(
46 |         toggleVariants({
47 |           variant: context.variant || variant,
48 |           size: context.size || size,
49 |         }),
50 |         className
51 |       )}
52 |       {...props}
53 |     >
54 |       {children}
55 |     </ToggleGroupPrimitive.Item>
56 |   );
57 | });
58 | 
59 | ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
60 | 
61 | export { ToggleGroup, ToggleGroupItem };
62 | 


--------------------------------------------------------------------------------
/components/ui/toggle.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as TogglePrimitive from '@radix-ui/react-toggle';
 5 | import { cva, type VariantProps } from 'class-variance-authority';
 6 | 
 7 | import { cn } from '@/lib/utils';
 8 | 
 9 | const toggleVariants = cva(
10 |   'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
11 |   {
12 |     variants: {
13 |       variant: {
14 |         default: 'bg-transparent',
15 |         outline:
16 |           'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',
17 |       },
18 |       size: {
19 |         default: 'h-10 px-3',
20 |         sm: 'h-9 px-2.5',
21 |         lg: 'h-11 px-5',
22 |       },
23 |     },
24 |     defaultVariants: {
25 |       variant: 'default',
26 |       size: 'default',
27 |     },
28 |   }
29 | );
30 | 
31 | const Toggle = React.forwardRef<
32 |   React.ElementRef<typeof TogglePrimitive.Root>,
33 |   React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &
34 |     VariantProps<typeof toggleVariants>
35 | >(({ className, variant, size, ...props }, ref) => (
36 |   <TogglePrimitive.Root
37 |     ref={ref}
38 |     className={cn(toggleVariants({ variant, size, className }))}
39 |     {...props}
40 |   />
41 | ));
42 | 
43 | Toggle.displayName = TogglePrimitive.Root.displayName;
44 | 
45 | export { Toggle, toggleVariants };
46 | 


--------------------------------------------------------------------------------
/components/ui/tooltip.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import * as React from 'react';
 4 | import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 5 | 
 6 | import { cn } from '@/lib/utils';
 7 | 
 8 | const TooltipProvider = TooltipPrimitive.Provider;
 9 | 
10 | const Tooltip = TooltipPrimitive.Root;
11 | 
12 | const TooltipTrigger = TooltipPrimitive.Trigger;
13 | 
14 | const TooltipContent = React.forwardRef<
15 |   React.ElementRef<typeof TooltipPrimitive.Content>,
16 |   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
17 | >(({ className, sideOffset = 4, ...props }, ref) => (
18 |   <TooltipPrimitive.Content
19 |     ref={ref}
20 |     sideOffset={sideOffset}
21 |     className={cn(
22 |       'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
23 |       className
24 |     )}
25 |     {...props}
26 |   />
27 | ));
28 | TooltipContent.displayName = TooltipPrimitive.Content.displayName;
29 | 
30 | export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
31 | 


--------------------------------------------------------------------------------
/flows/NewsLetter MultiAgent.json:
--------------------------------------------------------------------------------
1 | {"id":"404dae1f-d8eb-477b-b6fc-fefbfd37d7ef","data":{"nodes":[{"id":"News API Request-Y1ShE","type":"genericNode","position":{"x":403.76109665247327,"y":614.936112084666},"data":{"node":{"template":{"_type":"Component","query_params":{"tool_mode":true,"trace_as_metadata":true,"list":false,"trace_as_input":true,"required":false,"placeholder":"","show":true,"name":"query_params","value":"","display_name":"Query Parameters","advanced":false,"input_types":["Data"],"dynamic":false,"info":"The query parameters to append to the URL.","title_case":false,"type":"other","_input_type":"DataInput"},"body":{"trace_as_input":true,"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"body","value":{},"display_name":"Body","advanced":false,"input_types":["Data"],"dynamic":false,"info":"The body to send with the request as a dictionary (for POST, PATCH, PUT). This is populated when using the CURL field.","title_case":false,"type":"NestedDict","_input_type":"NestedDictInput"},"code":{"type":"code","required":true,"placeholder":"","list":false,"show":true,"multiline":true,"value":"import asyncio\nimport json\nfrom typing import Any\nfrom urllib.parse import parse_qsl, urlencode, urlparse, urlunparse\n\nimport httpx\nfrom loguru import logger\n\nfrom langflow.base.curl.parse import parse_context\nfrom langflow.custom import Component\nfrom langflow.io import DataInput, DropdownInput, IntInput, MessageTextInput, NestedDictInput, Output\nfrom langflow.schema import Data\nfrom langflow.schema.dotdict import dotdict\n\n\nclass APIRequestComponent(Component):\n    display_name = \"News API Request\"\n    description = (\n        \"This component allows you to make HTTP requests to one or more URLs. \"\n        \"You can provide headers and body as either dictionaries or Data objects. \"\n        \"Additionally, you can append query parameters to the URLs.\\n\\n\"\n        \"**Note:** Check advanced options for more settings.\"\n    )\n    icon = \"Globe\"\n    name = \"News API Request\"\n\n    inputs = [\n        MessageTextInput(\n            name=\"urls\",\n            display_name=\"URLs\",\n            is_list=True,\n            info=\"Enter one or more URLs, separated by commas.\",\n        ),\n        MessageTextInput(\n            name=\"curl\",\n            display_name=\"cURL\",\n            info=\"Paste a curl command to populate the fields. \"\n            \"This will fill in the dictionary fields for headers and body.\",\n            advanced=False,\n            refresh_button=True,\n            real_time_refresh=True,\n            tool_mode=True,\n        ),\n        DropdownInput(\n            name=\"method\",\n            display_name=\"Method\",\n            options=[\"GET\", \"POST\", \"PATCH\", \"PUT\"],\n            value=\"GET\",\n            info=\"The HTTP method to use (GET, POST, PATCH, PUT).\",\n        ),\n        NestedDictInput(\n            name=\"headers\",\n            display_name=\"Headers\",\n            info=\"The headers to send with the request as a dictionary. This is populated when using the CURL field.\",\n            input_types=[\"Data\"],\n        ),\n        NestedDictInput(\n            name=\"body\",\n            display_name=\"Body\",\n            info=\"The body to send with the request as a dictionary (for POST, PATCH, PUT). \"\n            \"This is populated when using the CURL field.\",\n            input_types=[\"Data\"],\n        ),\n        DataInput(\n            name=\"query_params\",\n            display_name=\"Query Parameters\",\n            info=\"The query parameters to append to the URL.\",\n            tool_mode=True,\n        ),\n        IntInput(\n            name=\"timeout\",\n            display_name=\"Timeout\",\n            value=5,\n            info=\"The timeout to use for the request.\",\n        ),\n    ]\n\n    outputs = [\n        Output(display_name=\"Data\", name=\"data\", method=\"make_requests\"),\n    ]\n\n    def parse_curl(self, curl: str, build_config: dotdict) -> dotdict:\n        try:\n            parsed = parse_context(curl)\n            build_config[\"urls\"][\"value\"] = [parsed.url]\n            build_config[\"method\"][\"value\"] = parsed.method.upper()\n            build_config[\"headers\"][\"value\"] = dict(parsed.headers)\n\n            if parsed.data:\n                try:\n                    json_data = json.loads(parsed.data)\n                    build_config[\"body\"][\"value\"] = json_data\n                except json.JSONDecodeError:\n                    logger.exception(\"Error decoding JSON data\")\n            else:\n                build_config[\"body\"][\"value\"] = {}\n        except Exception as exc:\n            msg = f\"Error parsing curl: {exc}\"\n            logger.exception(msg)\n            raise ValueError(msg) from exc\n        return build_config\n\n    def update_build_config(self, build_config: dotdict, field_value: Any, field_name: str | None = None):\n        if field_name == \"curl\" and field_value:\n            build_config = self.parse_curl(field_value, build_config)\n        return build_config\n\n    async def make_request(\n        self,\n        client: httpx.AsyncClient,\n        method: str,\n        url: str,\n        headers: dict | None = None,\n        body: dict | None = None,\n        timeout: int = 5,\n    ) -> Data:\n        method = method.upper()\n        if method not in {\"GET\", \"POST\", \"PATCH\", \"PUT\", \"DELETE\"}:\n            msg = f\"Unsupported method: {method}\"\n            raise ValueError(msg)\n\n        if isinstance(body, str) and body:\n            try:\n                body = json.loads(body)\n            except Exception as e:\n                msg = f\"Error decoding JSON data: {e}\"\n                logger.exception(msg)\n                body = None\n                raise ValueError(msg) from e\n\n        data = body or None\n\n        try:\n            response = await client.request(method, url, headers=headers, json=data, timeout=timeout)\n            try:\n                result = response.json()\n            except Exception:  # noqa: BLE001\n                logger.opt(exception=True).debug(\"Error decoding JSON response\")\n                result = response.text\n            return Data(\n                data={\n                    \"source\": url,\n                    \"headers\": headers,\n                    \"status_code\": response.status_code,\n                    \"result\": result,\n                },\n            )\n        except httpx.TimeoutException:\n            return Data(\n                data={\n                    \"source\": url,\n                    \"headers\": headers,\n                    \"status_code\": 408,\n                    \"error\": \"Request timed out\",\n                },\n            )\n        except Exception as exc:  # noqa: BLE001\n            logger.opt(exception=True).debug(f\"Error making request to {url}\")\n            return Data(\n                data={\n                    \"source\": url,\n                    \"headers\": headers,\n                    \"status_code\": 500,\n                    \"error\": str(exc),\n                },\n            )\n\n    def add_query_params(self, url: str, params: dict) -> str:\n        url_parts = list(urlparse(url))\n        query = dict(parse_qsl(url_parts[4]))\n        query.update(params)\n        url_parts[4] = urlencode(query)\n        return urlunparse(url_parts)\n\n    async def make_requests(self) -> list[Data]:\n        method = self.method\n        urls = [url.strip() for url in self.urls if url.strip()]\n        curl = self.curl\n        headers = self.headers or {}\n        body = self.body or {}\n        timeout = self.timeout\n\n        if isinstance(self.query_params, str):\n            query_params = dict(parse_qsl(self.query_params))\n        else:\n            query_params = self.query_params.data if self.query_params else {}\n\n        if curl:\n            self._build_config = self.parse_curl(curl, dotdict())\n\n        if isinstance(headers, Data):\n            headers = headers.data\n\n        if isinstance(body, Data):\n            body = body.data\n\n        bodies = [body] * len(urls)\n\n        urls = [self.add_query_params(url, query_params) for url in urls]\n\n        async with httpx.AsyncClient() as client:\n            results = await asyncio.gather(\n                *[\n                    self.make_request(client, method, u, headers, rec, timeout)\n                    for u, rec in zip(urls, bodies, strict=True)\n                ]\n            )\n        self.status = results\n        return results\n","fileTypes":[],"file_path":"","password":false,"name":"code","advanced":true,"dynamic":true,"info":"","load_from_db":false,"title_case":false},"curl":{"tool_mode":true,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"curl","value":"","display_name":"cURL","advanced":false,"input_types":["Message"],"dynamic":false,"info":"Paste a curl command to populate the fields. This will fill in the dictionary fields for headers and body.","real_time_refresh":true,"refresh_button":true,"title_case":false,"type":"str","_input_type":"MessageTextInput"},"headers":{"trace_as_input":true,"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"headers","value":{"Authorization":"Bearer"},"display_name":"Headers","advanced":false,"input_types":["Data"],"dynamic":false,"info":"The headers to send with the request as a dictionary. This is populated when using the CURL field.","title_case":false,"type":"NestedDict","_input_type":"NestedDictInput"},"method":{"tool_mode":false,"trace_as_metadata":true,"options":["GET","POST","PATCH","PUT"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"method","value":"GET","display_name":"Method","advanced":false,"dynamic":false,"info":"The HTTP method to use (GET, POST, PATCH, PUT).","title_case":false,"type":"str","_input_type":"DropdownInput"},"timeout":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"timeout","value":5,"display_name":"Timeout","advanced":false,"dynamic":false,"info":"The timeout to use for the request.","title_case":false,"type":"int","_input_type":"IntInput"},"urls":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":true,"required":false,"placeholder":"","show":true,"name":"urls","value":["https://newsapi.org/v2/everything"],"display_name":"URLs","advanced":false,"input_types":["Message"],"dynamic":false,"info":"Enter one or more URLs, separated by commas.","title_case":false,"type":"str","_input_type":"MessageTextInput"}},"description":"This component allows you to make HTTP requests to one or more URLs. You can provide headers and body as either dictionaries or Data objects. Additionally, you can append query parameters to the URLs.\n\n**Note:** Check advanced options for more settings.","icon":"Globe","base_classes":["Data"],"display_name":"News API ","documentation":"","custom_fields":{},"output_types":[],"pinned":false,"conditional_paths":[],"frozen":false,"outputs":[{"types":["Tool"],"selected":"Tool","name":"component_as_tool","hidden":null,"display_name":"Toolset","method":"to_toolkit","value":"__UNDEFINED__","cache":true,"required_inputs":null}],"field_order":["urls","curl","method","headers","body","query_params","timeout"],"beta":false,"legacy":false,"edited":true,"metadata":{},"lf_version":"1.1.0"},"type":"News API Request","id":"News API Request-Y1ShE"},"selected":false,"width":320,"height":860,"positionAbsolute":{"x":403.76109665247327,"y":614.936112084666},"dragging":false},{"id":"ComposioAPI-xrwhc","type":"genericNode","position":{"x":200.8647853537292,"y":2116.5767795304528},"data":{"node":{"template":{"_type":"Component","action_names":{"trace_as_metadata":true,"options":["GMAIL_ADD_LABEL_TO_EMAIL","GMAIL_CREATE_EMAIL_DRAFT","GMAIL_CREATE_LABEL","GMAIL_FETCH_EMAILS","GMAIL_FETCH_MESSAGE_BY_THREAD_ID","GMAIL_GET_ATTACHMENT","GMAIL_LIST_LABELS","GMAIL_LIST_THREADS","GMAIL_REPLY_TO_THREAD","GMAIL_SEND_EMAIL"],"combobox":false,"list":true,"required":false,"placeholder":"","show":true,"name":"action_names","value":["GMAIL_SEND_EMAIL"],"display_name":"Actions to use","advanced":false,"dynamic":false,"info":"The actions to pass to agent to execute","title_case":false,"type":"str","_input_type":"MultiselectInput"},"api_key":{"load_from_db":true,"required":true,"placeholder":"","show":true,"name":"api_key","value":"","display_name":"Composio API Key","advanced":false,"input_types":["Message"],"dynamic":false,"info":"Refer to https://docs.composio.dev/introduction/foundations/howtos/get_api_key","refresh_button":true,"title_case":false,"password":true,"type":"str","_input_type":"SecretStrInput"},"app_names":{"tool_mode":false,"trace_as_metadata":true,"options":["GMAIL_CONNECTED","GOOGLECALENDAR_CONNECTED","YOUTUBE_CONNECTED","APALEO","APIFY","ASANA","ATTIO","BITBUCKET","BREVO","BROWSERBASE_TOOL","BROWSER_TOOL","CLICKUP","CODEINTERPRETER","CODE_FORMAT_TOOL","CODE_GREP_TOOL","CODE_INDEX_TOOL","CODE_MAP_TOOL","COMPOSIO","DISCORD","DROPBOX","ELEVENLABS","EMBED_TOOL","EXA","FIGMA","FILETOOL","FIRECRAWL","GIT","GITHUB","GITLAB","GOOGLEDOCS","GOOGLEDRIVE","GOOGLEMEET","GOOGLESHEETS","GOOGLETASKS","GREPTILE","HACKERNEWS","HEROKU","HISTORY_FETCHER","HUBSPOT","IMAGE_ANALYSER","INDUCED_AI","JIRA","KLAVIYO","LINEAR","LISTENNOTES","MATHEMATICAL","MULTIONAI","NASA","NOTION","OKTA","PAGERDUTY","PERPLEXITYAI","PIPEDRIVE","POSTHOG","RAGTOOL","SCHEDULER","SERPAPI","SHELLTOOL","SLACK","SLACKBOT","SNOWFLAKE","SOUNDCLOUD","SPIDERTOOL","SPLITWISE","SPOTIFY","SQLTOOL","STRAVA","TASKADE","TAVILY","TRELLO","TWILIO","TWITTER","TYPEFORM","WEATHERMAP","WEBTOOL","WHATSAPP","WORKABLE","WORKSPACE_TOOL","YOUSEARCH","ZENDESK","ZEPTOOL","ZOOM"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"app_names","value":"GMAIL_CONNECTED","display_name":"App Name","advanced":false,"dynamic":false,"info":"The app name to use. Please refresh after selecting app name","refresh_button":true,"title_case":false,"type":"str","_input_type":"DropdownInput"},"auth_status_config":{"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"auth_status_config","value":"GMAIL CONNECTED","display_name":"Auth status","advanced":false,"dynamic":false,"info":"Open link or enter api key. Then refresh button","refresh_button":true,"title_case":false,"type":"str","_input_type":"StrInput"},"code":{"type":"code","required":true,"placeholder":"","list":false,"show":true,"multiline":true,"value":"from collections.abc import Sequence\nfrom typing import Any\n\nfrom composio_langchain import Action, App, ComposioToolSet\nfrom langchain_core.tools import Tool\nfrom loguru import logger\nfrom typing_extensions import override\n\nfrom langflow.base.langchain_utilities.model import LCToolComponent\nfrom langflow.inputs import DropdownInput, MessageTextInput, MultiselectInput, SecretStrInput, StrInput\n\n\nclass ComposioAPIComponent(LCToolComponent):\n    display_name: str = \"Composio Tools\"\n    description: str = \"Use Composio toolset to run actions with your agent\"\n    name = \"ComposioAPI\"\n    icon = \"Composio\"\n    documentation: str = \"https://docs.composio.dev\"\n\n    inputs = [\n        MessageTextInput(name=\"entity_id\", display_name=\"Entity ID\", value=\"default\", advanced=True),\n        SecretStrInput(\n            name=\"api_key\",\n            display_name=\"Composio API Key\",\n            required=True,\n            refresh_button=True,\n            info=\"Refer to https://docs.composio.dev/introduction/foundations/howtos/get_api_key\",\n        ),\n        DropdownInput(\n            name=\"app_names\",\n            display_name=\"App Name\",\n            options=list(App.__annotations__),\n            value=\"\",\n            info=\"The app name to use. Please refresh after selecting app name\",\n            refresh_button=True,\n        ),\n        MultiselectInput(\n            name=\"action_names\",\n            display_name=\"Actions to use\",\n            required=False,\n            options=[],\n            value=[],\n            info=\"The actions to pass to agent to execute\",\n        ),\n        StrInput(\n            name=\"auth_status_config\",\n            display_name=\"Auth status\",\n            value=\"\",\n            refresh_button=True,\n            info=\"Open link or enter api key. Then refresh button\",\n        ),\n    ]\n\n    def _check_for_authorization(self, app: str) -> str:\n        \"\"\"Checks if the app is authorized.\n\n        Args:\n            app (str): The app name to check authorization for.\n\n        Returns:\n            str: The authorization status.\n        \"\"\"\n        toolset = self._build_wrapper()\n        entity = toolset.client.get_entity(id=self.entity_id)\n        try:\n            entity.get_connection(app=app)\n        except Exception:  # noqa: BLE001\n            logger.opt(exception=True).debug(\"Authorization error\")\n            return self._handle_authorization_failure(toolset, entity, app)\n\n        return f\"{app} CONNECTED\"\n\n    def _handle_authorization_failure(self, toolset: ComposioToolSet, entity: Any, app: str) -> str:\n        \"\"\"Handles the authorization failure by attempting to process API key auth or initiate default connection.\n\n        Args:\n            toolset (ComposioToolSet): The toolset instance.\n            entity (Any): The entity instance.\n            app (str): The app name.\n\n        Returns:\n            str: The result of the authorization failure message.\n        \"\"\"\n        try:\n            auth_schemes = toolset.client.apps.get(app).auth_schemes\n            if auth_schemes[0].auth_mode == \"API_KEY\":\n                return self._process_api_key_auth(entity, app)\n            return self._initiate_default_connection(entity, app)\n        except Exception:  # noqa: BLE001\n            logger.exception(\"Authorization error\")\n            return \"Error\"\n\n    def _process_api_key_auth(self, entity: Any, app: str) -> str:\n        \"\"\"Processes the API key authentication.\n\n        Args:\n            entity (Any): The entity instance.\n            app (str): The app name.\n\n        Returns:\n            str: The status of the API key authentication.\n        \"\"\"\n        auth_status_config = self.auth_status_config\n        is_url = \"http\" in auth_status_config or \"https\" in auth_status_config\n        is_different_app = \"CONNECTED\" in auth_status_config and app not in auth_status_config\n        is_default_api_key_message = \"API Key\" in auth_status_config\n\n        if is_different_app or is_url or is_default_api_key_message:\n            return \"Enter API Key\"\n        if not is_default_api_key_message:\n            entity.initiate_connection(\n                app_name=app,\n                auth_mode=\"API_KEY\",\n                auth_config={\"api_key\": self.auth_status_config},\n                use_composio_auth=False,\n                force_new_integration=True,\n            )\n            return f\"{app} CONNECTED\"\n        return \"Enter API Key\"\n\n    def _initiate_default_connection(self, entity: Any, app: str) -> str:\n        connection = entity.initiate_connection(app_name=app, use_composio_auth=True, force_new_integration=True)\n        return connection.redirectUrl\n\n    def _get_connected_app_names_for_entity(self) -> list[str]:\n        toolset = self._build_wrapper()\n        connections = toolset.client.get_entity(id=self.entity_id).get_connections()\n        return list({connection.appUniqueId for connection in connections})\n\n    def _update_app_names_with_connected_status(self, build_config: dict) -> dict:\n        connected_app_names = self._get_connected_app_names_for_entity()\n\n        app_names = [\n            f\"{app_name}_CONNECTED\" for app_name in App.__annotations__ if app_name.lower() in connected_app_names\n        ]\n        non_connected_app_names = [\n            app_name for app_name in App.__annotations__ if app_name.lower() not in connected_app_names\n        ]\n        build_config[\"app_names\"][\"options\"] = app_names + non_connected_app_names\n        build_config[\"app_names\"][\"value\"] = app_names[0] if app_names else \"\"\n        return build_config\n\n    def _get_normalized_app_name(self) -> str:\n        return self.app_names.replace(\"_CONNECTED\", \"\").replace(\"_connected\", \"\")\n\n    @override\n    def update_build_config(self, build_config: dict, field_value: Any, field_name: str | None = None) -> dict:\n        if field_name == \"api_key\":\n            if hasattr(self, \"api_key\") and self.api_key != \"\":\n                build_config = self._update_app_names_with_connected_status(build_config)\n            return build_config\n\n        if field_name in {\"app_names\", \"auth_status_config\"}:\n            if hasattr(self, \"api_key\") and self.api_key != \"\":\n                build_config[\"auth_status_config\"][\"value\"] = self._check_for_authorization(\n                    self._get_normalized_app_name()\n                )\n            all_action_names = list(Action.__annotations__)\n            app_action_names = [\n                action_name\n                for action_name in all_action_names\n                if action_name.lower().startswith(self._get_normalized_app_name().lower() + \"_\")\n            ]\n            build_config[\"action_names\"][\"options\"] = app_action_names\n            build_config[\"action_names\"][\"value\"] = [app_action_names[0]] if app_action_names else [\"\"]\n        return build_config\n\n    def build_tool(self) -> Sequence[Tool]:\n        composio_toolset = self._build_wrapper()\n        return composio_toolset.get_tools(actions=self.action_names)\n\n    def _build_wrapper(self) -> ComposioToolSet:\n        return ComposioToolSet(api_key=self.api_key)\n","fileTypes":[],"file_path":"","password":false,"name":"code","advanced":true,"dynamic":true,"info":"","load_from_db":false,"title_case":false},"entity_id":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"entity_id","value":"default","display_name":"Entity ID","advanced":true,"input_types":["Message"],"dynamic":false,"info":"","title_case":false,"type":"str","_input_type":"MessageTextInput"}},"description":"Use Composio toolset to run actions with your agent","icon":"Composio","base_classes":["Data","Tool"],"display_name":"Composio Tools","documentation":"https://docs.composio.dev","custom_fields":{},"output_types":[],"pinned":false,"conditional_paths":[],"frozen":false,"outputs":[{"types":["Data"],"selected":"Data","name":"api_run_model","hidden":null,"display_name":"Data","method":"run_model","value":"__UNDEFINED__","cache":true,"required_inputs":[]},{"types":["Tool"],"selected":"Tool","name":"api_build_tool","hidden":null,"display_name":"Tool","method":"build_tool","value":"__UNDEFINED__","cache":true,"required_inputs":["api_key"]}],"field_order":["entity_id","api_key","app_names","action_names","auth_status_config"],"beta":false,"legacy":false,"edited":false,"metadata":{},"tool_mode":false,"category":"toolkits","key":"ComposioAPI","lf_version":"1.1.0"},"type":"ComposioAPI","id":"ComposioAPI-xrwhc"},"selected":false,"width":320,"height":561,"positionAbsolute":{"x":200.8647853537292,"y":2116.5767795304528},"dragging":false},{"id":"ChatInput-6fofq","type":"genericNode","position":{"x":27.33437373450431,"y":1321.5314549677698},"data":{"node":{"template":{"_type":"Component","files":{"trace_as_metadata":true,"file_path":"","fileTypes":["txt","md","mdx","csv","json","yaml","yml","xml","html","htm","pdf","docx","py","sh","sql","js","ts","tsx","jpg","jpeg","png","bmp","image"],"list":true,"required":false,"placeholder":"","show":true,"name":"files","value":"","display_name":"Files","advanced":true,"dynamic":false,"info":"Files to be sent with the message.","title_case":false,"type":"file","_input_type":"FileInput"},"background_color":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"background_color","value":"","display_name":"Background Color","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The background color of the icon.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"chat_icon":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"chat_icon","value":"","display_name":"Icon","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The icon of the message.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"code":{"type":"code","required":true,"placeholder":"","list":false,"show":true,"multiline":true,"value":"from langflow.base.data.utils import IMG_FILE_TYPES, TEXT_FILE_TYPES\nfrom langflow.base.io.chat import ChatComponent\nfrom langflow.inputs import BoolInput\nfrom langflow.io import DropdownInput, FileInput, MessageTextInput, MultilineInput, Output\nfrom langflow.schema.message import Message\nfrom langflow.utils.constants import MESSAGE_SENDER_AI, MESSAGE_SENDER_NAME_USER, MESSAGE_SENDER_USER\n\n\nclass ChatInput(ChatComponent):\n    display_name = \"Chat Input\"\n    description = \"Get chat inputs from the Playground.\"\n    icon = \"MessagesSquare\"\n    name = \"ChatInput\"\n\n    inputs = [\n        MultilineInput(\n            name=\"input_value\",\n            display_name=\"Text\",\n            value=\"\",\n            info=\"Message to be passed as input.\",\n        ),\n        BoolInput(\n            name=\"should_store_message\",\n            display_name=\"Store Messages\",\n            info=\"Store the message in the history.\",\n            value=True,\n            advanced=True,\n        ),\n        DropdownInput(\n            name=\"sender\",\n            display_name=\"Sender Type\",\n            options=[MESSAGE_SENDER_AI, MESSAGE_SENDER_USER],\n            value=MESSAGE_SENDER_USER,\n            info=\"Type of sender.\",\n            advanced=True,\n        ),\n        MessageTextInput(\n            name=\"sender_name\",\n            display_name=\"Sender Name\",\n            info=\"Name of the sender.\",\n            value=MESSAGE_SENDER_NAME_USER,\n            advanced=True,\n        ),\n        MessageTextInput(\n            name=\"session_id\",\n            display_name=\"Session ID\",\n            info=\"The session ID of the chat. If empty, the current session ID parameter will be used.\",\n            advanced=True,\n        ),\n        FileInput(\n            name=\"files\",\n            display_name=\"Files\",\n            file_types=TEXT_FILE_TYPES + IMG_FILE_TYPES,\n            info=\"Files to be sent with the message.\",\n            advanced=True,\n            is_list=True,\n        ),\n        MessageTextInput(\n            name=\"background_color\",\n            display_name=\"Background Color\",\n            info=\"The background color of the icon.\",\n            advanced=True,\n        ),\n        MessageTextInput(\n            name=\"chat_icon\",\n            display_name=\"Icon\",\n            info=\"The icon of the message.\",\n            advanced=True,\n        ),\n        MessageTextInput(\n            name=\"text_color\",\n            display_name=\"Text Color\",\n            info=\"The text color of the name\",\n            advanced=True,\n        ),\n    ]\n    outputs = [\n        Output(display_name=\"Message\", name=\"message\", method=\"message_response\"),\n    ]\n\n    def message_response(self) -> Message:\n        _background_color = self.background_color\n        _text_color = self.text_color\n        _icon = self.chat_icon\n        message = Message(\n            text=self.input_value,\n            sender=self.sender,\n            sender_name=self.sender_name,\n            session_id=self.session_id,\n            files=self.files,\n            properties={\"background_color\": _background_color, \"text_color\": _text_color, \"icon\": _icon},\n        )\n        if self.session_id and isinstance(message, Message) and self.should_store_message:\n            stored_message = self.send_message(\n                message,\n            )\n            self.message.value = stored_message\n            message = stored_message\n\n        self.status = message\n        return message\n","fileTypes":[],"file_path":"","password":false,"name":"code","advanced":true,"dynamic":true,"info":"","load_from_db":false,"title_case":false},"input_value":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"input_value","value":"Gather news on Tesla","display_name":"Text","advanced":false,"input_types":["Message"],"dynamic":false,"info":"Message to be passed as input.","title_case":false,"type":"str","_input_type":"MultilineInput"},"sender":{"tool_mode":false,"trace_as_metadata":true,"options":["Machine","User"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"sender","value":"User","display_name":"Sender Type","advanced":true,"dynamic":false,"info":"Type of sender.","title_case":false,"type":"str","_input_type":"DropdownInput"},"sender_name":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"sender_name","value":"User","display_name":"Sender Name","advanced":true,"input_types":["Message"],"dynamic":false,"info":"Name of the sender.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"session_id":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"session_id","value":"","display_name":"Session ID","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The session ID of the chat. If empty, the current session ID parameter will be used.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"should_store_message":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"should_store_message","value":true,"display_name":"Store Messages","advanced":true,"dynamic":false,"info":"Store the message in the history.","title_case":false,"type":"bool","_input_type":"BoolInput"},"text_color":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"text_color","value":"","display_name":"Text Color","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The text color of the name","title_case":false,"type":"str","_input_type":"MessageTextInput"}},"description":"Get chat inputs from the Playground.","icon":"MessagesSquare","base_classes":["Message"],"display_name":"Chat Input","documentation":"","custom_fields":{},"output_types":[],"pinned":false,"conditional_paths":[],"frozen":false,"outputs":[{"types":["Message"],"selected":"Message","name":"message","display_name":"Message","method":"message_response","value":"__UNDEFINED__","cache":true}],"field_order":["input_value","should_store_message","sender","sender_name","session_id","files","background_color","chat_icon","text_color"],"beta":false,"legacy":false,"edited":false,"metadata":{},"tool_mode":false,"lf_version":"1.1.0"},"type":"ChatInput","id":"ChatInput-6fofq"},"selected":false,"width":320,"height":233,"positionAbsolute":{"x":27.33437373450431,"y":1321.5314549677698},"dragging":false},{"id":"NewsAgent-7KSUU","type":"genericNode","position":{"x":806.8698124675443,"y":822.3671923109437},"data":{"node":{"template":{"_type":"Component","memory":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"memory","value":"","display_name":"External Memory","advanced":true,"input_types":["BaseChatMessageHistory"],"dynamic":false,"info":"Retrieve messages from an external memory. If empty, it will use the Langflow tables.","title_case":false,"type":"other","_input_type":"HandleInput"},"tools":{"trace_as_metadata":true,"list":true,"required":false,"placeholder":"","show":true,"name":"tools","value":"","display_name":"Tools","advanced":false,"input_types":["Tool","BaseTool","StructuredTool"],"dynamic":false,"info":"These are the tools that the agent can use to help with tasks.","title_case":false,"type":"other","_input_type":"HandleInput"},"add_current_date_tool":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"add_current_date_tool","value":true,"display_name":"Add tool Current Date","advanced":true,"dynamic":false,"info":"If true, will add a tool to the agent that returns the current date.","title_case":false,"type":"bool","_input_type":"BoolInput","input_types":[]},"agent_description":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"agent_description","value":"A helpful assistant with access to the following tools:","display_name":"Agent Description","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The description of the agent. This is only used when in Tool Mode. Defaults to 'A helpful assistant with access to the following tools:' and tools are added dynamically.","title_case":false,"type":"str","_input_type":"MultilineInput"},"agent_llm":{"tool_mode":false,"trace_as_metadata":true,"options":["Amazon Bedrock","Anthropic","Azure OpenAI","Groq","NVIDIA","OpenAI","Custom"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"agent_llm","value":"OpenAI","display_name":"Model Provider","advanced":false,"input_types":[],"dynamic":false,"info":"The provider of the language model that the agent will use to generate responses.","real_time_refresh":true,"title_case":false,"type":"str","_input_type":"DropdownInput"},"code":{"type":"code","required":true,"placeholder":"","list":false,"show":true,"multiline":true,"value":"from langchain_core.tools import StructuredTool\n\nfrom langflow.base.agents.agent import LCToolsAgentComponent\nfrom langflow.base.models.model_input_constants import ALL_PROVIDER_FIELDS, MODEL_PROVIDERS_DICT\nfrom langflow.base.models.model_utils import get_model_name\nfrom langflow.components.helpers import CurrentDateComponent\nfrom langflow.components.helpers.memory import MemoryComponent\nfrom langflow.components.langchain_utilities.tool_calling import ToolCallingAgentComponent\nfrom langflow.io import BoolInput, DropdownInput, MultilineInput, Output\nfrom langflow.schema.dotdict import dotdict\nfrom langflow.schema.message import Message\n\n\ndef set_advanced_true(component_input):\n    component_input.advanced = True\n    return component_input\n\n\nclass AgentComponent(ToolCallingAgentComponent):\n    display_name: str = \"NewsAgent\"\n    description: str = \"Agent that is used to search News from News API, with help of various Tools\"\n    icon = \"bot\"\n    beta = False\n    name = \"NewsAgent\"\n\n    memory_inputs = [set_advanced_true(component_input) for component_input in MemoryComponent().inputs]\n\n    inputs = [\n        DropdownInput(\n            name=\"agent_llm\",\n            display_name=\"Model Provider\",\n            info=\"The provider of the language model that the agent will use to generate responses.\",\n            options=[*sorted(MODEL_PROVIDERS_DICT.keys()), \"Custom\"],\n            value=\"OpenAI\",\n            real_time_refresh=True,\n            input_types=[],\n        ),\n        *MODEL_PROVIDERS_DICT[\"OpenAI\"][\"inputs\"],\n        MultilineInput(\n            name=\"system_prompt\",\n            display_name=\"Agent Instructions\",\n            info=\"System Prompt: Initial instructions and context provided to guide the agent's behavior.\",\n            value=\"You are a helpful assistant that can use tools to answer questions and perform tasks.\",\n            advanced=False,\n        ),\n        *LCToolsAgentComponent._base_inputs,\n        *memory_inputs,\n        BoolInput(\n            name=\"add_current_date_tool\",\n            display_name=\"Add tool Current Date\",\n            advanced=True,\n            info=\"If true, will add a tool to the agent that returns the current date.\",\n            value=True,\n        ),\n    ]\n    outputs = [Output(name=\"response\", display_name=\"Response\", method=\"message_response\")]\n\n    async def message_response(self) -> Message:\n        llm_model, display_name = self.get_llm()\n        self.model_name = get_model_name(llm_model, display_name=display_name)\n        if llm_model is None:\n            msg = \"No language model selected\"\n            raise ValueError(msg)\n        self.chat_history = self.get_memory_data()\n\n        if self.add_current_date_tool:\n            if not isinstance(self.tools, list):  # type: ignore[has-type]\n                self.tools = []\n            # Convert CurrentDateComponent to a StructuredTool\n            current_date_tool = CurrentDateComponent().to_toolkit()[0]\n            if isinstance(current_date_tool, StructuredTool):\n                self.tools.append(current_date_tool)\n            else:\n                msg = \"CurrentDateComponent must be converted to a StructuredTool\"\n                raise ValueError(msg)\n\n        if not self.tools:\n            msg = \"Tools are required to run the agent.\"\n            raise ValueError(msg)\n        self.set(\n            llm=llm_model,\n            tools=self.tools,\n            chat_history=self.chat_history,\n            input_value=self.input_value,\n            system_prompt=self.system_prompt,\n        )\n        agent = self.create_agent_runnable()\n        return await self.run_agent(agent)\n\n    def get_memory_data(self):\n        memory_kwargs = {\n            component_input.name: getattr(self, f\"{component_input.name}\") for component_input in self.memory_inputs\n        }\n\n        return MemoryComponent().set(**memory_kwargs).retrieve_messages()\n\n    def get_llm(self):\n        if isinstance(self.agent_llm, str):\n            try:\n                provider_info = MODEL_PROVIDERS_DICT.get(self.agent_llm)\n                if provider_info:\n                    component_class = provider_info.get(\"component_class\")\n                    display_name = component_class.display_name\n                    inputs = provider_info.get(\"inputs\")\n                    prefix = provider_info.get(\"prefix\", \"\")\n                    return self._build_llm_model(component_class, inputs, prefix), display_name\n            except Exception as e:\n                msg = f\"Error building {self.agent_llm} language model\"\n                raise ValueError(msg) from e\n        return self.agent_llm, None\n\n    def _build_llm_model(self, component, inputs, prefix=\"\"):\n        model_kwargs = {input_.name: getattr(self, f\"{prefix}{input_.name}\") for input_ in inputs}\n        return component.set(**model_kwargs).build_model()\n\n    def delete_fields(self, build_config: dotdict, fields: dict | list[str]) -> None:\n        \"\"\"Delete specified fields from build_config.\"\"\"\n        for field in fields:\n            build_config.pop(field, None)\n\n    def update_input_types(self, build_config: dotdict) -> dotdict:\n        \"\"\"Update input types for all fields in build_config.\"\"\"\n        for key, value in build_config.items():\n            if isinstance(value, dict):\n                if value.get(\"input_types\") is None:\n                    build_config[key][\"input_types\"] = []\n            elif hasattr(value, \"input_types\") and value.input_types is None:\n                value.input_types = []\n        return build_config\n\n    def update_build_config(self, build_config: dotdict, field_value: str, field_name: str | None = None) -> dotdict:\n        # Iterate over all providers in the MODEL_PROVIDERS_DICT\n        # Existing logic for updating build_config\n        if field_name == \"agent_llm\":\n            provider_info = MODEL_PROVIDERS_DICT.get(field_value)\n            if provider_info:\n                component_class = provider_info.get(\"component_class\")\n                if component_class and hasattr(component_class, \"update_build_config\"):\n                    # Call the component class's update_build_config method\n                    build_config = component_class.update_build_config(build_config, field_value, field_name)\n\n            provider_configs: dict[str, tuple[dict, list[dict]]] = {\n                provider: (\n                    MODEL_PROVIDERS_DICT[provider][\"fields\"],\n                    [\n                        MODEL_PROVIDERS_DICT[other_provider][\"fields\"]\n                        for other_provider in MODEL_PROVIDERS_DICT\n                        if other_provider != provider\n                    ],\n                )\n                for provider in MODEL_PROVIDERS_DICT\n            }\n            if field_value in provider_configs:\n                fields_to_add, fields_to_delete = provider_configs[field_value]\n\n                # Delete fields from other providers\n                for fields in fields_to_delete:\n                    self.delete_fields(build_config, fields)\n\n                # Add provider-specific fields\n                if field_value == \"OpenAI\" and not any(field in build_config for field in fields_to_add):\n                    build_config.update(fields_to_add)\n                else:\n                    build_config.update(fields_to_add)\n                # Reset input types for agent_llm\n                build_config[\"agent_llm\"][\"input_types\"] = []\n            elif field_value == \"Custom\":\n                # Delete all provider fields\n                self.delete_fields(build_config, ALL_PROVIDER_FIELDS)\n                # Update with custom component\n                custom_component = DropdownInput(\n                    name=\"agent_llm\",\n                    display_name=\"Language Model\",\n                    options=[*sorted(MODEL_PROVIDERS_DICT.keys()), \"Custom\"],\n                    value=\"Custom\",\n                    real_time_refresh=True,\n                    input_types=[\"LanguageModel\"],\n                )\n                build_config.update({\"agent_llm\": custom_component.to_dict()})\n            # Update input types for all fields\n            build_config = self.update_input_types(build_config)\n\n            # Validate required keys\n            default_keys = [\n                \"code\",\n                \"_type\",\n                \"agent_llm\",\n                \"tools\",\n                \"input_value\",\n                \"add_current_date_tool\",\n                \"system_prompt\",\n                \"agent_description\",\n                \"max_iterations\",\n                \"handle_parsing_errors\",\n                \"verbose\",\n            ]\n            missing_keys = [key for key in default_keys if key not in build_config]\n            if missing_keys:\n                msg = f\"Missing required keys in build_config: {missing_keys}\"\n                raise ValueError(msg)\n        if isinstance(self.agent_llm, str) and self.agent_llm in MODEL_PROVIDERS_DICT:\n            provider_info = MODEL_PROVIDERS_DICT.get(self.agent_llm)\n            if provider_info:\n                component_class = provider_info.get(\"component_class\")\n                prefix = provider_info.get(\"prefix\")\n                if component_class and hasattr(component_class, \"update_build_config\"):\n                    # Call each component class's update_build_config method\n                    # remove the prefix from the field_name\n                    if isinstance(field_name, str) and isinstance(prefix, str):\n                        field_name = field_name.replace(prefix, \"\")\n                    build_config = component_class.update_build_config(build_config, field_value, field_name)\n\n        return build_config\n","fileTypes":[],"file_path":"","password":false,"name":"code","advanced":true,"dynamic":true,"info":"","load_from_db":false,"title_case":false,"input_types":[]},"handle_parsing_errors":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"handle_parsing_errors","value":true,"display_name":"Handle Parse Errors","advanced":true,"dynamic":false,"info":"Should the Agent fix errors when reading user input for better processing?","title_case":false,"type":"bool","_input_type":"BoolInput","input_types":[]},"input_value":{"tool_mode":true,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"input_value","value":"","display_name":"Input","advanced":false,"input_types":["Message"],"dynamic":false,"info":"The input provided by the user for the agent to process.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"max_iterations":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"max_iterations","value":15,"display_name":"Max Iterations","advanced":true,"dynamic":false,"info":"The maximum number of attempts the agent can make to complete its task before it stops.","title_case":false,"type":"int","_input_type":"IntInput","input_types":[]},"n_messages":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"n_messages","value":100,"display_name":"Number of Messages","advanced":true,"dynamic":false,"info":"Number of messages to retrieve.","title_case":false,"type":"int","_input_type":"IntInput","input_types":[]},"order":{"tool_mode":false,"trace_as_metadata":true,"options":["Ascending","Descending"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"order","value":"Ascending","display_name":"Order","advanced":true,"dynamic":false,"info":"Order of the messages.","title_case":false,"type":"str","_input_type":"DropdownInput","input_types":[]},"sender":{"tool_mode":false,"trace_as_metadata":true,"options":["Machine","User","Machine and User"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"sender","value":"Machine and User","display_name":"Sender Type","advanced":true,"dynamic":false,"info":"Filter by sender type.","title_case":false,"type":"str","_input_type":"DropdownInput","input_types":[]},"sender_name":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"sender_name","value":"","display_name":"Sender Name","advanced":true,"input_types":["Message"],"dynamic":false,"info":"Filter by sender name.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"session_id":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"session_id","value":"","display_name":"Session ID","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The session ID of the chat. If empty, the current session ID parameter will be used.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"system_prompt":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"system_prompt","value":"You are a helpful assistant that can use tools to answer questions and perform tasks.  Use the Header from the Tool. Sample Query Paramters in URL are :  the format for Query Param is : Data input with keys q, from and sortBy as Keys  from is the date in format: yyyy-mm-dd Also Always request the with a previous day date if the current date news is requested. Since News API have a 24 hours delay. Use the current data to get the date, if no time zone given use any time zone in America like US/Eastern. Make sure all the news is sort by popularity and it is in english. Draft a query data and use the API request tool to get the data  Make sure the reply have relevant urls, image urls, titles tags etc. Give the response in JSON and not in Markdown.","display_name":"Agent Instructions","advanced":false,"input_types":["Message"],"dynamic":false,"info":"System Prompt: Initial instructions and context provided to guide the agent's behavior.","title_case":false,"type":"str","_input_type":"MultilineInput"},"template":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"template","value":"{sender_name}: {text}","display_name":"Template","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The template to use for formatting the data. It can contain the keys {text}, {sender} or any other key in the message data.","title_case":false,"type":"str","_input_type":"MultilineInput"},"verbose":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"verbose","value":true,"display_name":"Verbose","advanced":true,"dynamic":false,"info":"","title_case":false,"type":"bool","_input_type":"BoolInput","input_types":[]},"max_tokens":{"trace_as_metadata":true,"range_spec":{"step_type":"float","min":0,"max":128000,"step":0.1},"list":false,"required":false,"placeholder":"","show":true,"name":"max_tokens","value":"","display_name":"Max Tokens","advanced":true,"input_types":[],"dynamic":false,"info":"The maximum number of tokens to generate. Set to 0 for unlimited tokens.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"int","_input_type":"IntInput"},"model_kwargs":{"trace_as_input":true,"list":false,"required":false,"placeholder":"","show":true,"name":"model_kwargs","value":{},"display_name":"Model Kwargs","advanced":true,"input_types":[],"dynamic":false,"info":"Additional keyword arguments to pass to the model.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"dict","_input_type":"DictInput"},"json_mode":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"json_mode","value":false,"display_name":"JSON Mode","advanced":true,"input_types":[],"dynamic":false,"info":"If True, it will output JSON regardless of passing a schema.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"bool","_input_type":"BoolInput"},"output_schema":{"trace_as_input":true,"list":true,"required":false,"placeholder":"","show":true,"name":"output_schema","value":{},"display_name":"Schema","advanced":true,"input_types":[],"dynamic":false,"info":"The schema for the Output of the model. You must pass the word JSON in the prompt. If left blank, JSON mode will be disabled. [DEPRECATED]","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"dict","_input_type":"DictInput"},"model_name":{"tool_mode":false,"trace_as_metadata":true,"options":["gpt-4o-mini","gpt-4o","gpt-4-turbo","gpt-4-turbo-preview","gpt-4","gpt-3.5-turbo","gpt-3.5-turbo-0125"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"model_name","value":"gpt-4o-mini","display_name":"Model Name","advanced":false,"input_types":[],"dynamic":false,"info":"","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"str","_input_type":"DropdownInput"},"openai_api_base":{"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"openai_api_base","value":"","display_name":"OpenAI API Base","advanced":true,"input_types":[],"dynamic":false,"info":"The base URL of the OpenAI API. Defaults to https://api.openai.com/v1. You can change this to use other APIs like JinaChat, LocalAI and Prem.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"str","_input_type":"StrInput"},"api_key":{"load_from_db":true,"required":false,"placeholder":"","show":true,"name":"api_key","value":"","display_name":"OpenAI API Key","advanced":false,"input_types":["Message"],"dynamic":false,"info":"The OpenAI API Key to use for the OpenAI model.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"password":true,"type":"str","_input_type":"SecretStrInput"},"temperature":{"trace_as_metadata":true,"range_spec":null,"list":false,"required":false,"placeholder":"","show":true,"name":"temperature","value":0.1,"display_name":"Temperature","advanced":true,"input_types":[],"dynamic":false,"info":"","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"float","_input_type":"FloatInput"},"seed":{"trace_as_metadata":true,"range_spec":null,"list":false,"required":false,"placeholder":"","show":true,"name":"seed","value":1,"display_name":"Seed","advanced":true,"input_types":[],"dynamic":false,"info":"The seed controls the reproducibility of the job.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"int","_input_type":"IntInput"},"output_parser":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"output_parser","value":"","display_name":"Output Parser","advanced":true,"input_types":["OutputParser"],"dynamic":false,"info":"The parser to use to parse the output of the model","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"other","_input_type":"HandleInput"}},"description":"Agent that is used to search News from News API, with help of various Tools","icon":"bot","base_classes":["Message"],"display_name":"NewsAgent","documentation":"","custom_fields":{},"output_types":[],"pinned":false,"conditional_paths":[],"frozen":false,"outputs":[{"types":["Tool"],"selected":"Tool","name":"component_as_tool","hidden":null,"display_name":"Toolset","method":"to_toolkit","value":"__UNDEFINED__","cache":true,"required_inputs":null}],"field_order":["agent_llm","max_tokens","model_kwargs","json_mode","output_schema","model_name","openai_api_base","api_key","temperature","seed","output_parser","system_prompt","tools","input_value","handle_parsing_errors","verbose","max_iterations","agent_description","memory","sender","sender_name","n_messages","session_id","order","template","add_current_date_tool"],"beta":false,"legacy":false,"edited":true,"metadata":{},"tool_mode":false,"lf_version":"1.1.0"},"type":"NewsAgent","id":"NewsAgent-7KSUU"},"selected":false,"width":320,"height":647,"positionAbsolute":{"x":806.8698124675443,"y":822.3671923109437},"dragging":false},{"id":"NewsLetterAgent-AuPCR","type":"genericNode","position":{"x":828.7566694982054,"y":2118.8319792960615},"data":{"node":{"template":{"_type":"Component","memory":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"memory","value":"","display_name":"External Memory","advanced":true,"input_types":["BaseChatMessageHistory"],"dynamic":false,"info":"Retrieve messages from an external memory. If empty, it will use the Langflow tables.","title_case":false,"type":"other","_input_type":"HandleInput"},"tools":{"trace_as_metadata":true,"list":true,"required":false,"placeholder":"","show":true,"name":"tools","value":"","display_name":"Tools","advanced":false,"input_types":["Tool","BaseTool","StructuredTool"],"dynamic":false,"info":"These are the tools that the agent can use to help with tasks.","title_case":false,"type":"other","_input_type":"HandleInput"},"add_current_date_tool":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"add_current_date_tool","value":true,"display_name":"Add tool Current Date","advanced":true,"dynamic":false,"info":"If true, will add a tool to the agent that returns the current date.","title_case":false,"type":"bool","_input_type":"BoolInput","input_types":[]},"agent_description":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"agent_description","value":"A helpful assistant with access to the following tools:","display_name":"Agent Description","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The description of the agent. This is only used when in Tool Mode. Defaults to 'A helpful assistant with access to the following tools:' and tools are added dynamically.","title_case":false,"type":"str","_input_type":"MultilineInput"},"agent_llm":{"tool_mode":false,"trace_as_metadata":true,"options":["Amazon Bedrock","Anthropic","Azure OpenAI","Groq","NVIDIA","OpenAI","Custom"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"agent_llm","value":"OpenAI","display_name":"Model Provider","advanced":false,"input_types":[],"dynamic":false,"info":"The provider of the language model that the agent will use to generate responses.","real_time_refresh":true,"title_case":false,"type":"str","_input_type":"DropdownInput"},"code":{"type":"code","required":true,"placeholder":"","list":false,"show":true,"multiline":true,"value":"from langchain_core.tools import StructuredTool\n\nfrom langflow.base.agents.agent import LCToolsAgentComponent\nfrom langflow.base.models.model_input_constants import ALL_PROVIDER_FIELDS, MODEL_PROVIDERS_DICT\nfrom langflow.base.models.model_utils import get_model_name\nfrom langflow.components.helpers import CurrentDateComponent\nfrom langflow.components.helpers.memory import MemoryComponent\nfrom langflow.components.langchain_utilities.tool_calling import ToolCallingAgentComponent\nfrom langflow.io import BoolInput, DropdownInput, MultilineInput, Output\nfrom langflow.schema.dotdict import dotdict\nfrom langflow.schema.message import Message\n\n\ndef set_advanced_true(component_input):\n    component_input.advanced = True\n    return component_input\n\n\nclass AgentComponent(ToolCallingAgentComponent):\n    display_name: str = \"NewsLetterAgent\"\n    description: str = \"Agent that makes a well formatted Newsletter and uses tools to send Emails\"\n    icon = \"bot\"\n    beta = False\n    name = \"NewsLetterAgent\"\n\n    memory_inputs = [set_advanced_true(component_input) for component_input in MemoryComponent().inputs]\n\n    inputs = [\n        DropdownInput(\n            name=\"agent_llm\",\n            display_name=\"Model Provider\",\n            info=\"The provider of the language model that the agent will use to generate responses.\",\n            options=[*sorted(MODEL_PROVIDERS_DICT.keys()), \"Custom\"],\n            value=\"OpenAI\",\n            real_time_refresh=True,\n            input_types=[],\n        ),\n        *MODEL_PROVIDERS_DICT[\"OpenAI\"][\"inputs\"],\n        MultilineInput(\n            name=\"system_prompt\",\n            display_name=\"Agent Instructions\",\n            info=\"System Prompt: Initial instructions and context provided to guide the agent's behavior.\",\n            value=\"You are a helpful assistant that can use tools to answer questions and perform tasks.\",\n            advanced=False,\n        ),\n        *LCToolsAgentComponent._base_inputs,\n        *memory_inputs,\n        BoolInput(\n            name=\"add_current_date_tool\",\n            display_name=\"Add tool Current Date\",\n            advanced=True,\n            info=\"If true, will add a tool to the agent that returns the current date.\",\n            value=True,\n        ),\n    ]\n    outputs = [Output(name=\"response\", display_name=\"Response\", method=\"message_response\")]\n\n    async def message_response(self) -> Message:\n        llm_model, display_name = self.get_llm()\n        self.model_name = get_model_name(llm_model, display_name=display_name)\n        if llm_model is None:\n            msg = \"No language model selected\"\n            raise ValueError(msg)\n        self.chat_history = self.get_memory_data()\n\n        if self.add_current_date_tool:\n            if not isinstance(self.tools, list):  # type: ignore[has-type]\n                self.tools = []\n            # Convert CurrentDateComponent to a StructuredTool\n            current_date_tool = CurrentDateComponent().to_toolkit()[0]\n            if isinstance(current_date_tool, StructuredTool):\n                self.tools.append(current_date_tool)\n            else:\n                msg = \"CurrentDateComponent must be converted to a StructuredTool\"\n                raise ValueError(msg)\n\n        if not self.tools:\n            msg = \"Tools are required to run the agent.\"\n            raise ValueError(msg)\n        self.set(\n            llm=llm_model,\n            tools=self.tools,\n            chat_history=self.chat_history,\n            input_value=self.input_value,\n            system_prompt=self.system_prompt,\n        )\n        agent = self.create_agent_runnable()\n        return await self.run_agent(agent)\n\n    def get_memory_data(self):\n        memory_kwargs = {\n            component_input.name: getattr(self, f\"{component_input.name}\") for component_input in self.memory_inputs\n        }\n\n        return MemoryComponent().set(**memory_kwargs).retrieve_messages()\n\n    def get_llm(self):\n        if isinstance(self.agent_llm, str):\n            try:\n                provider_info = MODEL_PROVIDERS_DICT.get(self.agent_llm)\n                if provider_info:\n                    component_class = provider_info.get(\"component_class\")\n                    display_name = component_class.display_name\n                    inputs = provider_info.get(\"inputs\")\n                    prefix = provider_info.get(\"prefix\", \"\")\n                    return self._build_llm_model(component_class, inputs, prefix), display_name\n            except Exception as e:\n                msg = f\"Error building {self.agent_llm} language model\"\n                raise ValueError(msg) from e\n        return self.agent_llm, None\n\n    def _build_llm_model(self, component, inputs, prefix=\"\"):\n        model_kwargs = {input_.name: getattr(self, f\"{prefix}{input_.name}\") for input_ in inputs}\n        return component.set(**model_kwargs).build_model()\n\n    def delete_fields(self, build_config: dotdict, fields: dict | list[str]) -> None:\n        \"\"\"Delete specified fields from build_config.\"\"\"\n        for field in fields:\n            build_config.pop(field, None)\n\n    def update_input_types(self, build_config: dotdict) -> dotdict:\n        \"\"\"Update input types for all fields in build_config.\"\"\"\n        for key, value in build_config.items():\n            if isinstance(value, dict):\n                if value.get(\"input_types\") is None:\n                    build_config[key][\"input_types\"] = []\n            elif hasattr(value, \"input_types\") and value.input_types is None:\n                value.input_types = []\n        return build_config\n\n    def update_build_config(self, build_config: dotdict, field_value: str, field_name: str | None = None) -> dotdict:\n        # Iterate over all providers in the MODEL_PROVIDERS_DICT\n        # Existing logic for updating build_config\n        if field_name == \"agent_llm\":\n            provider_info = MODEL_PROVIDERS_DICT.get(field_value)\n            if provider_info:\n                component_class = provider_info.get(\"component_class\")\n                if component_class and hasattr(component_class, \"update_build_config\"):\n                    # Call the component class's update_build_config method\n                    build_config = component_class.update_build_config(build_config, field_value, field_name)\n\n            provider_configs: dict[str, tuple[dict, list[dict]]] = {\n                provider: (\n                    MODEL_PROVIDERS_DICT[provider][\"fields\"],\n                    [\n                        MODEL_PROVIDERS_DICT[other_provider][\"fields\"]\n                        for other_provider in MODEL_PROVIDERS_DICT\n                        if other_provider != provider\n                    ],\n                )\n                for provider in MODEL_PROVIDERS_DICT\n            }\n            if field_value in provider_configs:\n                fields_to_add, fields_to_delete = provider_configs[field_value]\n\n                # Delete fields from other providers\n                for fields in fields_to_delete:\n                    self.delete_fields(build_config, fields)\n\n                # Add provider-specific fields\n                if field_value == \"OpenAI\" and not any(field in build_config for field in fields_to_add):\n                    build_config.update(fields_to_add)\n                else:\n                    build_config.update(fields_to_add)\n                # Reset input types for agent_llm\n                build_config[\"agent_llm\"][\"input_types\"] = []\n            elif field_value == \"Custom\":\n                # Delete all provider fields\n                self.delete_fields(build_config, ALL_PROVIDER_FIELDS)\n                # Update with custom component\n                custom_component = DropdownInput(\n                    name=\"agent_llm\",\n                    display_name=\"Language Model\",\n                    options=[*sorted(MODEL_PROVIDERS_DICT.keys()), \"Custom\"],\n                    value=\"Custom\",\n                    real_time_refresh=True,\n                    input_types=[\"LanguageModel\"],\n                )\n                build_config.update({\"agent_llm\": custom_component.to_dict()})\n            # Update input types for all fields\n            build_config = self.update_input_types(build_config)\n\n            # Validate required keys\n            default_keys = [\n                \"code\",\n                \"_type\",\n                \"agent_llm\",\n                \"tools\",\n                \"input_value\",\n                \"add_current_date_tool\",\n                \"system_prompt\",\n                \"agent_description\",\n                \"max_iterations\",\n                \"handle_parsing_errors\",\n                \"verbose\",\n            ]\n            missing_keys = [key for key in default_keys if key not in build_config]\n            if missing_keys:\n                msg = f\"Missing required keys in build_config: {missing_keys}\"\n                raise ValueError(msg)\n        if isinstance(self.agent_llm, str) and self.agent_llm in MODEL_PROVIDERS_DICT:\n            provider_info = MODEL_PROVIDERS_DICT.get(self.agent_llm)\n            if provider_info:\n                component_class = provider_info.get(\"component_class\")\n                prefix = provider_info.get(\"prefix\")\n                if component_class and hasattr(component_class, \"update_build_config\"):\n                    # Call each component class's update_build_config method\n                    # remove the prefix from the field_name\n                    if isinstance(field_name, str) and isinstance(prefix, str):\n                        field_name = field_name.replace(prefix, \"\")\n                    build_config = component_class.update_build_config(build_config, field_value, field_name)\n\n        return build_config\n","fileTypes":[],"file_path":"","password":false,"name":"code","advanced":true,"dynamic":true,"info":"","load_from_db":false,"title_case":false,"input_types":[]},"handle_parsing_errors":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"handle_parsing_errors","value":true,"display_name":"Handle Parse Errors","advanced":true,"dynamic":false,"info":"Should the Agent fix errors when reading user input for better processing?","title_case":false,"type":"bool","_input_type":"BoolInput","input_types":[]},"input_value":{"tool_mode":true,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"input_value","value":"","display_name":"Input","advanced":false,"input_types":["Message"],"dynamic":false,"info":"The input provided by the user for the agent to process.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"max_iterations":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"max_iterations","value":15,"display_name":"Max Iterations","advanced":true,"dynamic":false,"info":"The maximum number of attempts the agent can make to complete its task before it stops.","title_case":false,"type":"int","_input_type":"IntInput","input_types":[]},"n_messages":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"n_messages","value":100,"display_name":"Number of Messages","advanced":true,"dynamic":false,"info":"Number of messages to retrieve.","title_case":false,"type":"int","_input_type":"IntInput","input_types":[]},"order":{"tool_mode":false,"trace_as_metadata":true,"options":["Ascending","Descending"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"order","value":"Ascending","display_name":"Order","advanced":true,"dynamic":false,"info":"Order of the messages.","title_case":false,"type":"str","_input_type":"DropdownInput","input_types":[]},"sender":{"tool_mode":false,"trace_as_metadata":true,"options":["Machine","User","Machine and User"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"sender","value":"Machine and User","display_name":"Sender Type","advanced":true,"dynamic":false,"info":"Filter by sender type.","title_case":false,"type":"str","_input_type":"DropdownInput","input_types":[]},"sender_name":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"sender_name","value":"","display_name":"Sender Name","advanced":true,"input_types":["Message"],"dynamic":false,"info":"Filter by sender name.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"session_id":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"session_id","value":"","display_name":"Session ID","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The session ID of the chat. If empty, the current session ID parameter will be used.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"system_prompt":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"system_prompt","value":"To ensure images display correctly in most email clients, images must be hosted on a secure server (HTTPS) and referenced with absolute URLs. Additionally, inline styles are essential, as some email clients strip out CSS in <style> tags. Here’s an improved prompt that follows these guidelines:\n\nYou are an email newsletter agent that drafts and sends professional, visually engaging HTML newsletters. Your task is to create well-formatted HTML content for a newsletter email. Follow the structure below, using inline CSS and absolute URLs for images to ensure compatibility and proper display in email clients.\n\nInstructions:\n\t1.\tSubject Line:\nGenerate a catchy subject line that summarizes the main content of the newsletter.\n\t2.\tHTML Body Template:\nUse the following HTML structure for the email body. Use inline CSS styles, absolute URLs for images, and avoid unsupported CSS to maximize compatibility across email clients. \nHTML Structure:\n\n<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"UTF-8\">\n</head>\n<body style=\"font-family: Arial, sans-serif; color: #333333; line-height: 1.6; background-color: #f4f4f4; margin: 0; padding: 0;\">\n  <div style=\"width: 100%; max-width: 600px; margin: auto; padding: 20px; background-color: #ffffff;\">\n\n    <!-- Header Section -->\n    <div style=\"text-align: center; padding-bottom: 20px;\">\n      <h1 style=\"font-size: 24px; color: #333333; margin-bottom: 10px;\">Newsletter Title or Featured News</h1>\n      <p>Welcome to our latest updates! Here’s what’s new this week:</p>\n    </div>\n\n    <!-- Main Content Sections -->\n    <div style=\"padding: 10px 0; border-bottom: 1px solid #dddddd;\">\n      <h2 style=\"font-size: 20px; color: #333333;\">1. Headline Feature</h2>\n      <img src=\"https://example.com/image1.jpg\" alt=\"Image description of headline feature\" style=\"width: 100%; max-width: 560px; height: auto; display: block; margin: 10px 0;\" />\n      <p><strong>Source:</strong> [Source Name]</p>\n      <p>[Summary of the headline feature]</p>\n      <a href=\"[URL]\" style=\"background-color: #0073e6; color: #ffffff; padding: 10px 15px; text-decoration: none; border-radius: 5px; display: inline-block;\">Read more</a>\n    </div>\n\n    <!-- Additional Feature Section -->\n    <div style=\"padding: 10px 0; border-bottom: 1px solid #dddddd;\">\n      <h2 style=\"font-size: 20px; color: #333333;\">2. Additional Feature</h2>\n      <img src=\"https://example.com/image2.jpg\" alt=\"Image description of additional feature\" style=\"width: 100%; max-width: 560px; height: auto; display: block; margin: 10px 0;\" />\n      <p><strong>Source:</strong> [Source Name]</p>\n      <p>[Summary of additional feature]</p>\n      <a href=\"[URL]\" style=\"background-color: #0073e6; color: #ffffff; padding: 10px 15px; text-decoration: none; border-radius: 5px; display: inline-block;\">Read more</a>\n    </div>\n\n    <!-- Closing Section -->\n    <div style=\"padding: 10px 0;\">\n      <p>Thank you for staying updated with us! If you have any questions, feel free to reply to this email. Stay tuned for more exciting updates next week!</p>\n      <p style=\"font-size: 12px; color: #888888; text-align: center; padding-top: 20px;\">Your Company Name | Contact Information | Social Media Links | <a href=\"#unsubscribe\" style=\"color: #0073e6;\">Unsubscribe</a></p>\n    </div>\n  </div>\n</body>\n</html>\n\n\t3.\tInstructions for the email-sending tool:\n\t•\tRecipient’s Email: Insert the recipient’s email address.\n\t•\tSubject Line: Use the generated subject line.\n\t•\tEmail Body: Use the HTML content created above as the email body.\n\nPlease respond with the newsletter formatted text, as well as send it to the email provided using the tool available. If no email is provided, send to the default email: mic.sm.co@gmail.com\n\nUse clear, conversational language, and personalize the greeting and content where possible. Avoid markdown formatting, as email clients may not support it. Confirm that all URLs for “Read more” buttons are included to direct readers to full articles. make sure the html have valid images and atleast more than 3 or 4 news in the news letter even in email. ensure images are provided in email properly.\n\n","display_name":"Agent Instructions","advanced":false,"input_types":["Message"],"dynamic":false,"info":"System Prompt: Initial instructions and context provided to guide the agent's behavior.","title_case":false,"type":"str","_input_type":"MultilineInput"},"template":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"template","value":"{sender_name}: {text}","display_name":"Template","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The template to use for formatting the data. It can contain the keys {text}, {sender} or any other key in the message data.","title_case":false,"type":"str","_input_type":"MultilineInput"},"verbose":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"verbose","value":true,"display_name":"Verbose","advanced":true,"dynamic":false,"info":"","title_case":false,"type":"bool","_input_type":"BoolInput","input_types":[]},"max_tokens":{"trace_as_metadata":true,"range_spec":{"step_type":"float","min":0,"max":128000,"step":0.1},"list":false,"required":false,"placeholder":"","show":true,"name":"max_tokens","value":"","display_name":"Max Tokens","advanced":true,"input_types":[],"dynamic":false,"info":"The maximum number of tokens to generate. Set to 0 for unlimited tokens.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"int","_input_type":"IntInput"},"model_kwargs":{"trace_as_input":true,"list":false,"required":false,"placeholder":"","show":true,"name":"model_kwargs","value":{},"display_name":"Model Kwargs","advanced":true,"input_types":[],"dynamic":false,"info":"Additional keyword arguments to pass to the model.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"dict","_input_type":"DictInput"},"json_mode":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"json_mode","value":false,"display_name":"JSON Mode","advanced":true,"input_types":[],"dynamic":false,"info":"If True, it will output JSON regardless of passing a schema.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"bool","_input_type":"BoolInput"},"output_schema":{"trace_as_input":true,"list":true,"required":false,"placeholder":"","show":true,"name":"output_schema","value":{},"display_name":"Schema","advanced":true,"input_types":[],"dynamic":false,"info":"The schema for the Output of the model. You must pass the word JSON in the prompt. If left blank, JSON mode will be disabled. [DEPRECATED]","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"dict","_input_type":"DictInput"},"model_name":{"tool_mode":false,"trace_as_metadata":true,"options":["gpt-4o-mini","gpt-4o","gpt-4-turbo","gpt-4-turbo-preview","gpt-4","gpt-3.5-turbo","gpt-3.5-turbo-0125"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"model_name","value":"gpt-4o-mini","display_name":"Model Name","advanced":false,"input_types":[],"dynamic":false,"info":"","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"str","_input_type":"DropdownInput"},"openai_api_base":{"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"openai_api_base","value":"","display_name":"OpenAI API Base","advanced":true,"input_types":[],"dynamic":false,"info":"The base URL of the OpenAI API. Defaults to https://api.openai.com/v1. You can change this to use other APIs like JinaChat, LocalAI and Prem.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"str","_input_type":"StrInput"},"api_key":{"load_from_db":true,"required":false,"placeholder":"","show":true,"name":"api_key","value":"","display_name":"OpenAI API Key","advanced":false,"input_types":["Message"],"dynamic":false,"info":"The OpenAI API Key to use for the OpenAI model.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"password":true,"type":"str","_input_type":"SecretStrInput"},"temperature":{"trace_as_metadata":true,"range_spec":null,"list":false,"required":false,"placeholder":"","show":true,"name":"temperature","value":0.1,"display_name":"Temperature","advanced":true,"input_types":[],"dynamic":false,"info":"","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"float","_input_type":"FloatInput"},"seed":{"trace_as_metadata":true,"range_spec":null,"list":false,"required":false,"placeholder":"","show":true,"name":"seed","value":1,"display_name":"Seed","advanced":true,"input_types":[],"dynamic":false,"info":"The seed controls the reproducibility of the job.","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"int","_input_type":"IntInput"},"output_parser":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"output_parser","value":"","display_name":"Output Parser","advanced":true,"input_types":["OutputParser"],"dynamic":false,"info":"The parser to use to parse the output of the model","real_time_refresh":null,"refresh_button":null,"refresh_button_text":null,"title_case":false,"type":"other","_input_type":"HandleInput"}},"description":"Agent that makes a well formatted Newsletter and uses tools to send Emails","icon":"bot","base_classes":["Message"],"display_name":"NewsLetterAgent","documentation":"","custom_fields":{},"output_types":[],"pinned":false,"conditional_paths":[],"frozen":false,"outputs":[{"types":["Tool"],"selected":"Tool","name":"component_as_tool","hidden":null,"display_name":"Toolset","method":"to_toolkit","value":"__UNDEFINED__","cache":true,"required_inputs":null}],"field_order":["agent_llm","max_tokens","model_kwargs","json_mode","output_schema","model_name","openai_api_base","api_key","temperature","seed","output_parser","system_prompt","tools","input_value","handle_parsing_errors","verbose","max_iterations","agent_description","memory","sender","sender_name","n_messages","session_id","order","template","add_current_date_tool"],"beta":false,"legacy":false,"edited":true,"metadata":{},"tool_mode":false,"lf_version":"1.1.0"},"type":"NewsLetterAgent","id":"NewsLetterAgent-AuPCR"},"selected":false,"width":320,"height":647,"positionAbsolute":{"x":828.7566694982054,"y":2118.8319792960615},"dragging":false},{"id":"AgentOrchestrator-FE9B3","type":"genericNode","position":{"x":1265.36285591662,"y":1411.1064816952846},"data":{"node":{"template":{"_type":"Component","memory":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"memory","value":"","display_name":"External Memory","advanced":true,"input_types":["BaseChatMessageHistory"],"dynamic":false,"info":"Retrieve messages from an external memory. If empty, it will use the Langflow tables.","title_case":false,"type":"other","_input_type":"HandleInput"},"output_parser":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"output_parser","value":"","display_name":"Output Parser","advanced":true,"input_types":["OutputParser"],"dynamic":false,"info":"The parser to use to parse the output of the model","title_case":false,"type":"other","_input_type":"HandleInput"},"tools":{"trace_as_metadata":true,"list":true,"required":false,"placeholder":"","show":true,"name":"tools","value":"","display_name":"Tools","advanced":false,"input_types":["Tool","BaseTool","StructuredTool"],"dynamic":false,"info":"These are the tools that the agent can use to help with tasks.","title_case":false,"type":"other","_input_type":"HandleInput"},"add_current_date_tool":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"add_current_date_tool","value":true,"display_name":"Add tool Current Date","advanced":true,"dynamic":false,"info":"If true, will add a tool to the agent that returns the current date.","title_case":false,"type":"bool","_input_type":"BoolInput"},"agent_description":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"agent_description","value":"A helpful assistant with access to the following tools:","display_name":"Agent Description","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The description of the agent. This is only used when in Tool Mode. Defaults to 'A helpful assistant with access to the following tools:' and tools are added dynamically.","title_case":false,"type":"str","_input_type":"MultilineInput"},"agent_llm":{"tool_mode":false,"trace_as_metadata":true,"options":["Amazon Bedrock","Anthropic","Azure OpenAI","Groq","NVIDIA","OpenAI","Custom"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"agent_llm","value":"OpenAI","display_name":"Model Provider","advanced":false,"input_types":[],"dynamic":false,"info":"The provider of the language model that the agent will use to generate responses.","real_time_refresh":true,"title_case":false,"type":"str","_input_type":"DropdownInput"},"api_key":{"load_from_db":true,"required":false,"placeholder":"","show":true,"name":"api_key","value":"","display_name":"OpenAI API Key","advanced":false,"input_types":["Message"],"dynamic":false,"info":"The OpenAI API Key to use for the OpenAI model.","title_case":false,"password":true,"type":"str","_input_type":"SecretStrInput"},"code":{"type":"code","required":true,"placeholder":"","list":false,"show":true,"multiline":true,"value":"from langchain_core.tools import StructuredTool\n\nfrom langflow.base.agents.agent import LCToolsAgentComponent\nfrom langflow.base.models.model_input_constants import ALL_PROVIDER_FIELDS, MODEL_PROVIDERS_DICT\nfrom langflow.base.models.model_utils import get_model_name\nfrom langflow.components.helpers import CurrentDateComponent\nfrom langflow.components.helpers.memory import MemoryComponent\nfrom langflow.components.langchain_utilities.tool_calling import ToolCallingAgentComponent\nfrom langflow.io import BoolInput, DropdownInput, MultilineInput, Output\nfrom langflow.schema.dotdict import dotdict\nfrom langflow.schema.message import Message\n\n\ndef set_advanced_true(component_input):\n    component_input.advanced = True\n    return component_input\n\nclass AgentComponent(ToolCallingAgentComponent):\n    display_name: str = \"AgentOrchestrator\"\n    description: str = \"AI Agent Orchestrator that seamlessly integrates and coordinates multiple agents and tools to deliver comprehensive solutions.\"\n    icon = \"bot\"\n    beta = False\n    name = \"AgentOrchestrator\"\n\n    memory_inputs = [set_advanced_true(component_input) for component_input in MemoryComponent().inputs]\n\n    inputs = [\n        DropdownInput(\n            name=\"agent_llm\",\n            display_name=\"Model Provider\",\n            info=\"The provider of the language model that the agent will use to generate responses.\",\n            options=[*sorted(MODEL_PROVIDERS_DICT.keys()), \"Custom\"],\n            value=\"OpenAI\",\n            real_time_refresh=True,\n            input_types=[],\n        ),\n        *MODEL_PROVIDERS_DICT[\"OpenAI\"][\"inputs\"],\n        MultilineInput(\n            name=\"system_prompt\",\n            display_name=\"Agent Instructions\",\n            info=\"System Prompt: Initial instructions and context provided to guide the agent's behavior.\",\n            value=\"You are a helpful assistant that can use tools to answer questions and perform tasks.\",\n            advanced=False,\n        ),\n        *LCToolsAgentComponent._base_inputs,\n        *memory_inputs,\n        BoolInput(\n            name=\"add_current_date_tool\",\n            display_name=\"Add tool Current Date\",\n            advanced=True,\n            info=\"If true, will add a tool to the agent that returns the current date.\",\n            value=True,\n        ),\n    ]\n    outputs = [Output(name=\"response\", display_name=\"Response\", method=\"message_response\")]\n\n    async def message_response(self) -> Message:\n        llm_model, display_name = self.get_llm()\n        self.model_name = get_model_name(llm_model, display_name=display_name)\n        if llm_model is None:\n            msg = \"No language model selected\"\n            raise ValueError(msg)\n        self.chat_history = self.get_memory_data()\n\n        if self.add_current_date_tool:\n            if not isinstance(self.tools, list):  # type: ignore[has-type]\n                self.tools = []\n            # Convert CurrentDateComponent to a StructuredTool\n            current_date_tool = CurrentDateComponent().to_toolkit()[0]\n            if isinstance(current_date_tool, StructuredTool):\n                self.tools.append(current_date_tool)\n            else:\n                msg = \"CurrentDateComponent must be converted to a StructuredTool\"\n                raise ValueError(msg)\n\n        if not self.tools:\n            msg = \"Tools are required to run the agent.\"\n            raise ValueError(msg)\n        self.set(\n            llm=llm_model,\n            tools=self.tools,\n            chat_history=self.chat_history,\n            input_value=self.input_value,\n            system_prompt=self.system_prompt,\n        )\n        agent = self.create_agent_runnable()\n        return await self.run_agent(agent)\n\n    def get_memory_data(self):\n        memory_kwargs = {\n            component_input.name: getattr(self, f\"{component_input.name}\") for component_input in self.memory_inputs\n        }\n\n        return MemoryComponent().set(**memory_kwargs).retrieve_messages()\n\n    def get_llm(self):\n        if isinstance(self.agent_llm, str):\n            try:\n                provider_info = MODEL_PROVIDERS_DICT.get(self.agent_llm)\n                if provider_info:\n                    component_class = provider_info.get(\"component_class\")\n                    display_name = component_class.display_name\n                    inputs = provider_info.get(\"inputs\")\n                    prefix = provider_info.get(\"prefix\", \"\")\n                    return self._build_llm_model(component_class, inputs, prefix), display_name\n            except Exception as e:\n                msg = f\"Error building {self.agent_llm} language model\"\n                raise ValueError(msg) from e\n        return self.agent_llm, None\n\n    def _build_llm_model(self, component, inputs, prefix=\"\"):\n        model_kwargs = {input_.name: getattr(self, f\"{prefix}{input_.name}\") for input_ in inputs}\n        return component.set(**model_kwargs).build_model()\n\n    def delete_fields(self, build_config: dotdict, fields: dict | list[str]) -> None:\n        \"\"\"Delete specified fields from build_config.\"\"\"\n        for field in fields:\n            build_config.pop(field, None)\n\n    def update_input_types(self, build_config: dotdict) -> dotdict:\n        \"\"\"Update input types for all fields in build_config.\"\"\"\n        for key, value in build_config.items():\n            if isinstance(value, dict):\n                if value.get(\"input_types\") is None:\n                    build_config[key][\"input_types\"] = []\n            elif hasattr(value, \"input_types\") and value.input_types is None:\n                value.input_types = []\n        return build_config\n\n    def update_build_config(self, build_config: dotdict, field_value: str, field_name: str | None = None) -> dotdict:\n        # Iterate over all providers in the MODEL_PROVIDERS_DICT\n        # Existing logic for updating build_config\n        if field_name == \"agent_llm\":\n            provider_info = MODEL_PROVIDERS_DICT.get(field_value)\n            if provider_info:\n                component_class = provider_info.get(\"component_class\")\n                if component_class and hasattr(component_class, \"update_build_config\"):\n                    # Call the component class's update_build_config method\n                    build_config = component_class.update_build_config(build_config, field_value, field_name)\n\n            provider_configs: dict[str, tuple[dict, list[dict]]] = {\n                provider: (\n                    MODEL_PROVIDERS_DICT[provider][\"fields\"],\n                    [\n                        MODEL_PROVIDERS_DICT[other_provider][\"fields\"]\n                        for other_provider in MODEL_PROVIDERS_DICT\n                        if other_provider != provider\n                    ],\n                )\n                for provider in MODEL_PROVIDERS_DICT\n            }\n            if field_value in provider_configs:\n                fields_to_add, fields_to_delete = provider_configs[field_value]\n\n                # Delete fields from other providers\n                for fields in fields_to_delete:\n                    self.delete_fields(build_config, fields)\n\n                # Add provider-specific fields\n                if field_value == \"OpenAI\" and not any(field in build_config for field in fields_to_add):\n                    build_config.update(fields_to_add)\n                else:\n                    build_config.update(fields_to_add)\n                # Reset input types for agent_llm\n                build_config[\"agent_llm\"][\"input_types\"] = []\n            elif field_value == \"Custom\":\n                # Delete all provider fields\n                self.delete_fields(build_config, ALL_PROVIDER_FIELDS)\n                # Update with custom component\n                custom_component = DropdownInput(\n                    name=\"agent_llm\",\n                    display_name=\"Language Model\",\n                    options=[*sorted(MODEL_PROVIDERS_DICT.keys()), \"Custom\"],\n                    value=\"Custom\",\n                    real_time_refresh=True,\n                    input_types=[\"LanguageModel\"],\n                )\n                build_config.update({\"agent_llm\": custom_component.to_dict()})\n            # Update input types for all fields\n            build_config = self.update_input_types(build_config)\n\n            # Validate required keys\n            default_keys = [\n                \"code\",\n                \"_type\",\n                \"agent_llm\",\n                \"tools\",\n                \"input_value\",\n                \"add_current_date_tool\",\n                \"system_prompt\",\n                \"agent_description\",\n                \"max_iterations\",\n                \"handle_parsing_errors\",\n                \"verbose\",\n            ]\n            missing_keys = [key for key in default_keys if key not in build_config]\n            if missing_keys:\n                msg = f\"Missing required keys in build_config: {missing_keys}\"\n                raise ValueError(msg)\n        if isinstance(self.agent_llm, str) and self.agent_llm in MODEL_PROVIDERS_DICT:\n            provider_info = MODEL_PROVIDERS_DICT.get(self.agent_llm)\n            if provider_info:\n                component_class = provider_info.get(\"component_class\")\n                prefix = provider_info.get(\"prefix\")\n                if component_class and hasattr(component_class, \"update_build_config\"):\n                    # Call each component class's update_build_config method\n                    # remove the prefix from the field_name\n                    if isinstance(field_name, str) and isinstance(prefix, str):\n                        field_name = field_name.replace(prefix, \"\")\n                    build_config = component_class.update_build_config(build_config, field_value, field_name)\n\n        return build_config\n","fileTypes":[],"file_path":"","password":false,"name":"code","advanced":true,"dynamic":true,"info":"","load_from_db":false,"title_case":false},"handle_parsing_errors":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"handle_parsing_errors","value":true,"display_name":"Handle Parse Errors","advanced":true,"dynamic":false,"info":"Should the Agent fix errors when reading user input for better processing?","title_case":false,"type":"bool","_input_type":"BoolInput"},"input_value":{"tool_mode":true,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"input_value","value":"","display_name":"Input","advanced":false,"input_types":["Message"],"dynamic":false,"info":"The input provided by the user for the agent to process.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"json_mode":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"json_mode","value":false,"display_name":"JSON Mode","advanced":true,"dynamic":false,"info":"If True, it will output JSON regardless of passing a schema.","title_case":false,"type":"bool","_input_type":"BoolInput"},"max_iterations":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"max_iterations","value":15,"display_name":"Max Iterations","advanced":true,"dynamic":false,"info":"The maximum number of attempts the agent can make to complete its task before it stops.","title_case":false,"type":"int","_input_type":"IntInput"},"max_tokens":{"trace_as_metadata":true,"range_spec":{"step_type":"float","min":0,"max":128000,"step":0.1},"list":false,"required":false,"placeholder":"","show":true,"name":"max_tokens","value":"","display_name":"Max Tokens","advanced":true,"dynamic":false,"info":"The maximum number of tokens to generate. Set to 0 for unlimited tokens.","title_case":false,"type":"int","_input_type":"IntInput"},"model_kwargs":{"trace_as_input":true,"list":false,"required":false,"placeholder":"","show":true,"name":"model_kwargs","value":{},"display_name":"Model Kwargs","advanced":true,"dynamic":false,"info":"Additional keyword arguments to pass to the model.","title_case":false,"type":"dict","_input_type":"DictInput"},"model_name":{"tool_mode":false,"trace_as_metadata":true,"options":["gpt-4o-mini","gpt-4o","gpt-4-turbo","gpt-4-turbo-preview","gpt-4","gpt-3.5-turbo","gpt-3.5-turbo-0125"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"model_name","value":"gpt-4o-mini","display_name":"Model Name","advanced":false,"dynamic":false,"info":"","title_case":false,"type":"str","_input_type":"DropdownInput"},"n_messages":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"n_messages","value":100,"display_name":"Number of Messages","advanced":true,"dynamic":false,"info":"Number of messages to retrieve.","title_case":false,"type":"int","_input_type":"IntInput"},"openai_api_base":{"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"openai_api_base","value":"","display_name":"OpenAI API Base","advanced":true,"dynamic":false,"info":"The base URL of the OpenAI API. Defaults to https://api.openai.com/v1. You can change this to use other APIs like JinaChat, LocalAI and Prem.","title_case":false,"type":"str","_input_type":"StrInput"},"order":{"tool_mode":false,"trace_as_metadata":true,"options":["Ascending","Descending"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"order","value":"Ascending","display_name":"Order","advanced":true,"dynamic":false,"info":"Order of the messages.","title_case":false,"type":"str","_input_type":"DropdownInput"},"output_schema":{"trace_as_input":true,"list":true,"required":false,"placeholder":"","show":true,"name":"output_schema","value":{},"display_name":"Schema","advanced":true,"dynamic":false,"info":"The schema for the Output of the model. You must pass the word JSON in the prompt. If left blank, JSON mode will be disabled. [DEPRECATED]","title_case":false,"type":"dict","_input_type":"DictInput"},"seed":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"seed","value":1,"display_name":"Seed","advanced":true,"dynamic":false,"info":"The seed controls the reproducibility of the job.","title_case":false,"type":"int","_input_type":"IntInput"},"sender":{"tool_mode":false,"trace_as_metadata":true,"options":["Machine","User","Machine and User"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"sender","value":"Machine and User","display_name":"Sender Type","advanced":true,"dynamic":false,"info":"Filter by sender type.","title_case":false,"type":"str","_input_type":"DropdownInput"},"sender_name":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"sender_name","value":"","display_name":"Sender Name","advanced":true,"input_types":["Message"],"dynamic":false,"info":"Filter by sender name.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"session_id":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"session_id","value":"","display_name":"Session ID","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The session ID of the chat. If empty, the current session ID parameter will be used.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"system_prompt":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"system_prompt","value":"You are an orchestrator agent designed to manage and coordinate various specialized agents efficiently to fulfill user requests. Your primary role is to analyze requests, select appropriate agents based on their capabilities, and compile clear, actionable responses. Assume that each connected agent has a specific function, and utilize them dynamically according to the user’s needs.\n\n### Objective:\nMaximize the effectiveness of available agents to handle diverse tasks, delivering complete and precise responses for each request.\n\n### Orchestration Instructions:\n1. **Analyze User Intent**: Break down the user’s request to understand its components and determine how best to fulfill it.\n2. **Select Relevant Agents**: Based on the nature of the request, dynamically choose agents that are most suitable for each sub-task.\n3. **Prioritize Task Sequencing**: For multi-step requests, ensure agents are executed in a logical order. For example, retrieve information before summarizing or analyzing it.\n4. **Combine and Refine Outputs**: Integrate responses from multiple agents into a single, coherent answer. Refine for clarity and completeness where needed.\n5. **Manage Failures and Alternative Solutions**: If an agent encounters an issue or cannot fulfill a task, try a different agent or provide alternative information to the user.\n6. **Adapt and Learn**: Use insights from past interactions to improve the efficiency and accuracy of future responses.\n\n### Output Requirements:\n- **Clear, User-Friendly Answers**: Ensure responses are comprehensive, addressing the user’s needs in a concise, easy-to-understand format.\n- **Transparency (Optional)**: If beneficial, briefly mention which agents or tools contributed to the response.\n- **Consistency and Quality**: Provide high-quality answers that reflect thoughtful orchestration of agent outputs.\n\n### Example:\nIf a user requests a summary of recent events and an analysis of public sentiment, retrieve the relevant information using the appropriate agents, summarize it, and analyze sentiment if applicable. Combine these insights into a coherent and actionable response.\n\nAs the orchestrator, you are resourceful, adaptable, and focused on delivering complete, insightful answers through optimal use of available tools and agents.\n","display_name":"Agent Instructions","advanced":false,"input_types":["Message"],"dynamic":false,"info":"System Prompt: Initial instructions and context provided to guide the agent's behavior.","title_case":false,"type":"str","_input_type":"MultilineInput"},"temperature":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"temperature","value":0.1,"display_name":"Temperature","advanced":true,"dynamic":false,"info":"","title_case":false,"type":"float","_input_type":"FloatInput"},"template":{"tool_mode":false,"trace_as_input":true,"multiline":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"template","value":"{sender_name}: {text}","display_name":"Template","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The template to use for formatting the data. It can contain the keys {text}, {sender} or any other key in the message data.","title_case":false,"type":"str","_input_type":"MultilineInput"},"verbose":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"verbose","value":true,"display_name":"Verbose","advanced":true,"dynamic":false,"info":"","title_case":false,"type":"bool","_input_type":"BoolInput"}},"description":"AI Agent Orchestrator that seamlessly integrates and coordinates multiple agents and tools to deliver comprehensive solutions.","icon":"bot","base_classes":["Message"],"display_name":"AgentOrchestrator","documentation":"","custom_fields":{},"output_types":[],"pinned":false,"conditional_paths":[],"frozen":false,"outputs":[{"types":["Message"],"selected":"Message","name":"response","display_name":"Response","method":"message_response","value":"__UNDEFINED__","cache":true}],"field_order":["agent_llm","max_tokens","model_kwargs","json_mode","output_schema","model_name","openai_api_base","api_key","temperature","seed","output_parser","system_prompt","tools","input_value","handle_parsing_errors","verbose","max_iterations","agent_description","memory","sender","sender_name","n_messages","session_id","order","template","add_current_date_tool"],"beta":false,"legacy":false,"edited":true,"metadata":{},"tool_mode":false,"lf_version":"1.1.0"},"type":"AgentOrchestrator","id":"AgentOrchestrator-FE9B3"},"selected":false,"width":320,"height":667,"positionAbsolute":{"x":1265.36285591662,"y":1411.1064816952846},"dragging":false},{"id":"ChatOutput-Fq691","type":"genericNode","position":{"x":1671.2823405698737,"y":1740.0505030476897},"data":{"node":{"template":{"_type":"Component","background_color":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"background_color","value":"","display_name":"Background Color","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The background color of the icon.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"chat_icon":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"chat_icon","value":"","display_name":"Icon","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The icon of the message.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"code":{"type":"code","required":true,"placeholder":"","list":false,"show":true,"multiline":true,"value":"from langflow.base.io.chat import ChatComponent\nfrom langflow.inputs import BoolInput\nfrom langflow.io import DropdownInput, MessageInput, MessageTextInput, Output\nfrom langflow.schema.message import Message\nfrom langflow.schema.properties import Source\nfrom langflow.utils.constants import MESSAGE_SENDER_AI, MESSAGE_SENDER_NAME_AI, MESSAGE_SENDER_USER\n\n\nclass ChatOutput(ChatComponent):\n    display_name = \"Chat Output\"\n    description = \"Display a chat message in the Playground.\"\n    icon = \"MessagesSquare\"\n    name = \"ChatOutput\"\n\n    inputs = [\n        MessageInput(\n            name=\"input_value\",\n            display_name=\"Text\",\n            info=\"Message to be passed as output.\",\n        ),\n        BoolInput(\n            name=\"should_store_message\",\n            display_name=\"Store Messages\",\n            info=\"Store the message in the history.\",\n            value=True,\n            advanced=True,\n        ),\n        DropdownInput(\n            name=\"sender\",\n            display_name=\"Sender Type\",\n            options=[MESSAGE_SENDER_AI, MESSAGE_SENDER_USER],\n            value=MESSAGE_SENDER_AI,\n            advanced=True,\n            info=\"Type of sender.\",\n        ),\n        MessageTextInput(\n            name=\"sender_name\",\n            display_name=\"Sender Name\",\n            info=\"Name of the sender.\",\n            value=MESSAGE_SENDER_NAME_AI,\n            advanced=True,\n        ),\n        MessageTextInput(\n            name=\"session_id\",\n            display_name=\"Session ID\",\n            info=\"The session ID of the chat. If empty, the current session ID parameter will be used.\",\n            advanced=True,\n        ),\n        MessageTextInput(\n            name=\"data_template\",\n            display_name=\"Data Template\",\n            value=\"{text}\",\n            advanced=True,\n            info=\"Template to convert Data to Text. If left empty, it will be dynamically set to the Data's text key.\",\n        ),\n        MessageTextInput(\n            name=\"background_color\",\n            display_name=\"Background Color\",\n            info=\"The background color of the icon.\",\n            advanced=True,\n        ),\n        MessageTextInput(\n            name=\"chat_icon\",\n            display_name=\"Icon\",\n            info=\"The icon of the message.\",\n            advanced=True,\n        ),\n        MessageTextInput(\n            name=\"text_color\",\n            display_name=\"Text Color\",\n            info=\"The text color of the name\",\n            advanced=True,\n        ),\n    ]\n    outputs = [\n        Output(\n            display_name=\"Message\",\n            name=\"message\",\n            method=\"message_response\",\n        ),\n    ]\n\n    def _build_source(self, _id: str | None, display_name: str | None, source: str | None) -> Source:\n        source_dict = {}\n        if _id:\n            source_dict[\"id\"] = _id\n        if display_name:\n            source_dict[\"display_name\"] = display_name\n        if source:\n            source_dict[\"source\"] = source\n        return Source(**source_dict)\n\n    def message_response(self) -> Message:\n        _source, _icon, _display_name, _source_id = self.get_properties_from_source_component()\n        _background_color = self.background_color\n        _text_color = self.text_color\n        if self.chat_icon:\n            _icon = self.chat_icon\n        message = self.input_value if isinstance(self.input_value, Message) else Message(text=self.input_value)\n        message.sender = self.sender\n        message.sender_name = self.sender_name\n        message.session_id = self.session_id\n        message.flow_id = self.graph.flow_id if hasattr(self, \"graph\") else None\n        message.properties.source = self._build_source(_source_id, _display_name, _source)\n        message.properties.icon = _icon\n        message.properties.background_color = _background_color\n        message.properties.text_color = _text_color\n        if self.session_id and isinstance(message, Message) and self.should_store_message:\n            stored_message = self.send_message(\n                message,\n            )\n            self.message.value = stored_message\n            message = stored_message\n\n        self.status = message\n        return message\n","fileTypes":[],"file_path":"","password":false,"name":"code","advanced":true,"dynamic":true,"info":"","load_from_db":false,"title_case":false},"data_template":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"data_template","value":"{text}","display_name":"Data Template","advanced":true,"input_types":["Message"],"dynamic":false,"info":"Template to convert Data to Text. If left empty, it will be dynamically set to the Data's text key.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"input_value":{"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"input_value","value":"","display_name":"Text","advanced":false,"input_types":["Message"],"dynamic":false,"info":"Message to be passed as output.","title_case":false,"type":"str","_input_type":"MessageInput"},"sender":{"tool_mode":false,"trace_as_metadata":true,"options":["Machine","User"],"combobox":false,"required":false,"placeholder":"","show":true,"name":"sender","value":"Machine","display_name":"Sender Type","advanced":true,"dynamic":false,"info":"Type of sender.","title_case":false,"type":"str","_input_type":"DropdownInput"},"sender_name":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"sender_name","value":"AI","display_name":"Sender Name","advanced":true,"input_types":["Message"],"dynamic":false,"info":"Name of the sender.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"session_id":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"session_id","value":"","display_name":"Session ID","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The session ID of the chat. If empty, the current session ID parameter will be used.","title_case":false,"type":"str","_input_type":"MessageTextInput"},"should_store_message":{"trace_as_metadata":true,"list":false,"required":false,"placeholder":"","show":true,"name":"should_store_message","value":true,"display_name":"Store Messages","advanced":true,"dynamic":false,"info":"Store the message in the history.","title_case":false,"type":"bool","_input_type":"BoolInput"},"text_color":{"tool_mode":false,"trace_as_input":true,"trace_as_metadata":true,"load_from_db":false,"list":false,"required":false,"placeholder":"","show":true,"name":"text_color","value":"","display_name":"Text Color","advanced":true,"input_types":["Message"],"dynamic":false,"info":"The text color of the name","title_case":false,"type":"str","_input_type":"MessageTextInput"}},"description":"Display a chat message in the Playground.","icon":"MessagesSquare","base_classes":["Message"],"display_name":"Chat Output","documentation":"","custom_fields":{},"output_types":[],"pinned":false,"conditional_paths":[],"frozen":false,"outputs":[{"types":["Message"],"selected":"Message","name":"message","display_name":"Message","method":"message_response","value":"__UNDEFINED__","cache":true}],"field_order":["input_value","should_store_message","sender","sender_name","session_id","data_template","background_color","chat_icon","text_color"],"beta":false,"legacy":false,"edited":false,"metadata":{},"tool_mode":false,"category":"outputs","key":"ChatOutput","lf_version":"1.1.0"},"type":"ChatOutput","id":"ChatOutput-Fq691"},"selected":false,"width":320,"height":233,"positionAbsolute":{"x":1671.2823405698737,"y":1740.0505030476897},"dragging":false},{"id":"note-sgCEa","type":"noteNode","position":{"x":36.27758433499554,"y":707.9308172170124},"data":{"node":{"description":"# New API\n### API Request Component used as a Tool\n#### Obtain the API key\nGet the API key from [https://newsapi.org/](https://newsapi.org/).\nAdd it to the header as:\n```json\n{ \"Authorization\": \"Bearer <API_KEY>\" }","display_name":"","documentation":"","template":{}},"type":"note","id":"note-sgCEa"},"width":324,"height":422,"selected":false,"positionAbsolute":{"x":36.27758433499554,"y":707.9308172170124},"dragging":false,"style":{"width":324,"height":422},"resizing":false},{"id":"note-PA7WY","type":"noteNode","position":{"x":37.99771117705882,"y":1620.670870756017},"data":{"node":{"description":"# Composio Tools\n\n### Setting up Composio API\n\n1. Obtain the API key from [https://app.composio.dev/](https://app.composio.dev/).\n\n2. Go to the **Tools** section in the Composio dashboard and set up the Gmail tool.","display_name":"","documentation":"","template":{}},"type":"note","id":"note-PA7WY"},"selected":false,"width":324,"height":365,"positionAbsolute":{"x":37.99771117705882,"y":1620.670870756017},"dragging":false,"style":{"width":324,"height":365},"resizing":false},{"id":"note-c2yBr","type":"noteNode","position":{"x":1165.970847801274,"y":875.508228072337},"data":{"node":{"description":"# Newsletter Agent Flow\n\nThis flow automates the creation and delivery of newsletters by using an orchestrated setup with the following agents as tools:\n\n- **NewsAgent:** Retrieves the latest news from the News API based on specified queries.\n- **NewsletterAgent:** Formats the gathered news into an engaging newsletter with highlights, summaries, and visuals, then sends it via email.\n- **Agent Orchestrator:** Coordinates the agents and tools for a seamless and efficient workflow.\n\n### Sample Query\n\n*“Gather the latest Apple product news and create an engaging newsletter with highlights, summaries, and visuals. Send it to edwin.jose@datastax.com.”*\n\n","display_name":"","documentation":"","template":{}},"type":"note","id":"note-c2yBr"},"width":600,"height":508,"selected":false,"dragging":false,"positionAbsolute":{"x":1165.970847801274,"y":875.508228072337},"style":{"width":600,"height":508},"resizing":false}],"edges":[{"source":"ComposioAPI-xrwhc","sourceHandle":"{œdataTypeœ:œComposioAPIœ,œidœ:œComposioAPI-xrwhcœ,œnameœ:œapi_build_toolœ,œoutput_typesœ:[œToolœ]}","target":"NewsLetterAgent-AuPCR","targetHandle":"{œfieldNameœ:œtoolsœ,œidœ:œNewsLetterAgent-AuPCRœ,œinputTypesœ:[œToolœ,œBaseToolœ,œStructuredToolœ],œtypeœ:œotherœ}","data":{"targetHandle":{"fieldName":"tools","id":"NewsLetterAgent-AuPCR","inputTypes":["Tool","BaseTool","StructuredTool"],"type":"other"},"sourceHandle":{"dataType":"ComposioAPI","id":"ComposioAPI-xrwhc","name":"api_build_tool","output_types":["Tool"]}},"id":"reactflow__edge-ComposioAPI-xrwhc{œdataTypeœ:œComposioAPIœ,œidœ:œComposioAPI-xrwhcœ,œnameœ:œapi_build_toolœ,œoutput_typesœ:[œToolœ]}-NewsLetterAgent-AuPCR{œfieldNameœ:œtoolsœ,œidœ:œNewsLetterAgent-AuPCRœ,œinputTypesœ:[œToolœ,œBaseToolœ,œStructuredToolœ],œtypeœ:œotherœ}","animated":false,"className":""},{"source":"ChatInput-6fofq","sourceHandle":"{œdataTypeœ:œChatInputœ,œidœ:œChatInput-6fofqœ,œnameœ:œmessageœ,œoutput_typesœ:[œMessageœ]}","target":"NewsAgent-7KSUU","targetHandle":"{œfieldNameœ:œinput_valueœ,œidœ:œNewsAgent-7KSUUœ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}","data":{"targetHandle":{"fieldName":"input_value","id":"NewsAgent-7KSUU","inputTypes":["Message"],"type":"str"},"sourceHandle":{"dataType":"ChatInput","id":"ChatInput-6fofq","name":"message","output_types":["Message"]}},"id":"reactflow__edge-ChatInput-6fofq{œdataTypeœ:œChatInputœ,œidœ:œChatInput-6fofqœ,œnameœ:œmessageœ,œoutput_typesœ:[œMessageœ]}-NewsAgent-7KSUU{œfieldNameœ:œinput_valueœ,œidœ:œNewsAgent-7KSUUœ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}","animated":false,"className":""},{"source":"ChatInput-6fofq","sourceHandle":"{œdataTypeœ:œChatInputœ,œidœ:œChatInput-6fofqœ,œnameœ:œmessageœ,œoutput_typesœ:[œMessageœ]}","target":"AgentOrchestrator-FE9B3","targetHandle":"{œfieldNameœ:œinput_valueœ,œidœ:œAgentOrchestrator-FE9B3œ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}","data":{"targetHandle":{"fieldName":"input_value","id":"AgentOrchestrator-FE9B3","inputTypes":["Message"],"type":"str"},"sourceHandle":{"dataType":"ChatInput","id":"ChatInput-6fofq","name":"message","output_types":["Message"]}},"id":"reactflow__edge-ChatInput-6fofq{œdataTypeœ:œChatInputœ,œidœ:œChatInput-6fofqœ,œnameœ:œmessageœ,œoutput_typesœ:[œMessageœ]}-AgentOrchestrator-FE9B3{œfieldNameœ:œinput_valueœ,œidœ:œAgentOrchestrator-FE9B3œ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}","animated":false,"className":""},{"source":"AgentOrchestrator-FE9B3","sourceHandle":"{œdataTypeœ:œAgentOrchestratorœ,œidœ:œAgentOrchestrator-FE9B3œ,œnameœ:œresponseœ,œoutput_typesœ:[œMessageœ]}","target":"ChatOutput-Fq691","targetHandle":"{œfieldNameœ:œinput_valueœ,œidœ:œChatOutput-Fq691œ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}","data":{"targetHandle":{"fieldName":"input_value","id":"ChatOutput-Fq691","inputTypes":["Message"],"type":"str"},"sourceHandle":{"dataType":"AgentOrchestrator","id":"AgentOrchestrator-FE9B3","name":"response","output_types":["Message"]}},"id":"reactflow__edge-AgentOrchestrator-FE9B3{œdataTypeœ:œAgentOrchestratorœ,œidœ:œAgentOrchestrator-FE9B3œ,œnameœ:œresponseœ,œoutput_typesœ:[œMessageœ]}-ChatOutput-Fq691{œfieldNameœ:œinput_valueœ,œidœ:œChatOutput-Fq691œ,œinputTypesœ:[œMessageœ],œtypeœ:œstrœ}","animated":false,"className":""},{"source":"NewsAgent-7KSUU","sourceHandle":"{œdataTypeœ:œNewsAgentœ,œidœ:œNewsAgent-7KSUUœ,œnameœ:œcomponent_as_toolœ,œoutput_typesœ:[œToolœ]}","target":"AgentOrchestrator-FE9B3","targetHandle":"{œfieldNameœ:œtoolsœ,œidœ:œAgentOrchestrator-FE9B3œ,œinputTypesœ:[œToolœ,œBaseToolœ,œStructuredToolœ],œtypeœ:œotherœ}","data":{"targetHandle":{"fieldName":"tools","id":"AgentOrchestrator-FE9B3","inputTypes":["Tool","BaseTool","StructuredTool"],"type":"other"},"sourceHandle":{"dataType":"NewsAgent","id":"NewsAgent-7KSUU","name":"component_as_tool","output_types":["Tool"]}},"id":"reactflow__edge-NewsAgent-7KSUU{œdataTypeœ:œNewsAgentœ,œidœ:œNewsAgent-7KSUUœ,œnameœ:œcomponent_as_toolœ,œoutput_typesœ:[œToolœ]}-AgentOrchestrator-FE9B3{œfieldNameœ:œtoolsœ,œidœ:œAgentOrchestrator-FE9B3œ,œinputTypesœ:[œToolœ,œBaseToolœ,œStructuredToolœ],œtypeœ:œotherœ}","animated":false,"className":""},{"source":"NewsLetterAgent-AuPCR","sourceHandle":"{œdataTypeœ:œNewsLetterAgentœ,œidœ:œNewsLetterAgent-AuPCRœ,œnameœ:œcomponent_as_toolœ,œoutput_typesœ:[œToolœ]}","target":"AgentOrchestrator-FE9B3","targetHandle":"{œfieldNameœ:œtoolsœ,œidœ:œAgentOrchestrator-FE9B3œ,œinputTypesœ:[œToolœ,œBaseToolœ,œStructuredToolœ],œtypeœ:œotherœ}","data":{"targetHandle":{"fieldName":"tools","id":"AgentOrchestrator-FE9B3","inputTypes":["Tool","BaseTool","StructuredTool"],"type":"other"},"sourceHandle":{"dataType":"NewsLetterAgent","id":"NewsLetterAgent-AuPCR","name":"component_as_tool","output_types":["Tool"]}},"id":"reactflow__edge-NewsLetterAgent-AuPCR{œdataTypeœ:œNewsLetterAgentœ,œidœ:œNewsLetterAgent-AuPCRœ,œnameœ:œcomponent_as_toolœ,œoutput_typesœ:[œToolœ]}-AgentOrchestrator-FE9B3{œfieldNameœ:œtoolsœ,œidœ:œAgentOrchestrator-FE9B3œ,œinputTypesœ:[œToolœ,œBaseToolœ,œStructuredToolœ],œtypeœ:œotherœ}","animated":false,"className":""},{"source":"News API Request-Y1ShE","sourceHandle":"{œdataTypeœ:œNews API Requestœ,œidœ:œNews API Request-Y1ShEœ,œnameœ:œcomponent_as_toolœ,œoutput_typesœ:[œToolœ]}","target":"NewsAgent-7KSUU","targetHandle":"{œfieldNameœ:œtoolsœ,œidœ:œNewsAgent-7KSUUœ,œinputTypesœ:[œToolœ,œBaseToolœ,œStructuredToolœ],œtypeœ:œotherœ}","data":{"targetHandle":{"fieldName":"tools","id":"NewsAgent-7KSUU","inputTypes":["Tool","BaseTool","StructuredTool"],"type":"other"},"sourceHandle":{"dataType":"News API Request","id":"News API Request-Y1ShE","name":"component_as_tool","output_types":["Tool"]}},"id":"reactflow__edge-News API Request-Y1ShE{œdataTypeœ:œNews API Requestœ,œidœ:œNews API Request-Y1ShEœ,œnameœ:œcomponent_as_toolœ,œoutput_typesœ:[œToolœ]}-NewsAgent-7KSUU{œfieldNameœ:œtoolsœ,œidœ:œNewsAgent-7KSUUœ,œinputTypesœ:[œToolœ,œBaseToolœ,œStructuredToolœ],œtypeœ:œotherœ}","className":"","animated":false}],"viewport":{"x":280.6082112752107,"y":-1178.2026604648831,"zoom":0.655289138555648}},"description":"Langflow Version 1.1main","name":"NewsLetter MultiAgent","last_tested_version":"1.1.0","endpoint_name":null,"is_component":false}


--------------------------------------------------------------------------------
/hooks/use-toast.ts:
--------------------------------------------------------------------------------
  1 | 'use client';
  2 | 
  3 | // Inspired by react-hot-toast library
  4 | import * as React from 'react';
  5 | 
  6 | import type { ToastActionElement, ToastProps } from '@/components/ui/toast';
  7 | 
  8 | const TOAST_LIMIT = 1;
  9 | const TOAST_REMOVE_DELAY = 1000000;
 10 | 
 11 | type ToasterToast = ToastProps & {
 12 |   id: string;
 13 |   title?: React.ReactNode;
 14 |   description?: React.ReactNode;
 15 |   action?: ToastActionElement;
 16 | };
 17 | 
 18 | const actionTypes = {
 19 |   ADD_TOAST: 'ADD_TOAST',
 20 |   UPDATE_TOAST: 'UPDATE_TOAST',
 21 |   DISMISS_TOAST: 'DISMISS_TOAST',
 22 |   REMOVE_TOAST: 'REMOVE_TOAST',
 23 | } as const;
 24 | 
 25 | let count = 0;
 26 | 
 27 | function genId() {
 28 |   count = (count + 1) % Number.MAX_SAFE_INTEGER;
 29 |   return count.toString();
 30 | }
 31 | 
 32 | type ActionType = typeof actionTypes;
 33 | 
 34 | type Action =
 35 |   | {
 36 |       type: ActionType['ADD_TOAST'];
 37 |       toast: ToasterToast;
 38 |     }
 39 |   | {
 40 |       type: ActionType['UPDATE_TOAST'];
 41 |       toast: Partial<ToasterToast>;
 42 |     }
 43 |   | {
 44 |       type: ActionType['DISMISS_TOAST'];
 45 |       toastId?: ToasterToast['id'];
 46 |     }
 47 |   | {
 48 |       type: ActionType['REMOVE_TOAST'];
 49 |       toastId?: ToasterToast['id'];
 50 |     };
 51 | 
 52 | interface State {
 53 |   toasts: ToasterToast[];
 54 | }
 55 | 
 56 | const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
 57 | 
 58 | const addToRemoveQueue = (toastId: string) => {
 59 |   if (toastTimeouts.has(toastId)) {
 60 |     return;
 61 |   }
 62 | 
 63 |   const timeout = setTimeout(() => {
 64 |     toastTimeouts.delete(toastId);
 65 |     dispatch({
 66 |       type: 'REMOVE_TOAST',
 67 |       toastId: toastId,
 68 |     });
 69 |   }, TOAST_REMOVE_DELAY);
 70 | 
 71 |   toastTimeouts.set(toastId, timeout);
 72 | };
 73 | 
 74 | export const reducer = (state: State, action: Action): State => {
 75 |   switch (action.type) {
 76 |     case 'ADD_TOAST':
 77 |       return {
 78 |         ...state,
 79 |         toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
 80 |       };
 81 | 
 82 |     case 'UPDATE_TOAST':
 83 |       return {
 84 |         ...state,
 85 |         toasts: state.toasts.map((t) =>
 86 |           t.id === action.toast.id ? { ...t, ...action.toast } : t
 87 |         ),
 88 |       };
 89 | 
 90 |     case 'DISMISS_TOAST': {
 91 |       const { toastId } = action;
 92 | 
 93 |       // ! Side effects ! - This could be extracted into a dismissToast() action,
 94 |       // but I'll keep it here for simplicity
 95 |       if (toastId) {
 96 |         addToRemoveQueue(toastId);
 97 |       } else {
 98 |         state.toasts.forEach((toast) => {
 99 |           addToRemoveQueue(toast.id);
100 |         });
101 |       }
102 | 
103 |       return {
104 |         ...state,
105 |         toasts: state.toasts.map((t) =>
106 |           t.id === toastId || toastId === undefined
107 |             ? {
108 |                 ...t,
109 |                 open: false,
110 |               }
111 |             : t
112 |         ),
113 |       };
114 |     }
115 |     case 'REMOVE_TOAST':
116 |       if (action.toastId === undefined) {
117 |         return {
118 |           ...state,
119 |           toasts: [],
120 |         };
121 |       }
122 |       return {
123 |         ...state,
124 |         toasts: state.toasts.filter((t) => t.id !== action.toastId),
125 |       };
126 |   }
127 | };
128 | 
129 | const listeners: Array<(state: State) => void> = [];
130 | 
131 | let memoryState: State = { toasts: [] };
132 | 
133 | function dispatch(action: Action) {
134 |   memoryState = reducer(memoryState, action);
135 |   listeners.forEach((listener) => {
136 |     listener(memoryState);
137 |   });
138 | }
139 | 
140 | type Toast = Omit<ToasterToast, 'id'>;
141 | 
142 | function toast({ ...props }: Toast) {
143 |   const id = genId();
144 | 
145 |   const update = (props: ToasterToast) =>
146 |     dispatch({
147 |       type: 'UPDATE_TOAST',
148 |       toast: { ...props, id },
149 |     });
150 |   const dismiss = () => dispatch({ type: 'DISMISS_TOAST', toastId: id });
151 | 
152 |   dispatch({
153 |     type: 'ADD_TOAST',
154 |     toast: {
155 |       ...props,
156 |       id,
157 |       open: true,
158 |       onOpenChange: (open) => {
159 |         if (!open) dismiss();
160 |       },
161 |     },
162 |   });
163 | 
164 |   return {
165 |     id: id,
166 |     dismiss,
167 |     update,
168 |   };
169 | }
170 | 
171 | function useToast() {
172 |   const [state, setState] = React.useState<State>(memoryState);
173 | 
174 |   React.useEffect(() => {
175 |     listeners.push(setState);
176 |     return () => {
177 |       const index = listeners.indexOf(setState);
178 |       if (index > -1) {
179 |         listeners.splice(index, 1);
180 |       }
181 |     };
182 |   }, [state]);
183 | 
184 |   return {
185 |     ...state,
186 |     toast,
187 |     dismiss: (toastId?: string) => dispatch({ type: 'DISMISS_TOAST', toastId }),
188 |   };
189 | }
190 | 
191 | export { useToast, toast };
192 | 


--------------------------------------------------------------------------------
/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { clsx, type ClassValue } from 'clsx';
2 | import { twMerge } from 'tailwind-merge';
3 | 
4 | export function cn(...inputs: ClassValue[]) {
5 |   return twMerge(clsx(inputs));
6 | }
7 | 


--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('next').NextConfig} */
 2 | const nextConfig = {
 3 |   // output: 'export',
 4 |   eslint: {
 5 |     ignoreDuringBuilds: true,
 6 |   },
 7 |   images: { unoptimized: true },
 8 | };
 9 | 
10 | module.exports = nextConfig;
11 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "nextjs",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start",
 9 |     "lint": "next lint"
10 |   },
11 |   "dependencies": {
12 |     "@hookform/resolvers": "^3.9.0",
13 |     "@next/swc-wasm-nodejs": "13.5.1",
14 |     "@radix-ui/react-accordion": "^1.2.0",
15 |     "@radix-ui/react-alert-dialog": "^1.1.1",
16 |     "@radix-ui/react-aspect-ratio": "^1.1.0",
17 |     "@radix-ui/react-avatar": "^1.1.0",
18 |     "@radix-ui/react-checkbox": "^1.1.1",
19 |     "@radix-ui/react-collapsible": "^1.1.0",
20 |     "@radix-ui/react-context-menu": "^2.2.1",
21 |     "@radix-ui/react-dialog": "^1.1.1",
22 |     "@radix-ui/react-dropdown-menu": "^2.1.1",
23 |     "@radix-ui/react-hover-card": "^1.1.1",
24 |     "@radix-ui/react-label": "^2.1.0",
25 |     "@radix-ui/react-menubar": "^1.1.1",
26 |     "@radix-ui/react-navigation-menu": "^1.2.0",
27 |     "@radix-ui/react-popover": "^1.1.1",
28 |     "@radix-ui/react-progress": "^1.1.0",
29 |     "@radix-ui/react-radio-group": "^1.2.0",
30 |     "@radix-ui/react-scroll-area": "^1.1.0",
31 |     "@radix-ui/react-select": "^2.1.1",
32 |     "@radix-ui/react-separator": "^1.1.0",
33 |     "@radix-ui/react-slider": "^1.2.0",
34 |     "@radix-ui/react-slot": "^1.1.0",
35 |     "@radix-ui/react-switch": "^1.1.0",
36 |     "@radix-ui/react-tabs": "^1.1.0",
37 |     "@radix-ui/react-toast": "^1.2.1",
38 |     "@radix-ui/react-toggle": "^1.1.0",
39 |     "@radix-ui/react-toggle-group": "^1.1.0",
40 |     "@radix-ui/react-tooltip": "^1.1.2",
41 |     "@types/node": "20.6.2",
42 |     "@types/react": "18.2.22",
43 |     "@types/react-dom": "18.2.7",
44 |     "autoprefixer": "10.4.15",
45 |     "class-variance-authority": "^0.7.0",
46 |     "clsx": "^2.1.1",
47 |     "cmdk": "^1.0.0",
48 |     "date-fns": "^3.6.0",
49 |     "embla-carousel-react": "^8.3.0",
50 |     "eslint": "8.49.0",
51 |     "eslint-config-next": "13.5.1",
52 |     "input-otp": "^1.2.4",
53 |     "lucide-react": "^0.446.0",
54 |     "next": "13.5.1",
55 |     "next-themes": "^0.3.0",
56 |     "postcss": "8.4.30",
57 |     "react": "18.2.0",
58 |     "react-day-picker": "^8.10.1",
59 |     "react-dom": "18.2.0",
60 |     "react-hook-form": "^7.53.0",
61 |     "react-markdown": "^9.0.1",
62 |     "react-resizable-panels": "^2.1.3",
63 |     "recharts": "^2.12.7",
64 |     "remark-gfm": "^4.0.0",
65 |     "sonner": "^1.5.0",
66 |     "tailwind-merge": "^2.5.2",
67 |     "tailwindcss": "3.3.3",
68 |     "tailwindcss-animate": "^1.0.7",
69 |     "typescript": "5.2.2",
70 |     "vaul": "^0.9.9",
71 |     "zod": "^3.23.8"
72 |   }
73 | }


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | };
7 | 


--------------------------------------------------------------------------------
/tailwind.config.ts:
--------------------------------------------------------------------------------
 1 | import type { Config } from 'tailwindcss';
 2 | 
 3 | const config: Config = {
 4 |   darkMode: ['class'],
 5 |   content: [
 6 |     './pages/**/*.{js,ts,jsx,tsx,mdx}',
 7 |     './components/**/*.{js,ts,jsx,tsx,mdx}',
 8 |     './app/**/*.{js,ts,jsx,tsx,mdx}',
 9 |   ],
10 |   theme: {
11 |     extend: {
12 |       backgroundImage: {
13 |         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
14 |         'gradient-conic':
15 |           'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
16 |       },
17 |       borderRadius: {
18 |         lg: 'var(--radius)',
19 |         md: 'calc(var(--radius) - 2px)',
20 |         sm: 'calc(var(--radius) - 4px)',
21 |       },
22 |       colors: {
23 |         background: 'hsl(var(--background))',
24 |         foreground: 'hsl(var(--foreground))',
25 |         card: {
26 |           DEFAULT: 'hsl(var(--card))',
27 |           foreground: 'hsl(var(--card-foreground))',
28 |         },
29 |         popover: {
30 |           DEFAULT: 'hsl(var(--popover))',
31 |           foreground: 'hsl(var(--popover-foreground))',
32 |         },
33 |         primary: {
34 |           DEFAULT: 'hsl(var(--primary))',
35 |           foreground: 'hsl(var(--primary-foreground))',
36 |         },
37 |         secondary: {
38 |           DEFAULT: 'hsl(var(--secondary))',
39 |           foreground: 'hsl(var(--secondary-foreground))',
40 |         },
41 |         muted: {
42 |           DEFAULT: 'hsl(var(--muted))',
43 |           foreground: 'hsl(var(--muted-foreground))',
44 |         },
45 |         accent: {
46 |           DEFAULT: 'hsl(var(--accent))',
47 |           foreground: 'hsl(var(--accent-foreground))',
48 |         },
49 |         destructive: {
50 |           DEFAULT: 'hsl(var(--destructive))',
51 |           foreground: 'hsl(var(--destructive-foreground))',
52 |         },
53 |         border: 'hsl(var(--border))',
54 |         input: 'hsl(var(--input))',
55 |         ring: 'hsl(var(--ring))',
56 |         chart: {
57 |           '1': 'hsl(var(--chart-1))',
58 |           '2': 'hsl(var(--chart-2))',
59 |           '3': 'hsl(var(--chart-3))',
60 |           '4': 'hsl(var(--chart-4))',
61 |           '5': 'hsl(var(--chart-5))',
62 |         },
63 |       },
64 |       keyframes: {
65 |         'accordion-down': {
66 |           from: {
67 |             height: '0',
68 |           },
69 |           to: {
70 |             height: 'var(--radix-accordion-content-height)',
71 |           },
72 |         },
73 |         'accordion-up': {
74 |           from: {
75 |             height: 'var(--radix-accordion-content-height)',
76 |           },
77 |           to: {
78 |             height: '0',
79 |           },
80 |         },
81 |       },
82 |       animation: {
83 |         'accordion-down': 'accordion-down 0.2s ease-out',
84 |         'accordion-up': 'accordion-up 0.2s ease-out',
85 |       },
86 |     },
87 |   },
88 |   plugins: [require('tailwindcss-animate')],
89 | };
90 | export default config;
91 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "target": "es5",
 4 |     "lib": ["dom", "dom.iterable", "esnext"],
 5 |     "allowJs": true,
 6 |     "skipLibCheck": true,
 7 |     "strict": true,
 8 |     "noEmit": true,
 9 |     "esModuleInterop": true,
10 |     "module": "esnext",
11 |     "moduleResolution": "bundler",
12 |     "resolveJsonModule": true,
13 |     "isolatedModules": true,
14 |     "jsx": "preserve",
15 |     "incremental": true,
16 |     "plugins": [
17 |       {
18 |         "name": "next"
19 |       }
20 |     ],
21 |     "paths": {
22 |       "@/*": ["./*"]
23 |     }
24 |   },
25 |   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
26 |   "exclude": ["node_modules"]
27 | }
28 | 


--------------------------------------------------------------------------------