-
Trigger ID: {trigger.triggerId}
-
Connected Account: {trigger.connectedAccountId}
- {Object.keys(trigger.triggerConfig).length > 0 && (
-
-
Configuration:
-
- {JSON.stringify(trigger.triggerConfig, null, 2)}
-
+ }
+ >
+
+
+
+ {Object.entries(sections).map(([sectionName, sectionTriggers]) => {
+ if (sectionTriggers.length === 0) return null;
+ return (
+
+
+ {sectionName}
+
+
+ {sectionTriggers.map((trigger) => (
+
+
+
+
+
+ Active
+
+
+ {triggerTypeNames[trigger.triggerTypeSlug] || trigger.triggerTypeSlug}
+
+
+
+ Created: {new Date(trigger.createdAt).toLocaleDateString()}
+
+ {Object.keys(trigger.triggerConfig).length > 0 && (
+
+ Configuration: {Object.keys(trigger.triggerConfig).length} settings
+
+ )}
+
+
handleDeleteTrigger(trigger.id)}
+ className="text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:text-red-300 dark:hover:bg-red-950"
+ >
+
+
+
+ {/* Advanced Details Section - Collapsible */}
+
+
setExpandedTrigger(expandedTrigger === trigger.id ? null : trigger.id)}
+ className="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition-colors"
+ >
+ Advanced Details
+ {expandedTrigger === trigger.id ? (
+
+
+ {expandedTrigger === trigger.id && (
+
+
+ Slug: {trigger.triggerTypeSlug}
+
+
+ Trigger ID: {trigger.triggerId}
+
+
+ Connected Account: {trigger.connectedAccountId}
+
+
+ )}
+
+
+ ))}
- )}
+
+ );
+ })}
+
+ {hasMore && (
+
+
+ {loadingMore ? (
+ <>
+
-
-
- ))}
+ )}
+
+
-
+
);
};
@@ -288,8 +467,8 @@ export function TriggersTab({ projectId }: { projectId: string }) {
Select a Toolkit to Create Trigger
← Back to Triggers
@@ -320,11 +499,7 @@ export function TriggersTab({ projectId }: { projectId: string }) {
return (
<>
-
-
- {showCreateFlow ? renderCreateFlow() : renderTriggerList()}
-
-
+ {showCreateFlow ? renderCreateFlow() : renderTriggerList()}
{/* Auth Modal */}
{selectedToolkit && (
diff --git a/apps/rowboat/app/projects/[projectId]/job-rules/scheduled/components/scheduled-job-rules-list.tsx b/apps/rowboat/app/projects/[projectId]/job-rules/scheduled/components/scheduled-job-rules-list.tsx
index 24ee11a9..da980452 100644
--- a/apps/rowboat/app/projects/[projectId]/job-rules/scheduled/components/scheduled-job-rules-list.tsx
+++ b/apps/rowboat/app/projects/[projectId]/job-rules/scheduled/components/scheduled-job-rules-list.tsx
@@ -4,11 +4,11 @@ import { useCallback, useEffect, useMemo, useState } from "react";
import { Link, Spinner } from "@heroui/react";
import { Button } from "@/components/ui/button";
import { Panel } from "@/components/common/panel-common";
-import { listScheduledJobRules } from "@/app/actions/scheduled-job-rules.actions";
+import { listScheduledJobRules, deleteScheduledJobRule } from "@/app/actions/scheduled-job-rules.actions";
import { z } from "zod";
import { ListedRuleItem } from "@/src/application/repositories/scheduled-job-rules.repository.interface";
import { isToday, isThisWeek, isThisMonth } from "@/lib/utils/date";
-import { PlusIcon } from "lucide-react";
+import { PlusIcon, Trash2 } from "lucide-react";
type ListedItem = z.infer
;
@@ -18,6 +18,7 @@ export function ScheduledJobRulesList({ projectId }: { projectId: string }) {
const [loading, setLoading] = useState(true);
const [loadingMore, setLoadingMore] = useState(false);
const [hasMore, setHasMore] = useState(false);
+ const [deletingRule, setDeletingRule] = useState(null);
const fetchPage = useCallback(async (cursorArg?: string | null) => {
const res = await listScheduledJobRules({ projectId, cursor: cursorArg ?? undefined, limit: 20 });
@@ -48,6 +49,24 @@ export function ScheduledJobRulesList({ projectId }: { projectId: string }) {
setLoadingMore(false);
}, [cursor, fetchPage]);
+ const handleDeleteRule = async (ruleId: string) => {
+ if (!window.confirm('Are you sure you want to delete this one-time trigger?')) {
+ return;
+ }
+
+ try {
+ setDeletingRule(ruleId);
+ await deleteScheduledJobRule({ projectId, ruleId });
+ // Remove the deleted item from the list
+ setItems(prev => prev.filter(item => item.id !== ruleId));
+ } catch (err: any) {
+ console.error('Error deleting one-time trigger:', err);
+ alert('Failed to delete one-time trigger. Please try again.');
+ } finally {
+ setDeletingRule(null);
+ }
+ };
+
const sections = useMemo(() => {
const groups: Record = {
Today: [],
@@ -87,18 +106,15 @@ export function ScheduledJobRulesList({ projectId }: { projectId: string }) {
return (
-
- SCHEDULED JOB RULES
-
+
+ Schedule a single job to run your assistant workflow at a specific date and time.
}
rightActions={
-
-
@@ -123,30 +139,40 @@ export function ScheduledJobRulesList({ projectId }: { projectId: string }) {
{sectionItems.map((item) => (
-
-
+
-
-
- {getStatusText(item.status, item.processedAt || null)}
-
-
- Next run: {formatNextRunAt(item.nextRunAt)}
-
-
-
- Created: {new Date(item.createdAt).toLocaleDateString()}
-
-
-
- {new Date(item.createdAt).toLocaleDateString()}
+
+
+
+ {getStatusText(item.status, item.processedAt || null)}
+
+
+ Next run: {formatNextRunAt(item.nextRunAt)}
+
+
+
+ Created: {new Date(item.createdAt).toLocaleDateString()}
+
+
+
handleDeleteRule(item.id)}
+ className="text-red-600 hover:text-red-700 hover:bg-red-50 dark:text-red-400 dark:hover:text-red-300 dark:hover:bg-red-950"
+ >
+
-
+
))}
- No scheduled job rules found. Create your first rule to get started.
+ No one-time triggers yet. Create your first one-time trigger to get started.
)}
{hasMore && (
@@ -183,3 +209,4 @@ export function ScheduledJobRulesList({ projectId }: { projectId: string }) {
);
}
+
From eab27b120649991782170203f0f2e737b76737a2 Mon Sep 17 00:00:00 2001
From: akhisud3195