-
- real-estate-api.com
- API
-
-
- Last updated: 2 hours ago
-
-
280 records
+export function PipelineDataSource() {
+ return (
+
+
+ Data Sources
+
+
+
+
+
+ example-realty.com
+ Website
+
+ Last updated: 2 hours ago
+
+
540 records
-
-
- );
-}
\ No newline at end of file
+
+
+
+ property-listings.com
+ Website
+
+
+ Last updated: 2 hours ago
+
+
420 records
+
+
+
+
+ real-estate-api.com
+ API
+
+
+ Last updated: 2 hours ago
+
+
280 records
+
+
+ );
+}
diff --git a/frontend/components/pipeline/output-config.tsx b/frontend/components/pipeline/output-config.tsx
new file mode 100644
index 0000000..0a136c4
--- /dev/null
+++ b/frontend/components/pipeline/output-config.tsx
@@ -0,0 +1,96 @@
+import { Check, Download } from "lucide-react";
+import { Badge } from "../ui/badge";
+import { Button } from "../ui/button";
+import { Label } from "../ui/label";
+import {
+ Card,
+ CardHeader,
+ CardTitle,
+ CardDescription,
+ CardContent,
+} from "../ui/card";
+
+export function PipelineOutputConfig() {
+ return (
+
+
+ Output Configuration
+
+ Configure how your data will be structured and exported
+
+
+
+
+
+
+
+
+
+ JSON
+
+
+
+ Structured data format
+
+
+
+
CSV
+
+ Spreadsheet compatible
+
+
+
+
SQLite
+
+ Portable database
+
+
+
+
YAML
+
+ Human-readable format
+
+
+
+
+
+
+
+
+ Sample Data
+
+
+
+ {`{
+ "properties": [
+ {
+ "id": "P001",
+ "title": "Modern Apartment",
+ "price": 350000,
+ "bedrooms": 2,
+ "location": "Downtown"
+ },
+ {
+ "id": "P002",
+ "title": "Luxury Villa",
+ "price": 1250000,
+ "bedrooms": 5,
+ "location": "Suburbs"
+ }
+ ]
+}`}
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/components/pipeline/run-history.tsx b/frontend/components/pipeline/run-history.tsx
new file mode 100644
index 0000000..7807dcf
--- /dev/null
+++ b/frontend/components/pipeline/run-history.tsx
@@ -0,0 +1,109 @@
+import { Badge } from "../ui/badge";
+import { Button } from "../ui/button";
+import {
+ Card,
+ CardHeader,
+ CardTitle,
+ CardDescription,
+ CardContent,
+} from "../ui/card";
+
+export function PipelineRunHistory() {
+ return (
+
+
+ Run History
+ History of pipeline executions
+
+
+
+
+
+
+
+ |
+ Run ID
+ |
+
+ Date
+ |
+
+ Status
+ |
+
+ Duration
+ |
+
+ Records
+ |
+
+ Actions
+ |
+
+
+
+
+ | RUN-123 |
+ Today, 10:30 AM |
+
+
+ Success
+
+ |
+ 2m 15s |
+ 1,240 |
+
+
+ |
+
+
+ | RUN-122 |
+ Yesterday, 10:30 AM |
+
+
+ Success
+
+ |
+ 2m 10s |
+ 1,235 |
+
+
+ |
+
+
+ | RUN-121 |
+ 2 days ago, 10:30 AM |
+
+
+ Success
+
+ |
+ 2m 05s |
+ 1,228 |
+
+
+ |
+
+
+
+
+
+ );
+}
diff --git a/frontend/components/pipeline/settings.tsx b/frontend/components/pipeline/settings.tsx
new file mode 100644
index 0000000..fb76b03
--- /dev/null
+++ b/frontend/components/pipeline/settings.tsx
@@ -0,0 +1,100 @@
+import { Button } from "../ui/button";
+import { Label } from "../ui/label";
+import {
+ Card,
+ CardHeader,
+ CardTitle,
+ CardDescription,
+ CardContent,
+} from "../ui/card";
+import { Input } from "../ui/input";
+
+export function PipelineSettings() {
+ return (
+
+
+ Pipeline Settings
+ Configure pipeline behavior
+
+
+
+
+
Scheduling
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/components/pipeline/status.tsx b/frontend/components/pipeline/status.tsx
index 4266684..63f9e7e 100644
--- a/frontend/components/pipeline/status.tsx
+++ b/frontend/components/pipeline/status.tsx
@@ -2,40 +2,40 @@ import { Badge } from "../ui/badge";
import { Card, CardHeader, CardTitle, CardContent } from "../ui/card";
export function PipelineStatus() {
- return (
-
-
- Pipeline Status
-
-
-
-
- Status:
-
- Active
-
-
-
- Last Run:
- 2 hours ago
-
-
- Next Run:
- Tomorrow at 9:00 AM
-
-
- Run Frequency:
- Daily
-
-
- Total Records:
- 1,240
-
+ return (
+
+
+ Pipeline Status
+
+
+
+
+ Status:
+
+ Active
+
-
-
- );
-}
\ No newline at end of file
+
+ Last Run:
+ 2 hours ago
+
+
+ Next Run:
+ Tomorrow at 9:00 AM
+
+
+ Run Frequency:
+ Daily
+
+
+ Total Records:
+ 1,240
+
+
+ );
+}