@shuffleio/shuffle-mcps 0.0.9 → 0.0.11

package/dist/index.js

@@ -7467,6 +7467,10 @@ var AgentUI = ({
   appPickerSubtitle = "Pick the tools the agent is allowed to use for this run",
   submitTooltip = "\u2318+Enter to send",
   submitIcon,
+  submitOverride,
+  submitLabel,
+  disableSchedule,
+  disableScheduleTooltip,
   continuationPlaceholder = "Add more details to continue this task\u2026",
   readUrlParams = true,
   executionId,
@@ -8183,7 +8187,6 @@ var AgentUI = ({
       if (json.success === false) {
         toast({ title: "Failed to submit", description: json.reason || "Try again later.", variant: "destructive" });
       } else {
-        toast({ title: "Submitted", description: "Agent will continue shortly." });
         setQuestionAnswers({});
         setContinuationText("");
         setTimeout(() => {
@@ -8451,10 +8454,17 @@ var AgentUI = ({
     else next.add(i);
     return next;
   });
+  const handlePrimarySubmit = useCallback8(() => {
+    if (submitOverride) {
+      submitOverride({ input: actionInput, apps: chosenApps });
+    } else {
+      submitInput(actionInput);
+    }
+  }, [submitOverride, actionInput, chosenApps, submitInput]);
   const onKeyDown = (e) => {
     if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
       e.preventDefault();
-      submitInput(actionInput);
+      handlePrimarySubmit();
     }
   };
   const activeTab = showStarter ? "start" : viewMode;
@@ -9038,6 +9048,7 @@ var AgentUI = ({
                       await onSchedule({
                         cron,
                         input: actionInput || "",
+                        apps: chosenApps.filter((a) => !!a?.name).map((a) => ({ name: a.name, id: a.id, icon: a.icon })),
                         onStep: (ev) => {
                           setScheduleSteps((prev) => prev.map((p) => p.id === ev.id ? { ...p, state: ev.state, detail: ev.detail } : p));
                         }
@@ -9086,14 +9097,14 @@ var AgentUI = ({
             ...Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : []
           ],
           children: [
-            (showRunSwitcher || showStarter) && tabBar,
+            showRunSwitcher && tabBar,
             showStarter ? /* @__PURE__ */ jsxs13(
               Box12,
               {
                 component: "form",
                 onSubmit: (e) => {
                   e.preventDefault();
-                  submitInput(actionInput);
+                  handlePrimarySubmit();
                 },
                 sx: { display: "flex", flexDirection: "column", alignItems: "center", gap: compact ? 2 : 3, py: compact ? 2 : 4 },
                 children: [
@@ -9206,9 +9217,10 @@ var AgentUI = ({
                       ),
                       (() => {
                         const allowWithoutExecution = showStarter;
-                        const canSchedule = (hasExecution || allowWithoutExecution) && !scheduleDisabledReason;
+                        const promptTooShort = showStarter && (actionInput || "").trim().length < 6;
+                        const canSchedule = (hasExecution || allowWithoutExecution) && !scheduleDisabledReason && !promptTooShort && !disableSchedule;
                         const hintActive = Boolean(scheduleHint) && canSchedule;
-                        const tip = scheduleDisabledReason ? scheduleDisabledTooltip : hintActive ? `Detected schedule: ${scheduleHint.label}. Click to review and save.` : "Schedule this prompt to run repeatedly on a cron schedule";
+                        const tip = disableSchedule ? disableScheduleTooltip || "Scheduling is disabled while editing" : scheduleDisabledReason ? scheduleDisabledTooltip : promptTooShort ? "Type at least 6 characters of prompt before scheduling." : hintActive ? `Detected schedule: ${scheduleHint.label}. Click to review and save.` : "Schedule this prompt to run repeatedly on a cron schedule";
                         return /* @__PURE__ */ jsx15(Tooltip7, { title: tip, placement: "top", arrow: true, children: /* @__PURE__ */ jsx15(Box12, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ jsxs13(
                           IconButton7,
                           {
@@ -9270,7 +9282,48 @@ var AgentUI = ({
                           children: /* @__PURE__ */ jsx15(AttachFileIcon, { sx: { fontSize: 18 } })
                         }
                       ),
-                      /* @__PURE__ */ jsx15(Tooltip7, { title: submitTooltip, placement: "top", arrow: true, children: /* @__PURE__ */ jsx15("span", { children: /* @__PURE__ */ jsx15(
+                      /* @__PURE__ */ jsx15(Tooltip7, { title: submitTooltip, placement: "top", arrow: true, children: /* @__PURE__ */ jsx15("span", { children: submitLabel ? /* @__PURE__ */ jsxs13(Box12, { sx: { display: "inline-flex", alignItems: "center", gap: 1 }, children: [
+                        /* @__PURE__ */ jsx15(Tooltip7, { title: "Try this prompt without saving", placement: "top", arrow: true, children: /* @__PURE__ */ jsx15(
+                          IconButton7,
+                          {
+                            type: "button",
+                            onClick: () => submitInput(actionInput),
+                            disabled: actionInput.trim().length < 6 || agentRequestLoading,
+                            sx: {
+                              width: 36,
+                              height: 36,
+                              bgcolor: "transparent",
+                              border: "1px solid hsl(var(--border))",
+                              color: "hsl(var(--foreground))",
+                              "&:hover": { bgcolor: "hsl(var(--muted))" },
+                              "&.Mui-disabled": { color: "hsl(var(--muted-foreground))" }
+                            },
+                            children: /* @__PURE__ */ jsx15(PlayArrowRoundedIcon2, {})
+                          }
+                        ) }),
+                        /* @__PURE__ */ jsx15(
+                          Button5,
+                          {
+                            type: "submit",
+                            variant: "contained",
+                            disabled: actionInput.trim().length < 6 || agentRequestLoading,
+                            startIcon: agentRequestLoading ? /* @__PURE__ */ jsx15(CircularProgress4, { size: 14, sx: { color: "inherit" } }) : null,
+                            sx: {
+                              height: 36,
+                              px: 2,
+                              textTransform: "none",
+                              fontSize: "0.85rem",
+                              fontWeight: 600,
+                              boxShadow: "none",
+                              bgcolor: "hsl(var(--primary))",
+                              color: "hsl(var(--primary-foreground))",
+                              "&:hover": { bgcolor: "hsl(var(--primary))", filter: "brightness(1.1)", boxShadow: "none" },
+                              "&.Mui-disabled": { bgcolor: "hsl(var(--muted))", color: "hsl(var(--muted-foreground))" }
+                            },
+                            children: submitLabel
+                          }
+                        )
+                      ] }) : /* @__PURE__ */ jsx15(
                         IconButton7,
                         {
                           type: "submit",
@@ -10200,8 +10253,15 @@ import {
   Button as Button6,
   Chip as Chip8,
   CircularProgress as CircularProgress5,
+  Dialog as Dialog2,
+  DialogActions,
+  DialogContent as DialogContent2,
+  DialogTitle as DialogTitle2,
   InputAdornment,
+  MenuItem as MenuItem3,
+  Select as Select3,
   TextField as TextField5,
+  Tooltip as Tooltip9,
   Typography as Typography14
 } from "@mui/material";
 import SearchIcon from "@mui/icons-material/Search";
@@ -10235,10 +10295,11 @@ var searchAgentActivity = async (params = {}) => {
     suborgRuns = false,
     apiKey,
     apiBaseUrl,
-    orgId
+    orgId,
+    workflowId = "AGENT"
   } = params;
   const payload = {
-    workflow_id: "AGENT",
+    workflow_id: workflowId,
     cursor,
     limit,
     status,
@@ -10265,8 +10326,80 @@ var searchAgentActivity = async (params = {}) => {
     cursor: data.cursor || ""
   };
 };
+var listAgentScheduleWorkflows = async (params = {}) => {
+  const { apiKey, apiBaseUrl, orgId } = params;
+  const response = await fetch(resolveUrl("/api/v1/workflows", apiBaseUrl), {
+    method: "GET",
+    credentials: "include",
+    headers: { "Content-Type": "application/json", ...resolveHeaders(apiKey, orgId) }
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch workflows: ${response.statusText}`);
+  }
+  const data = await response.json();
+  const list = Array.isArray(data) ? data : data?.workflows || [];
+  return list.filter((w) => w && w.workflow_type === "AGENT_SCHEDULE").map((w) => ({ id: w.id || w._id, name: w.name || "Untitled", description: w.description }));
+};
+var findAgentInputParam = (workflow) => {
+  const actions = workflow?.actions || [];
+  for (const a of actions) {
+    if ((a?.app_name || "").toLowerCase().includes("ai agent") || a?.app_id === "shuffle_agent") {
+      const params = a?.parameters || [];
+      const p = params.find((x) => x?.name === "input");
+      if (p) return { action: a, param: p };
+    }
+  }
+  return null;
+};
+var getWorkflow = async (workflowId, params = {}) => {
+  const { apiKey, apiBaseUrl, orgId } = params;
+  const res = await fetch(resolveUrl(`/api/v1/workflows/${workflowId}`, apiBaseUrl), {
+    method: "GET",
+    credentials: "include",
+    headers: { "Content-Type": "application/json", ...resolveHeaders(apiKey, orgId) }
+  });
+  if (!res.ok) throw new Error(`Failed to fetch workflow: ${res.statusText}`);
+  return res.json();
+};
+var getAgentScheduleConfig = async (workflowId, params = {}) => {
+  const workflow = await getWorkflow(workflowId, params);
+  const found = findAgentInputParam(workflow);
+  const prompt = String(found?.param?.value || "");
+  const action = found?.action;
+  const actionParams = action?.parameters || [];
+  const appNameParam = actionParams.find((x) => x?.name === "app_name");
+  const raw = String(appNameParam?.value || "");
+  const apps = raw.split(",").map((s) => s.trim()).filter(Boolean).map((name) => ({ name }));
+  return { workflow, prompt, apps };
+};
+var stopAgentSchedule = async (workflowId, params = {}) => {
+  const { apiKey, apiBaseUrl, orgId } = params;
+  const headers = { ...resolveHeaders(apiKey, orgId) };
+  try {
+    const workflow = await getWorkflow(workflowId, params);
+    const triggers = workflow?.triggers || [];
+    const scheduleIds = triggers.filter((t) => (t?.trigger_type || "").toUpperCase() === "SCHEDULE").map((t) => t?.id || t?.id_ || t?._id_).filter(Boolean);
+    await Promise.all(
+      scheduleIds.map(
+        (sid) => fetch(resolveUrl(`/api/v1/workflows/${workflowId}/schedule/${sid}`, apiBaseUrl), {
+          method: "DELETE",
+          credentials: "include",
+          headers
+        }).catch(() => void 0)
+      )
+    );
+  } catch {
+  }
+  const res = await fetch(resolveUrl(`/api/v1/workflows/${workflowId}`, apiBaseUrl), {
+    method: "DELETE",
+    credentials: "include",
+    headers
+  });
+  if (!res.ok) throw new Error(`Failed to stop schedule: ${res.statusText}`);
+};
 
 // AgentActivityList.tsx
+import { Pencil, StopCircle } from "lucide-react";
 import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var STATUS_CONFIG = {
   FINISHED: { icon: /* @__PURE__ */ jsx17(CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
@@ -10354,11 +10487,30 @@ var getRunSubtitle = (run) => {
   }
   return run.execution_source || "Agent execution";
 };
+var getRunTools = (run) => {
+  const out = /* @__PURE__ */ new Set();
+  const add = (v) => {
+    if (!v) return;
+    const s = String(v).trim();
+    if (!s) return;
+    if (/^(ai\s*agent|shuffle\s*agent|shuffle_agent)$/i.test(s)) return;
+    out.add(s);
+  };
+  (run.results || []).forEach((r) => {
+    add(r?.action?.app_name);
+    if (!r?.action?.app_name) add(r?.action?.label);
+  });
+  (run.decisions || []).forEach((d) => {
+    add(typeof d?.tool === "string" ? d.tool : void 0);
+  });
+  return Array.from(out).slice(0, 6);
+};
 var AgentRunRow = ({ run, onClick, sx }) => {
   const statusKey = (run.status || "").toUpperCase();
   const cfg = STATUS_CONFIG[statusKey] || STATUS_CONFIG.WAITING;
   const iconColor = getRunIconColor(run);
   const duration = formatDuration(run);
+  const tools = getRunTools(run);
   return /* @__PURE__ */ jsxs15(
     Box14,
     {
@@ -10438,7 +10590,42 @@ var AgentRunRow = ({ run, onClick, sx }) => {
               /* @__PURE__ */ jsx17(Typography14, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
             ] })
           ] })
-        ] })
+        ] }),
+        tools.length > 0 && /* @__PURE__ */ jsx17(
+          Box14,
+          {
+            sx: {
+              display: { xs: "none", sm: "flex" },
+              alignItems: "center",
+              gap: 0.5,
+              flexWrap: "wrap",
+              justifyContent: "flex-end",
+              maxWidth: 220,
+              flexShrink: 0
+            },
+            children: tools.map((t) => /* @__PURE__ */ jsx17(Tooltip9, { title: t, arrow: true, children: /* @__PURE__ */ jsx17(
+              Chip8,
+              {
+                label: t,
+                size: "small",
+                sx: {
+                  height: 20,
+                  fontSize: "0.68rem",
+                  maxWidth: 120,
+                  bgcolor: "hsla(var(--muted) / 0.5)",
+                  color: "hsl(var(--muted-foreground))",
+                  border: "1px solid hsl(var(--border))",
+                  "& .MuiChip-label": {
+                    px: 0.75,
+                    overflow: "hidden",
+                    textOverflow: "ellipsis",
+                    whiteSpace: "nowrap"
+                  }
+                }
+              }
+            ) }, t))
+          }
+        )
       ]
     }
   );
@@ -10454,6 +10641,7 @@ var AgentActivityList = ({
   apiBaseUrl,
   orgId,
   onRunClick,
+  onEditWorkflow,
   showSearchBar = true,
   showStatusChips = true,
   limit = 50,
@@ -10472,7 +10660,41 @@ var AgentActivityList = ({
   const [statusFilter, setStatusFilter] = useState13("");
   const [searchQuery, setSearchQuery] = useState13("");
   const [debouncedQuery, setDebouncedQuery] = useState13("");
+  const [agentWorkflows, setAgentWorkflows] = useState13([]);
+  const [workflowFilter, setWorkflowFilter] = useState13("");
+  const [stopOpen, setStopOpen] = useState13(false);
+  const [stopLoading, setStopLoading] = useState13(false);
   const debounceRef = useRef8();
+  const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
+  const openEditPrompt = useCallback9(async () => {
+    if (!workflowFilter) return;
+    try {
+      const { prompt, apps } = await getAgentScheduleConfig(workflowFilter, { apiKey, apiBaseUrl, orgId });
+      onEditWorkflow?.({
+        workflowId: workflowFilter,
+        name: selectedAgentWorkflow?.name || "Schedule",
+        prompt,
+        apps
+      });
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to load workflow");
+    }
+  }, [workflowFilter, selectedAgentWorkflow, apiKey, apiBaseUrl, orgId, onEditWorkflow]);
+  const confirmStop = useCallback9(async () => {
+    if (!workflowFilter) return;
+    setStopLoading(true);
+    try {
+      await stopAgentSchedule(workflowFilter, { apiKey, apiBaseUrl, orgId });
+      setStopOpen(false);
+      const items = await listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId });
+      setAgentWorkflows(items);
+      setWorkflowFilter("");
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Failed to stop schedule");
+    } finally {
+      setStopLoading(false);
+    }
+  }, [workflowFilter, apiKey, apiBaseUrl, orgId]);
   const updateSearchQuery = useCallback9((q) => {
     setSearchQuery(q);
     if (debounceRef.current) clearTimeout(debounceRef.current);
@@ -10492,7 +10714,8 @@ var AgentActivityList = ({
           cursor: cursorParam,
           apiKey,
           apiBaseUrl,
-          orgId
+          orgId,
+          workflowId: workflowFilter || "AGENT"
         });
         if (result.success) {
           setRuns((prev) => append ? [...prev, ...result.runs] : result.runs);
@@ -10507,11 +10730,21 @@ var AgentActivityList = ({
         setIsLoading(false);
       }
     },
-    [statusFilter, limit, apiKey, apiBaseUrl, orgId]
+    [statusFilter, limit, apiKey, apiBaseUrl, orgId, workflowFilter]
   );
   useEffect11(() => {
     fetchRuns(false, "");
-  }, [statusFilter, apiKey, apiBaseUrl, orgId]);
+  }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
+  useEffect11(() => {
+    let cancelled = false;
+    listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
+      if (!cancelled) setAgentWorkflows(items);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [apiKey, apiBaseUrl, orgId]);
   const loadMore = useCallback9(() => {
     if (cursor && !isLoading) fetchRuns(true, cursor);
   }, [cursor, isLoading, fetchRuns]);
@@ -10532,6 +10765,48 @@ var AgentActivityList = ({
       sx: [{ display: "flex", flexDirection: "column", gap: 2 }, ...Array.isArray(sx) ? sx : sx ? [sx] : []],
       children: [
         (showSearchBar || showStatusChips) && /* @__PURE__ */ jsxs15(Box14, { sx: [{ display: "flex", alignItems: "center", justifyContent: "center", gap: 1.5, flexWrap: "wrap" }, ...Array.isArray(toolbarSx) ? toolbarSx : toolbarSx ? [toolbarSx] : []], children: [
+          /* @__PURE__ */ jsxs15(
+            Select3,
+            {
+              size: "small",
+              value: workflowFilter,
+              onChange: (e) => setWorkflowFilter(String(e.target.value)),
+              displayEmpty: true,
+              renderValue: (val) => {
+                if (!val) return "All Agent runs";
+                const wf = agentWorkflows.find((w) => w.id === val);
+                return wf?.name || "Selected workflow";
+              },
+              sx: {
+                height: 36,
+                minWidth: 200,
+                maxWidth: 260,
+                fontSize: "0.85rem",
+                bgcolor: "hsl(var(--card))",
+                color: "hsl(var(--foreground))",
+                borderRadius: 1.5,
+                "& .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--border))" },
+                "&:hover .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--muted-foreground) / 0.3)" },
+                "&.Mui-focused .MuiOutlinedInput-notchedOutline": { borderColor: "hsl(var(--primary))" }
+              },
+              MenuProps: {
+                slotProps: {
+                  paper: {
+                    sx: {
+                      bgcolor: "hsl(var(--card))",
+                      border: "1px solid hsl(var(--border))",
+                      color: "hsl(var(--foreground))",
+                      maxHeight: 320
+                    }
+                  }
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx17(MenuItem3, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
+                agentWorkflows.map((w) => /* @__PURE__ */ jsx17(MenuItem3, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id))
+              ]
+            }
+          ),
           showSearchBar && /* @__PURE__ */ jsx17(
             TextField5,
             {
@@ -10581,6 +10856,64 @@ var AgentActivityList = ({
           )),
           isLoading && runs.length > 0 && /* @__PURE__ */ jsx17(CircularProgress5, { size: 16, sx: { color: "hsl(var(--primary))", ml: 0.5 } })
         ] }),
+        selectedAgentWorkflow && /* @__PURE__ */ jsxs15(
+          Box14,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              gap: 1.5,
+              p: 1.5,
+              borderRadius: 2,
+              border: "1px solid hsl(var(--border))",
+              bgcolor: "hsl(var(--card))"
+            },
+            children: [
+              /* @__PURE__ */ jsxs15(Box14, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsx17(Typography14, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.name }),
+                selectedAgentWorkflow.description && /* @__PURE__ */ jsx17(Typography14, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.description })
+              ] }),
+              /* @__PURE__ */ jsx17(
+                Button6,
+                {
+                  size: "small",
+                  startIcon: /* @__PURE__ */ jsx17(Pencil, { size: 14 }),
+                  onClick: openEditPrompt,
+                  sx: {
+                    height: 36,
+                    border: "1px solid hsl(var(--border))",
+                    borderRadius: 1.5,
+                    color: "hsl(var(--foreground))",
+                    textTransform: "none",
+                    fontSize: "0.8rem",
+                    px: 1.5,
+                    "&:hover": { bgcolor: "hsl(var(--muted))" }
+                  },
+                  children: "Edit"
+                }
+              ),
+              /* @__PURE__ */ jsx17(
+                Button6,
+                {
+                  size: "small",
+                  startIcon: /* @__PURE__ */ jsx17(StopCircle, { size: 14 }),
+                  onClick: () => setStopOpen(true),
+                  sx: {
+                    height: 36,
+                    border: "1px solid hsl(var(--severity-critical, 0 72% 55%) / 0.4)",
+                    borderRadius: 1.5,
+                    color: "hsl(var(--severity-critical, 0 72% 55%))",
+                    textTransform: "none",
+                    fontSize: "0.8rem",
+                    px: 1.5,
+                    "&:hover": { bgcolor: "hsla(var(--severity-critical, 0 72% 55%) / 0.08)" }
+                  },
+                  children: "Stop schedule"
+                }
+              )
+            ]
+          }
+        ),
         isLoading && runs.length === 0 ? /* @__PURE__ */ jsx17(Box14, { sx: { display: "flex", justifyContent: "center", py: 8 }, children: /* @__PURE__ */ jsx17(CircularProgress5, { size: 28, sx: { color: "hsl(var(--primary))" } }) }) : error ? /* @__PURE__ */ jsxs15(Box14, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 6 }, children: [
           /* @__PURE__ */ jsx17(AlertCircle, { size: 28, style: { color: "hsl(var(--severity-critical, 0 72% 55%))", marginBottom: 8 } }),
           /* @__PURE__ */ jsx17(
@@ -10638,7 +10971,38 @@ var AgentActivityList = ({
               ]
             }
           ) })
-        ] })
+        ] }),
+        /* @__PURE__ */ jsxs15(
+          Dialog2,
+          {
+            open: stopOpen,
+            onClose: () => stopLoading ? null : setStopOpen(false),
+            slotProps: { paper: { sx: { bgcolor: "hsl(var(--card))", color: "hsl(var(--foreground))", border: "1px solid hsl(var(--border))" } } },
+            children: [
+              /* @__PURE__ */ jsx17(DialogTitle2, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Stop schedule?" }),
+              /* @__PURE__ */ jsx17(DialogContent2, { children: /* @__PURE__ */ jsxs15(Typography14, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: [
+                'This will stop "',
+                selectedAgentWorkflow?.name,
+                '" and delete the scheduled workflow. Past executions remain visible. This cannot be undone.'
+              ] }) }),
+              /* @__PURE__ */ jsxs15(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+                /* @__PURE__ */ jsx17(Button6, { onClick: () => setStopOpen(false), disabled: stopLoading, sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
+                /* @__PURE__ */ jsxs15(
+                  Button6,
+                  {
+                    onClick: confirmStop,
+                    disabled: stopLoading,
+                    sx: { textTransform: "none", bgcolor: "hsl(var(--severity-critical, 0 72% 55%))", color: "hsl(var(--primary-foreground))", "&:hover": { bgcolor: "hsla(var(--severity-critical, 0 72% 55%) / 0.9)" } },
+                    children: [
+                      stopLoading ? /* @__PURE__ */ jsx17(CircularProgress5, { size: 16, sx: { color: "hsl(var(--primary-foreground))", mr: 1 } }) : null,
+                      "Stop schedule"
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        )
       ]
     }
   );