@shuffleio/shuffle-mcps 0.0.9 → 0.0.10

package/dist/index.cjs

@@ -7465,6 +7465,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,
@@ -8181,7 +8185,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(() => {
@@ -8449,10 +8452,17 @@ var AgentUI = ({
     else next.add(i);
     return next;
   });
+  const handlePrimarySubmit = (0, import_react12.useCallback)(() => {
+    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;
@@ -9036,6 +9046,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));
                         }
@@ -9084,14 +9095,14 @@ var AgentUI = ({
             ...Array.isArray(contentSx) ? contentSx : contentSx ? [contentSx] : []
           ],
           children: [
-            (showRunSwitcher || showStarter) && tabBar,
+            showRunSwitcher && tabBar,
             showStarter ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
               import_material13.Box,
               {
                 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: [
@@ -9204,9 +9215,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__ */ (0, import_jsx_runtime15.jsx)(import_material13.Tooltip, { title: tip, placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                           import_material13.IconButton,
                           {
@@ -9268,7 +9280,48 @@ var AgentUI = ({
                           children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_AttachFile.default, { sx: { fontSize: 18 } })
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Tooltip, { title: submitTooltip, placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Tooltip, { title: submitTooltip, placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: submitLabel ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material13.Box, { sx: { display: "inline-flex", alignItems: "center", gap: 1 }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Tooltip, { title: "Try this prompt without saving", placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                          import_material13.IconButton,
+                          {
+                            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__ */ (0, import_jsx_runtime15.jsx)(import_PlayArrowRounded2.default, {})
+                          }
+                        ) }),
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                          import_material13.Button,
+                          {
+                            type: "submit",
+                            variant: "contained",
+                            disabled: actionInput.trim().length < 6 || agentRequestLoading,
+                            startIcon: agentRequestLoading ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.CircularProgress, { 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__ */ (0, import_jsx_runtime15.jsx)(
                         import_material13.IconButton,
                         {
                           type: "submit",
@@ -10206,10 +10259,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,
@@ -10236,8 +10290,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
+var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var STATUS_CONFIG = {
   FINISHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
@@ -10325,11 +10451,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__ */ (0, import_jsx_runtime17.jsxs)(
     import_material15.Box,
     {
@@ -10409,7 +10554,42 @@ var AgentRunRow = ({ run, onClick, sx }) => {
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
             ] })
           ] })
-        ] })
+        ] }),
+        tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_material15.Box,
+          {
+            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__ */ (0, import_jsx_runtime17.jsx)(import_material15.Tooltip, { title: t, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              import_material15.Chip,
+              {
+                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))
+          }
+        )
       ]
     }
   );
@@ -10425,6 +10605,7 @@ var AgentActivityList = ({
   apiBaseUrl,
   orgId,
   onRunClick,
+  onEditWorkflow,
   showSearchBar = true,
   showStatusChips = true,
   limit = 50,
@@ -10443,7 +10624,41 @@ var AgentActivityList = ({
   const [statusFilter, setStatusFilter] = (0, import_react14.useState)("");
   const [searchQuery, setSearchQuery] = (0, import_react14.useState)("");
   const [debouncedQuery, setDebouncedQuery] = (0, import_react14.useState)("");
+  const [agentWorkflows, setAgentWorkflows] = (0, import_react14.useState)([]);
+  const [workflowFilter, setWorkflowFilter] = (0, import_react14.useState)("");
+  const [stopOpen, setStopOpen] = (0, import_react14.useState)(false);
+  const [stopLoading, setStopLoading] = (0, import_react14.useState)(false);
   const debounceRef = (0, import_react14.useRef)();
+  const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
+  const openEditPrompt = (0, import_react14.useCallback)(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 = (0, import_react14.useCallback)(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 = (0, import_react14.useCallback)((q) => {
     setSearchQuery(q);
     if (debounceRef.current) clearTimeout(debounceRef.current);
@@ -10463,7 +10678,8 @@ var AgentActivityList = ({
           cursor: cursorParam,
           apiKey,
           apiBaseUrl,
-          orgId
+          orgId,
+          workflowId: workflowFilter || "AGENT"
         });
         if (result.success) {
           setRuns((prev) => append ? [...prev, ...result.runs] : result.runs);
@@ -10478,11 +10694,21 @@ var AgentActivityList = ({
         setIsLoading(false);
       }
     },
-    [statusFilter, limit, apiKey, apiBaseUrl, orgId]
+    [statusFilter, limit, apiKey, apiBaseUrl, orgId, workflowFilter]
   );
   (0, import_react14.useEffect)(() => {
     fetchRuns(false, "");
-  }, [statusFilter, apiKey, apiBaseUrl, orgId]);
+  }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
+  (0, import_react14.useEffect)(() => {
+    let cancelled = false;
+    listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
+      if (!cancelled) setAgentWorkflows(items);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [apiKey, apiBaseUrl, orgId]);
   const loadMore = (0, import_react14.useCallback)(() => {
     if (cursor && !isLoading) fetchRuns(true, cursor);
   }, [cursor, isLoading, fetchRuns]);
@@ -10503,6 +10729,48 @@ var AgentActivityList = ({
       sx: [{ display: "flex", flexDirection: "column", gap: 2 }, ...Array.isArray(sx) ? sx : sx ? [sx] : []],
       children: [
         (showSearchBar || showStatusChips) && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material15.Box, { sx: [{ display: "flex", alignItems: "center", justifyContent: "center", gap: 1.5, flexWrap: "wrap" }, ...Array.isArray(toolbarSx) ? toolbarSx : toolbarSx ? [toolbarSx] : []], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            import_material15.Select,
+            {
+              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__ */ (0, import_jsx_runtime17.jsx)(import_material15.MenuItem, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
+                agentWorkflows.map((w) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.MenuItem, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id))
+              ]
+            }
+          ),
           showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             import_material15.TextField,
             {
@@ -10552,6 +10820,64 @@ var AgentActivityList = ({
           )),
           isLoading && runs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary))", ml: 0.5 } })
         ] }),
+        selectedAgentWorkflow && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          import_material15.Box,
+          {
+            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__ */ (0, import_jsx_runtime17.jsxs)(import_material15.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.name }),
+                selectedAgentWorkflow.description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.description })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                import_material15.Button,
+                {
+                  size: "small",
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.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__ */ (0, import_jsx_runtime17.jsx)(
+                import_material15.Button,
+                {
+                  size: "small",
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react6.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__ */ (0, import_jsx_runtime17.jsx)(import_material15.Box, { sx: { display: "flex", justifyContent: "center", py: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.CircularProgress, { size: 28, sx: { color: "hsl(var(--primary))" } }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material15.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 6 }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.AlertCircle, { size: 28, style: { color: "hsl(var(--severity-critical, 0 72% 55%))", marginBottom: 8 } }),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -10609,7 +10935,38 @@ var AgentActivityList = ({
               ]
             }
           ) })
-        ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          import_material15.Dialog,
+          {
+            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__ */ (0, import_jsx_runtime17.jsx)(import_material15.DialogTitle, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Stop schedule?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_material15.Typography, { 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__ */ (0, import_jsx_runtime17.jsxs)(import_material15.DialogActions, { sx: { px: 3, pb: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.Button, { onClick: () => setStopOpen(false), disabled: stopLoading, sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                  import_material15.Button,
+                  {
+                    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__ */ (0, import_jsx_runtime17.jsx)(import_material15.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary-foreground))", mr: 1 } }) : null,
+                      "Stop schedule"
+                    ]
+                  }
+                )
+              ] })
+            ]
+          }
+        )
       ]
     }
   );