diff --git a/frontend/app/(sidebar)/data-pipeline/create/page.tsx b/frontend/app/(sidebar)/data-pipeline/create/page.tsx
index a920c96..42edcdf 100644
--- a/frontend/app/(sidebar)/data-pipeline/create/page.tsx
+++ b/frontend/app/(sidebar)/data-pipeline/create/page.tsx
@@ -1,33 +1,11 @@
import { Button } from "@/components/ui/button";
-import {
- Card,
- CardContent,
- CardDescription,
- CardHeader,
- CardTitle,
-} from "@/components/ui/card";
-import { Input } from "@/components/ui/input";
-import { Label } from "@/components/ui/label";
-import { Textarea } from "@/components/ui/textarea";
-import {
- ArrowLeft,
- Globe,
- FileUp,
- DatabaseIcon,
- Plus,
- Trash2,
-} from "lucide-react";
+import { ArrowLeft } from "lucide-react";
import Link from "next/link";
import PageHeader from "@/components/page-header";
-import { Badge } from "@/components/ui/badge";
-import {
- Accordion,
- AccordionContent,
- AccordionItem,
- AccordionTrigger,
-} from "@/components/ui/accordion";
import { PipelineDetails } from "@/components/pipeline/details";
import { PipelineAiAssistant } from "@/components/pipeline/ai-assistant";
+import { AddDataSource } from "@/components/pipeline/add-data-source";
+import { ScheduleAndInformation } from "@/components/pipeline/schedule-and-information";
export default function CreatePipelinePage() {
return (
@@ -55,358 +33,9 @@ export default function CreatePipelinePage() {
-
+
-
-
- Data Sources
-
- Add one or more data sources to your pipeline
-
-
-
-
-
-
-
-
- Website Source #1
-
-
-
-
-
-
-
-
-
-
-
-
-
- Pattern Detection
-
-
-
-
- Add multiple URLs from the same website (one per
- line)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- File Upload Source #1
-
-
-
-
-
-
-
-
-
- Drag and drop your file here, or click to browse
-
-
-
-
-
- Supported formats: CSV, JSON, Excel, XML (up to
- 50MB)
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- API Source #1
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Schedule & Automation
-
- Configure when and how your pipeline should run
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/frontend/components/pipeline/add-data-source.tsx b/frontend/components/pipeline/add-data-source.tsx
new file mode 100644
index 0000000..b16ef6b
--- /dev/null
+++ b/frontend/components/pipeline/add-data-source.tsx
@@ -0,0 +1,198 @@
+import { DatabaseIcon, FileUp, Globe, Plus, Trash2 } from "lucide-react";
+import {
+ Accordion,
+ AccordionContent,
+ AccordionItem,
+ AccordionTrigger,
+} from "../ui/accordion";
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "../ui/card";
+import { Label } from "../ui/label";
+import { Input } from "../ui/input";
+import { Badge } from "../ui/badge";
+import { Textarea } from "../ui/textarea";
+import { Button } from "../ui/button";
+
+export function AddDataSource() {
+ return (
+
+
+ Data Sources
+
+ Add one or more data sources to your pipeline
+
+
+
+
+
+
+
+
+ Website Source #1
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Pattern Detection
+
+
+
+
+ Add multiple URLs from the same website (one per line)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ File Upload Source #1
+
+
+
+
+
+
+
+
+
+ Drag and drop your file here, or click to browse
+
+
+
+
+
+ Supported formats: CSV, JSON, Excel, XML (up to 50MB)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ API Source #1
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/components/pipeline/schedule-and-information.tsx b/frontend/components/pipeline/schedule-and-information.tsx
new file mode 100644
index 0000000..7c8e8cf
--- /dev/null
+++ b/frontend/components/pipeline/schedule-and-information.tsx
@@ -0,0 +1,167 @@
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+
+export function ScheduleAndInformation() {
+ return (
+
+
+ Schedule & Automation
+
+ Configure when and how your pipeline should run
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}