@shuffleio/shuffle-mcps 0.0.23 → 0.0.25

package/dist/index.js

@@ -385,6 +385,7 @@ __export(index_exports, {
   FORWARD_TICKETS_WORKFLOW_NAME: () => FORWARD_TICKETS_WORKFLOW_NAME,
   INGEST_TICKETS_WORKFLOW_NAME: () => INGEST_TICKETS_WORKFLOW_NAME,
   IntegrationStatus: () => IntegrationStatus,
+  LocalLLMConfig: () => LocalLLMConfig2,
   SIEM_PATTERNS: () => SIEM_PATTERNS,
   ShuffleMCP: () => ShuffleMCP2,
   ShuffleMcpThemeProvider: () => ShuffleMcpThemeProvider,
@@ -431,6 +432,7 @@ __export(index_exports, {
   resetRegionUrl: () => resetRegionUrl,
   resolveApp: () => resolveApp,
   resolveApps: () => resolveApps,
+  scheduleAgentRun: () => scheduleAgentRun,
   searchAgentActivity: () => searchAgentActivity,
   seedResolvedApp: () => seedResolvedApp,
   setDatastoreItem: () => setDatastoreItem,
@@ -449,7 +451,7 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_shuffle_mcp2 = require("./shuffle-mcp-ER33P3W2.css");
-var import_react20 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 
 // ShuffleMcpThemeProvider.tsx
 var import_react = __toESM(require("react"));
@@ -4204,7 +4206,14 @@ function AppAuthSection({
   onAuthChange,
   onTestConnection,
   onSaveAuth,
-  onRefreshAuth
+  onRefreshAuth,
+  globalUrl,
+  userdata,
+  isLoaded,
+  isLoggedIn,
+  serverside,
+  theme,
+  colorMode
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_framer_motion3.motion.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: 0.1 }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_material5.Box, { sx: { mb: 3 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material5.Typography, { sx: { color: "hsl(var(--foreground))", fontWeight: 600, fontSize: "0.95rem", mb: 0.5 }, children: "Authentication" }),
@@ -4220,7 +4229,14 @@ function AppAuthSection({
         onTestConnection,
         onSaveAuth,
         apiAuthEntries: matchingEntries,
-        onRefreshAuth
+        onRefreshAuth,
+        globalUrl,
+        userdata,
+        isLoaded,
+        isLoggedIn,
+        serverside,
+        theme,
+        colorMode
       }
     )
   ] }) });
@@ -4386,7 +4402,8 @@ function getPrimaryCategory(appName, categories) {
   if (COMMUNICATION_PATTERNS_NAMES.some((p) => name.includes(p))) return "Communication";
   return null;
 }
-var AppMcpChat = ({ appName, appIcon, appId, categories }) => {
+var AppMcpChat = ({ appName, appIcon, appId, categories, globalUrl }) => {
+  useSyncHostBaseUrl(globalUrl);
   const [input, setInput] = (0, import_react8.useState)("");
   const [runState, setRunState] = (0, import_react8.useState)("idle");
   const [query, setQuery] = (0, import_react8.useState)("");
@@ -4830,7 +4847,7 @@ var AppMcpChat_default = AppMcpChat;
 
 // views/TryMcpSection.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
-function TryMcpSection({ appName, appIcon, appId, categories }) {
+function TryMcpSection({ appName, appIcon, appId, categories, globalUrl, userdata, isLoaded, isLoggedIn, serverside, theme, colorMode }) {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_framer_motion5.motion.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: 0.15 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material7.Box, { sx: { mt: 5, mb: 3 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material7.Typography, { sx: { color: "hsl(var(--foreground))", fontWeight: 600, fontSize: "0.95rem", mb: 1.5 }, children: "Try MCP" }),
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -4839,7 +4856,14 @@ function TryMcpSection({ appName, appIcon, appId, categories }) {
         appName,
         appIcon,
         appId,
-        categories
+        categories,
+        globalUrl,
+        userdata,
+        isLoaded,
+        isLoggedIn,
+        serverside,
+        theme,
+        colorMode
       }
     )
   ] }) });
@@ -5657,8 +5681,17 @@ function AppDetailDrawer({
   onRefresh,
   onAddToCanvas,
   isAuthenticated = true,
-  activeOrgId
+  activeOrgId,
+  globalUrl,
+  userdata,
+  isLoaded,
+  isLoggedIn,
+  serverside,
+  theme,
+  colorMode
 }) {
+  const themeScope = useShuffleMcpTheme();
+  const scopeClassName = themeScope?.scopeClassName ?? (theme === "dark" ? "shuffle-mcp-scope dark" : theme === "light" ? "shuffle-mcp-scope" : void 0);
   const [appInfo, setAppInfo] = (0, import_react11.useState)(null);
   const [appLoading, setAppLoading] = (0, import_react11.useState)(true);
   const [isActivated, setIsActivated] = (0, import_react11.useState)(null);
@@ -5890,15 +5923,23 @@ function AppDetailDrawer({
       anchor,
       open,
       onClose: handleClose,
-      sx: {
-        "& .MuiDrawer-paper": {
-          width,
-          maxWidth: "100vw",
-          background: "linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%)",
-          borderLeft: anchor === "right" ? "1px solid hsl(var(--border))" : "none",
-          borderRight: anchor === "left" ? "1px solid hsl(var(--border))" : "none"
+      slotProps: {
+        paper: {
+          className: scopeClassName,
+          sx: {
+            width: { xs: "100%", sm: width },
+            maxWidth: "100vw",
+            display: "flex",
+            flexDirection: "column",
+            background: "linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%)",
+            borderLeft: anchor === "right" ? "1px solid hsl(var(--border))" : "none",
+            borderRight: anchor === "left" ? "1px solid hsl(var(--border))" : "none"
+          }
         }
       },
+      sx: {
+        "& .MuiDrawer-paper": { boxSizing: "border-box" }
+      },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           import_material9.Box,
@@ -5954,7 +5995,14 @@ function AppDetailDrawer({
               onAdd: onAddToCanvas && appName ? () => {
                 onAddToCanvas({ name: appName, icon: resolvedImage || "", algoliaId: resolvedAlgoliaId });
                 onClose();
-              } : void 0
+              } : void 0,
+              globalUrl,
+              userdata,
+              isLoaded,
+              isLoggedIn,
+              serverside,
+              theme,
+              colorMode
             }
           ),
           isAuthenticated && incidentStats && incidentStats.ingested > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_framer_motion6.motion.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: 0.08 }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material9.Box, { sx: {
@@ -5996,7 +6044,14 @@ function AppDetailDrawer({
               onAuthChange: handleAuthChange,
               onTestConnection: (appId2, authId) => handleTestConnection(appName || appId2, authId),
               onSaveAuth: (appId2, creds) => handleSaveAuth(appId2, creds, appName || void 0),
-              onRefreshAuth: refreshAuth
+              onRefreshAuth: refreshAuth,
+              globalUrl,
+              userdata,
+              isLoaded,
+              isLoggedIn,
+              serverside,
+              theme,
+              colorMode
             }
           ) }),
           isAuthenticated && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
@@ -6006,10 +6061,32 @@ function AppDetailDrawer({
                 appName: appName || "",
                 appIcon: resolvedImage,
                 appId: matchingEntries[0]?.app?.id || matchingEntries[0]?.id || appName || "",
-                categories: appInfo?.categories
+                categories: appInfo?.categories,
+                globalUrl,
+                userdata,
+                isLoaded,
+                isLoggedIn,
+                serverside,
+                theme,
+                colorMode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SingulActionsPreview_default, { appName: appName || "", appIcon: resolvedImage, categories: appInfo?.categories, activeOrgId })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              SingulActionsPreview_default,
+              {
+                appName: appName || "",
+                appIcon: resolvedImage,
+                categories: appInfo?.categories,
+                activeOrgId,
+                globalUrl,
+                userdata,
+                isLoaded,
+                isLoggedIn,
+                serverside,
+                theme,
+                colorMode
+              }
+            )
           ] })
         ] }) })
       ]
@@ -6869,9 +6946,21 @@ function AppSearchDrawer({
   colorMode
 }) {
   const themeScope = useShuffleMcpTheme();
+  const scopeClassName = themeScope?.scopeClassName ?? (theme === "dark" ? "shuffle-mcp-scope dark" : theme === "light" ? "shuffle-mcp-scope" : void 0);
   const [detailAppName, setDetailAppName] = (0, import_react13.useState)(null);
   const [detailAppId, setDetailAppId] = (0, import_react13.useState)(null);
   const [highlightActive, setHighlightActive] = (0, import_react13.useState)(false);
+  const [bodyReady, setBodyReady] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
+    if (!open) {
+      setBodyReady(false);
+      return;
+    }
+    const raf = requestAnimationFrame(() => {
+      requestAnimationFrame(() => setBodyReady(true));
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [open]);
   (0, import_react13.useEffect)(() => {
     setHighlightActive(false);
     if (!open || !highlightAppName) return;
@@ -6954,20 +7043,25 @@ function AppSearchDrawer({
         anchor,
         open: open && detailAppName === null,
         onClose: handleClose,
-        slotProps: { paper: { className: themeScope?.scopeClassName } },
+        slotProps: {
+          paper: {
+            className: scopeClassName,
+            sx: {
+              width: { xs: "100%", sm: width },
+              maxWidth: "100vw",
+              height: "100vh",
+              display: "flex",
+              flexDirection: "column",
+              overflow: "hidden",
+              background: "linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%)",
+              borderLeft: anchor === "right" ? "1px solid hsl(var(--border))" : "none",
+              borderRight: anchor === "left" ? "1px solid hsl(var(--border))" : "none"
+            }
+          }
+        },
         sx: {
           zIndex: 9999,
-          "& .MuiDrawer-paper": {
-            width,
-            maxWidth: "100vw",
-            height: "100vh",
-            display: "flex",
-            flexDirection: "column",
-            overflow: "hidden",
-            background: "linear-gradient(180deg, hsl(var(--card)) 0%, hsl(var(--background)) 100%)",
-            borderLeft: anchor === "right" ? "1px solid hsl(var(--border))" : "none",
-            borderRight: anchor === "left" ? "1px solid hsl(var(--border))" : "none"
-          }
+          "& .MuiDrawer-paper": { boxSizing: "border-box" }
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
@@ -7063,14 +7157,16 @@ function AppSearchDrawer({
                     overflowY: "auto"
                   },
                   "& .singul-results-grid": {
-                    gridAutoRows: "75px",
+                    gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+                    gridAutoRows: "78px",
                     gap: "12px"
                   },
                   "& .singul-results-grid .singul-dropdown-item": {
-                    minHeight: 75,
-                    maxHeight: 75,
-                    height: 75,
-                    padding: "14px 16px",
+                    minWidth: 0,
+                    minHeight: 78,
+                    maxHeight: 78,
+                    height: 78,
+                    padding: "10px 14px",
                     alignItems: "center",
                     overflow: "hidden"
                   },
@@ -7079,11 +7175,14 @@ function AppSearchDrawer({
                     gap: "12px"
                   },
                   "& .singul-results-grid .singul-app-icon": {
-                    width: 40,
-                    height: 40,
+                    width: 36,
+                    height: 36,
                     borderRadius: 8,
                     padding: 4
                   },
+                  "& .singul-results-grid .singul-app-details": { minWidth: 0 },
+                  "& .singul-results-grid .singul-app-name": { maxWidth: "100%" },
+                  "& .singul-results-grid .singul-checkbox": { marginLeft: "auto" },
                   ...highlightActive && highlightAppName ? {
                     [`& .singul-dropdown-item[data-app-name="${highlightAppName}"]`]: {
                       borderColor: "hsl(var(--primary)) !important",
@@ -7104,7 +7203,7 @@ function AppSearchDrawer({
                     exit: { opacity: 0, x: -20 },
                     transition: { duration: 0.2 },
                     style: { height: "100%", minHeight: 0 },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    children: bodyReady ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                       ShuffleMCP2,
                       {
                         apiKey: API_CONFIG.apiKey || void 0,
@@ -7155,7 +7254,32 @@ function AppSearchDrawer({
                         })),
                         customStyles: singulStyles
                       }
-                    )
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { sx: { display: "flex", flexDirection: "column", gap: 1.5, height: "100%" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Box, { sx: {
+                        height: 44,
+                        borderRadius: "12px",
+                        border: "1px solid hsl(var(--border))",
+                        backgroundColor: "hsl(var(--background-elevated))"
+                      } }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Box, { sx: {
+                        display: "grid",
+                        gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+                        gap: "12px",
+                        mt: 1
+                      }, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Box, { sx: {
+                        height: 78,
+                        borderRadius: "12px",
+                        backgroundColor: "hsl(var(--input))",
+                        border: "1px solid hsl(var(--border))",
+                        opacity: 0.6,
+                        animation: "shufflePulse 1.4s ease-in-out infinite",
+                        animationDelay: `${i * 60}ms`,
+                        "@keyframes shufflePulse": {
+                          "0%, 100%": { opacity: 0.35 },
+                          "50%": { opacity: 0.7 }
+                        }
+                      } }, i)) })
+                    ] })
                   },
                   "search"
                 ) })
@@ -11780,10 +11904,356 @@ var AgentUI = ({
 var AgentUI_default = AgentUI;
 
 // components/AgentRunDrawer.tsx
+var import_react18 = require("react");
+var import_material19 = require("@mui/material");
+var import_lucide_react12 = require("lucide-react");
+
+// components/LocalLLMConfig.tsx
 var import_react16 = require("react");
+var import_material18 = require("@mui/material");
+init_api();
+
+// components/UsageBar.tsx
 var import_material17 = require("@mui/material");
-var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
+var fmt = (n) => n.toLocaleString();
+var UsageBar = ({
+  label,
+  usage,
+  limit,
+  unit,
+  hint,
+  actionLabel,
+  actionHref
+}) => {
+  const safeLimit = Math.max(limit, 0);
+  const pct = safeLimit > 0 ? usage / safeLimit * 100 : 0;
+  const isOver = pct >= 100;
+  const isWarn = pct >= 65 && !isOver;
+  const accent = isOver ? "hsl(var(--destructive))" : isWarn ? "hsl(var(--severity-medium))" : "hsl(var(--muted-foreground))";
+  const tooltipText = safeLimit > 0 ? `${pct.toFixed(0)}% used \xB7 ${fmt(usage)} / ${fmt(safeLimit)}${unit ? " " + unit : ""}${hint ? " \xB7 " + hint : ""}` : `${fmt(usage)}${unit ? " " + unit : ""}${hint ? " \xB7 " + hint : ""}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Tooltip, { title: tooltipText, placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5, py: 0.25 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_material17.Typography,
+        {
+          sx: {
+            fontSize: "12.8px",
+            fontWeight: 500,
+            color: "hsl(var(--muted-foreground))",
+            lineHeight: 1.2
+          },
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+        actionLabel && actionHref && (isWarn || isOver) && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_material17.Box,
+          {
+            component: "a",
+            href: actionHref,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            sx: {
+              fontSize: "12.8px",
+              fontWeight: 600,
+              color: accent,
+              textDecoration: "none",
+              "&:hover": { textDecoration: "underline" }
+            },
+            children: actionLabel
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_material17.Typography,
+          {
+            sx: {
+              fontSize: "12.8px",
+              fontWeight: 500,
+              color: accent,
+              whiteSpace: "nowrap",
+              fontVariantNumeric: "tabular-nums"
+            },
+            children: safeLimit > 0 ? `${fmt(usage)} / ${fmt(safeLimit)}${unit ? " " + unit : ""}` : `${fmt(usage)}${unit ? " " + unit : ""}`
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { width: "100%", height: 2, bgcolor: "hsl(var(--muted) / 0.5)", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_material17.Box,
+      {
+        sx: {
+          width: `${Math.min(Math.max(pct, 0), 100)}%`,
+          height: "100%",
+          bgcolor: isOver ? "hsl(var(--destructive))" : isWarn ? "hsl(var(--severity-medium))" : "hsl(var(--severity-low, 142 71% 45%))",
+          transition: "width 0.3s ease"
+        }
+      }
+    ) })
+  ] }) });
+};
+
+// components/LocalLLMConfig.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react17 = require("react");
+var OPENAI_APP_NAME = "OpenAI";
+var OPENAI_APP_ID = "5d19dd82517870c68d40cacad9b5ca91";
+var SHUFFLE_AI_PRESET = "Shuffle AI";
+var CUSTOM_PRESET = "Custom / self-hosted";
+var OPENAI_ALGOLIA_APP = {
+  name: OPENAI_APP_NAME,
+  description: "OpenAI-compatible LLM endpoint for agent operations",
+  objectID: OPENAI_APP_ID,
+  creator: "",
+  app_version: "1.0.0",
+  image_url: "",
+  time_edited: 0,
+  generated: false,
+  invalid: false,
+  priority: 0,
+  actions: 0,
+  tags: [],
+  accessible_by: [],
+  categories: [],
+  action_labels: [],
+  triggers: [],
+  verified: true
+};
+var ENDPOINT_PRESETS = [
+  { label: SHUFFLE_AI_PRESET, url: "" },
+  { label: "OpenAI", url: "https://api.openai.com/v1" },
+  { label: "Anthropic", url: "https://api.anthropic.com/v1/" },
+  { label: "Google Gemini", url: "https://generativelanguage.googleapis.com/v1beta/openai/" },
+  { label: "Mistral", url: "https://api.mistral.ai/v1" },
+  { label: "Groq", url: "https://api.groq.com/openai/v1" },
+  { label: "Together AI", url: "https://api.together.xyz/v1" },
+  { label: "OpenRouter", url: "https://openrouter.ai/api/v1" },
+  { label: "Ollama (localhost)", url: "http://localhost:11434/v1" },
+  { label: "LM Studio (localhost)", url: "http://localhost:1234/v1" },
+  { label: CUSTOM_PRESET, url: "" }
+];
+var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serverside, theme, colorMode }) => {
+  useSyncHostBaseUrl(globalUrl);
+  const { authStates, authenticatedApps, handleAuthChange, handleTestConnection, handleSaveAuth, refreshAuth } = useAppAuth();
+  const [expanded, setExpanded] = (0, import_react16.useState)(true);
+  const [selectedPreset, setSelectedPreset] = (0, import_react16.useState)("");
+  const [customUrl, setCustomUrl] = (0, import_react16.useState)("");
+  const [confirmShuffleAIOpen, setConfirmShuffleAIOpen] = (0, import_react16.useState)(false);
+  const openaiEntries = authenticatedApps.filter(
+    (a) => a.app?.name?.toLowerCase() === "openai" || a.app?.id === OPENAI_APP_ID
+  );
+  const authState = authStates[OPENAI_APP_ID] || {
+    systemId: OPENAI_APP_ID,
+    status: "pending",
+    credentials: {}
+  };
+  const currentUrl = authState.credentials?.url || "";
+  const attemptedDeletionRef = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
+  (0, import_react16.useEffect)(() => {
+    if (authState.status === "testing") return;
+    const failedEntries = openaiEntries.filter((e) => e.validation && e.validation.valid === false && e.id);
+    if (failedEntries.length === 0) return;
+    let cancelled = false;
+    (async () => {
+      let deletedAny = false;
+      for (const entry of failedEntries) {
+        const id = entry.id;
+        if (attemptedDeletionRef.current.has(id)) continue;
+        attemptedDeletionRef.current.add(id);
+        try {
+          const resp = await fetch(getApiUrl(`/api/v1/apps/authentication/${id}`), {
+            method: "DELETE",
+            credentials: "include",
+            headers: { ...getAuthHeader() }
+          });
+          if (resp.ok) deletedAny = true;
+        } catch (err) {
+          console.error("[LocalLLMConfig] Failed to auto-delete failed OpenAI auth:", err);
+        }
+      }
+      if (!cancelled && deletedAny) {
+        await refreshAuth();
+        refreshAllIntegrationStatus();
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [openaiEntries, authState.status, refreshAuth]);
+  const hasOpenAIEntries = openaiEntries.length > 0;
+  const effectivePreset = (0, import_react16.useMemo)(() => {
+    if (selectedPreset) return selectedPreset;
+    if (!currentUrl && !hasOpenAIEntries) return SHUFFLE_AI_PRESET;
+    if (!currentUrl) return "";
+    const match = ENDPOINT_PRESETS.find((p) => p.url && p.url === currentUrl);
+    return match ? match.label : CUSTOM_PRESET;
+  }, [selectedPreset, currentUrl, hasOpenAIEntries]);
+  const applyShuffleAI = async () => {
+    let deletedAny = false;
+    for (const entry of openaiEntries) {
+      if (!entry.id) continue;
+      try {
+        const resp = await fetch(getApiUrl(`/api/v1/apps/authentication/${entry.id}`), {
+          method: "DELETE",
+          credentials: "include",
+          headers: { ...getAuthHeader() }
+        });
+        if (resp.ok) deletedAny = true;
+      } catch (err) {
+        console.error("[LocalLLMConfig] Failed to delete OpenAI auth when switching to Shuffle AI:", err);
+      }
+    }
+    handleAuthChange(OPENAI_APP_ID, {});
+    setSelectedPreset(SHUFFLE_AI_PRESET);
+    setCustomUrl("");
+    if (deletedAny) {
+      await refreshAuth();
+      refreshAllIntegrationStatus();
+    }
+  };
+  const handlePresetChange = (label) => {
+    if (label === SHUFFLE_AI_PRESET) {
+      if (hasOpenAIEntries) {
+        setConfirmShuffleAIOpen(true);
+        return;
+      }
+      void applyShuffleAI();
+      return;
+    }
+    setSelectedPreset(label);
+    const preset = ENDPOINT_PRESETS.find((p) => p.label === label);
+    if (!preset) return;
+    handleAuthChange(OPENAI_APP_ID, { ...authState.credentials, url: preset.label === CUSTOM_PRESET ? customUrl : preset.url });
+  };
+  const handleCustomUrlChange = (value) => {
+    setCustomUrl(value);
+    handleAuthChange(OPENAI_APP_ID, { ...authState.credentials, url: value });
+  };
+  const isShuffleAI = effectivePreset === SHUFFLE_AI_PRESET;
+  const orgId = userdata?.active_org?.id;
+  const [orgData, setOrgData] = (0, import_react16.useState)(null);
+  (0, import_react16.useEffect)(() => {
+    if (!orgId) return;
+    let cancelled = false;
+    (async () => {
+      try {
+        const res = await fetch(getApiUrl(`/api/v1/orgs/${orgId}`), {
+          method: "GET",
+          credentials: "include",
+          headers: { ...getAuthHeader(), "Content-Type": "application/json" }
+        });
+        if (!res.ok) return;
+        const data = await res.json();
+        if (!cancelled) setOrgData(data);
+      } catch (err) {
+        console.error("[LocalLLMConfig] Failed to fetch org info:", err);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [orgId]);
+  const sync = orgData?.sync_features ?? userdata?.sync_features ?? {};
+  const appExec = sync.app_executions ?? {};
+  const appRunLimit = Number(appExec.limit) || 0;
+  const appRunUsage = Number(appExec.usage) || 0;
+  const agentTokens = sync.agent_tokens ?? {};
+  const agentTokenLimit = Number(agentTokens.limit) || 0;
+  const agentTokenUsage = Number(agentTokens.usage) || 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: "AI Provider" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        import_material18.Autocomplete,
+        {
+          size: "small",
+          fullWidth: true,
+          disableClearable: true,
+          options: ENDPOINT_PRESETS.map((p) => p.label),
+          value: effectivePreset || null,
+          onChange: (_e, val) => val && handlePresetChange(val),
+          isOptionEqualToValue: (opt, val) => opt === val,
+          renderOption: (props, option) => {
+            const preset = ENDPOINT_PRESETS.find((p) => p.label === option);
+            return /* @__PURE__ */ (0, import_react17.createElement)("li", { ...props, key: option }, /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%", minWidth: 0 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--popover-foreground))" }, children: option }),
+              preset?.url && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { component: "span", sx: { ml: "auto", color: "hsl(var(--muted-foreground))", fontSize: "0.75rem", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: preset.url })
+            ] }));
+          },
+          renderInput: (params) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.TextField, { ...params, placeholder: "Search a provider\u2026" }),
+          slotProps: {
+            paper: { sx: { bgcolor: "hsl(var(--popover))", color: "hsl(var(--popover-foreground))", border: "1px solid hsl(var(--border))" } },
+            popper: { sx: { zIndex: 9999 } }
+          }
+        }
+      )
+    ] }),
+    !compact && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { px: 2.5, py: 2, borderRadius: 2, border: "1px solid hsl(var(--border))", bgcolor: "hsl(var(--muted) / 0.3)" }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Typography, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))", lineHeight: 1.5 }, children: [
+      isShuffleAI ? "Using Shuffle AI. No configuration is required. Pick another provider above to use your own endpoint." : "Configure an OpenAI-compatible endpoint for agent operations. Credentials are saved through the app authentication system.",
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { component: "a", href: "https://shuffler.io/docs/AI#using-self-hosted-ai-models", target: "_blank", rel: "noopener noreferrer", sx: { color: "hsl(var(--primary))", textDecoration: "underline" }, children: "Read the docs" }),
+      "."
+    ] }) }),
+    isShuffleAI && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.75, mt: 0.5, width: "100%" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(UsageBar, { label: "App runs", usage: appRunUsage, limit: appRunLimit, unit: "runs", actionLabel: "Upgrade", actionHref: "https://shuffler.io/pricing" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(UsageBar, { label: "Agent tokens", usage: agentTokenUsage, limit: agentTokenLimit, unit: "tokens", actionLabel: "Upgrade", actionHref: "https://shuffler.io/pricing" })
+    ] }),
+    effectivePreset === CUSTOM_PRESET && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      import_material18.TextField,
+      {
+        size: "small",
+        fullWidth: true,
+        placeholder: "https://your-self-hosted-endpoint.example.com",
+        value: customUrl || currentUrl,
+        onChange: (e) => handleCustomUrlChange(e.target.value),
+        helperText: "Enter the base URL of your OpenAI-compatible endpoint",
+        sx: { "& .MuiFormHelperText-root": { color: "hsl(var(--muted-foreground))" } }
+      }
+    ),
+    !isShuffleAI && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      AppAuthCard,
+      {
+        app: OPENAI_ALGOLIA_APP,
+        authState,
+        isExpanded: expanded,
+        onToggle: () => setExpanded((prev) => !prev),
+        onAuthChange: handleAuthChange,
+        onTestConnection: (appId, authId) => handleTestConnection(appId, authId),
+        onSaveAuth: (appId, creds) => handleSaveAuth(appId, creds, OPENAI_APP_NAME),
+        apiAuthEntries: openaiEntries,
+        onRefreshAuth: refreshAuth,
+        disableUrlPrefill: true,
+        hideHeader: true,
+        hideStatusChips: true,
+        hideDocsLink: true,
+        hideUrlFields: true,
+        borderless: true,
+        globalUrl,
+        userdata,
+        isLoaded,
+        isLoggedIn,
+        serverside,
+        theme,
+        colorMode
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Dialog, { open: confirmShuffleAIOpen, onClose: () => setConfirmShuffleAIOpen(false), slotProps: { paper: { sx: { bgcolor: "hsl(var(--popover))", color: "hsl(var(--popover-foreground))", border: "1px solid hsl(var(--border))" } } }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.DialogTitle, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Switch to Shuffle AI?" }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.DialogContentText, { sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.85rem" }, children: "Switching to Shuffle AI will remove your existing OpenAI app authentication. Any other workflow or app using this OpenAI authentication will lose access. Do you want to continue?" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.DialogActions, { sx: { px: 3, pb: 2 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Button, { onClick: () => setConfirmShuffleAIOpen(false), sx: { color: "hsl(var(--muted-foreground))", textTransform: "none", height: 36 }, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Button, { onClick: async () => {
+          setConfirmShuffleAIOpen(false);
+          await applyShuffleAI();
+        }, sx: { bgcolor: "hsl(var(--primary))", color: "hsl(var(--primary-foreground))", textTransform: "none", height: 36, "&:hover": { bgcolor: "hsl(var(--primary) / 0.9)" } }, children: "Remove and use Shuffle AI" })
+      ] })
+    ] })
+  ] });
+};
+var LocalLLMConfig_default = LocalLLMConfig;
+
+// components/AgentRunDrawer.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var TAB_ORDER = ["run", "permissions", "localLLM"];
 var AgentRunDrawer = ({
   open,
@@ -11803,33 +12273,63 @@ var AgentRunDrawer = ({
   headerSx,
   tabsSx,
   bodySx,
-  globalUrl
+  globalUrl,
+  theme,
+  colorMode,
+  userdata,
+  isLoaded,
+  isLoggedIn,
+  serverside
 }) => {
   useSyncHostBaseUrl(globalUrl);
   const themeScope = useShuffleMcpTheme();
-  const [activeTab, setActiveTab] = (0, import_react16.useState)(initialTab);
-  const prevOpenRef = (0, import_react16.useRef)(open);
-  (0, import_react16.useEffect)(() => {
+  const [activeTab, setActiveTab] = (0, import_react18.useState)(initialTab);
+  const prevOpenRef = (0, import_react18.useRef)(open);
+  (0, import_react18.useEffect)(() => {
     if (open && !prevOpenRef.current) setActiveTab(initialTab);
     prevOpenRef.current = open;
   }, [open, initialTab]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     if (typeof window === "undefined") return;
     window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
     return () => {
       window.__shuffleAgentDrawerMounted = Math.max(0, (window.__shuffleAgentDrawerMounted || 1) - 1);
     };
   }, []);
+  (0, import_react18.useEffect)(() => {
+    if (typeof window === "undefined") return;
+    const onOpen = (event) => {
+      const tab = event.detail?.tab;
+      if (tab === "localLLM") {
+        event.preventDefault();
+        setActiveTab("localLLM");
+      }
+    };
+    window.addEventListener("agent-drawer-open", onOpen);
+    return () => window.removeEventListener("agent-drawer-open", onOpen);
+  }, []);
+  const effectiveLocalLLMSlot = localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    LocalLLMConfig_default,
+    {
+      globalUrl,
+      userdata,
+      isLoaded,
+      isLoggedIn,
+      serverside,
+      theme,
+      colorMode
+    }
+  );
   const visibleTabs = TAB_ORDER.filter((t) => {
     if (t === "run") return true;
     if (t === "permissions") return !!permissionsSlot;
-    if (t === "localLLM") return !!localLLMSlot;
+    if (t === "localLLM") return !!effectiveLocalLLMSlot;
     return false;
   });
   const showTabs = visibleTabs.length > 1;
   const safeActiveTab = visibleTabs.includes(activeTab) ? activeTab : "run";
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-    import_material17.Drawer,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_material19.Drawer,
     {
       anchor: "right",
       open,
@@ -11851,8 +12351,8 @@ var AgentRunDrawer = ({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-          import_material17.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          import_material19.Box,
           {
             sx: [
               {
@@ -11867,8 +12367,8 @@ var AgentRunDrawer = ({
               ...Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : []
             ],
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_material17.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                import_material19.Box,
                 {
                   sx: {
                     width: 40,
@@ -11881,19 +12381,19 @@ var AgentRunDrawer = ({
                     color: "hsl(var(--primary))",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AgentIcon_default, { size: 22 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AgentIcon_default, { size: 22 })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontWeight: 600, fontSize: "1.1rem", color: "hsl(var(--foreground))" }, children: title }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Typography, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))" }, children: subtitle })
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { sx: { fontWeight: 600, fontSize: "1.1rem", color: "hsl(var(--foreground))" }, children: title }),
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))" }, children: subtitle })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.IconButton, { onClick: onClose, size: "small", sx: { color: "hsl(var(--muted-foreground))" }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react12.X, { size: 16 }) })
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.IconButton, { onClick: onClose, size: "small", sx: { color: "hsl(var(--muted-foreground))" }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react12.X, { size: 16 }) })
             ]
           }
         ),
-        showTabs && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { borderBottom: "1px solid hsl(var(--border))", flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-          import_material17.Tabs,
+        showTabs && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: { borderBottom: "1px solid hsl(var(--border))", flexShrink: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+          import_material19.Tabs,
           {
             value: safeActiveTab,
             onChange: (_, v) => setActiveTab(v),
@@ -11914,36 +12414,36 @@ var AgentRunDrawer = ({
               ...Array.isArray(tabsSx) ? tabsSx : tabsSx ? [tabsSx] : []
             ],
             children: [
-              visibleTabs.includes("run") && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_material17.Tab,
+              visibleTabs.includes("run") && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                import_material19.Tab,
                 {
                   value: "run",
                   label: "Run",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react12.Play, { size: 14 }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react12.Play, { size: 14 }),
                   iconPosition: "start",
                   sx: { gap: 0.75 }
                 }
               ),
-              visibleTabs.includes("permissions") && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_material17.Tab,
+              visibleTabs.includes("permissions") && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                import_material19.Tab,
                 {
                   value: "permissions",
-                  label: permissionsDisabled ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Tooltip, { title: permissionsDisabledTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: "Permissions" }) }) : "Permissions",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react12.ShieldCheck, { size: 14 }),
+                  label: permissionsDisabled ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Tooltip, { title: permissionsDisabledTooltip, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: "Permissions" }) }) : "Permissions",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react12.ShieldCheck, { size: 14 }),
                   iconPosition: "start",
                   disabled: permissionsDisabled,
                   sx: { gap: 0.75 }
                 }
               ),
-              visibleTabs.includes("localLLM") && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-                import_material17.Tab,
+              visibleTabs.includes("localLLM") && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+                import_material19.Tab,
                 {
                   value: "localLLM",
-                  label: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                  label: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
                     "Local LLM",
                     localLLMTabBadge
                   ] }),
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react12.Server, { size: 14 }),
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react12.Server, { size: 14 }),
                   iconPosition: "start",
                   sx: { gap: 0.75 }
                 }
@@ -11951,20 +12451,22 @@ var AgentRunDrawer = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_material17.Box, { sx: [{ flex: 1, overflowY: "auto" }, ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children: [
-          safeActiveTab === "run" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { px: 2, py: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: [{ flex: 1, overflowY: "auto" }, ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children: [
+          safeActiveTab === "run" && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: { px: 2, py: 2 }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             AgentUI_default,
             {
               compact: true,
               hideHeroIcon: true,
               title: "",
               subtitle: null,
-              apiBaseUrl: globalUrl,
-              ...agentUIProps
+              ...agentUIProps,
+              apiBaseUrl: agentUIProps?.apiBaseUrl ?? globalUrl,
+              theme: agentUIProps?.theme ?? theme,
+              colorMode: agentUIProps?.colorMode ?? colorMode
             }
           ) }),
-          safeActiveTab === "permissions" && permissionsSlot && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { px: 3, py: 2.5 }, children: permissionsSlot }),
-          safeActiveTab === "localLLM" && localLLMSlot && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_material17.Box, { sx: { px: 3, py: 2.5 }, children: localLLMSlot })
+          safeActiveTab === "permissions" && permissionsSlot && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: { px: 3, py: 2.5 }, children: permissionsSlot }),
+          safeActiveTab === "localLLM" && effectiveLocalLLMSlot && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: { px: 3, py: 2.5 }, children: effectiveLocalLLMSlot })
         ] })
       ]
     }
@@ -11973,8 +12475,8 @@ var AgentRunDrawer = ({
 var AgentRunDrawer_default = AgentRunDrawer;
 
 // components/AgentActivityList.tsx
-var import_react17 = require("react");
-var import_material18 = require("@mui/material");
+var import_react19 = require("react");
+var import_material20 = require("@mui/material");
 var import_lucide_react13 = require("lucide-react");
 
 // agentActivity.ts
@@ -11985,6 +12487,21 @@ var resolveHeaders = (apiKey, orgId) => {
   if (orgId) h["Org-Id"] = orgId;
   return h;
 };
+var uuid = () => {
+  if (typeof crypto !== "undefined" && "randomUUID" in crypto) return crypto.randomUUID();
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+};
+var buildAppNameValue = (apps = []) => apps.filter((a) => !!a?.name).map((a) => a.name).join(",");
+var buildScheduleName = (input) => {
+  const prompt = (input || "").trim();
+  const words = prompt.replace(/[^a-zA-Z0-9\s-]/g, " ").split(/\s+/).filter(Boolean).slice(0, 6);
+  const title = words.length ? words.map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()).join(" ") : "Scheduled Agent Run";
+  return { name: title.slice(0, 80), description: (prompt || "Scheduled Agent Run").slice(0, 240) };
+};
 var searchAgentActivity = async (params = {}) => {
   const {
     cursor = "",
@@ -12040,6 +12557,127 @@ var listAgentScheduleWorkflows = async (params = {}) => {
   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 scheduleAgentRun = async ({ cron, input, apps = [], onStep, apiKey, apiBaseUrl, orgId }) => {
+  const headers = { "Content-Type": "application/json", ...resolveHeaders(apiKey, orgId) };
+  const step = (id, state2, detail) => {
+    try {
+      onStep?.({ id, state: state2, detail });
+    } catch {
+    }
+  };
+  step("name", "active");
+  const { name, description } = buildScheduleName(input);
+  step("name", "done", name);
+  step("workflow", "active");
+  const createRes = await fetch(resolveUrl("/api/v1/workflows", apiBaseUrl), {
+    method: "POST",
+    credentials: "include",
+    headers,
+    body: JSON.stringify({ name, description })
+  });
+  if (!createRes.ok) {
+    step("workflow", "error", `HTTP ${createRes.status}`);
+    throw new Error(`Create workflow failed (${createRes.status})`);
+  }
+  const created = await createRes.json();
+  const workflowId = created.id || created._id || created.workflow_id;
+  if (!workflowId) {
+    step("workflow", "error", "no id returned");
+    throw new Error("Workflow created but no id returned");
+  }
+  const triggerId = uuid();
+  const actionId = uuid();
+  const branchId = uuid();
+  const trigger = {
+    app_name: "Schedule",
+    app_version: "1.0.0",
+    environment: "cloud",
+    id_: triggerId,
+    _id_: triggerId,
+    id: triggerId,
+    finished: true,
+    label: name,
+    type: "TRIGGER",
+    is_valid: true,
+    trigger_type: "SCHEDULE",
+    status: "running",
+    name: "Schedule",
+    parameters: [{ name: "cron", example: "", value: cron }, { name: "execution_argument", example: "", value: "" }],
+    position: { x: 254, y: 617 },
+    flowOrientation: "horizontal"
+  };
+  const action = {
+    name: "Run LLM",
+    label: "AI_Agent_1",
+    app_name: "AI Agent",
+    app_version: "1.0.0",
+    app_id: "shuffle_agent",
+    description: "Run an LLM query against any tool you want",
+    environment: "Cloud",
+    errors: [],
+    id_: actionId,
+    _id_: actionId,
+    id: actionId,
+    is_valid: true,
+    type: "ACTION",
+    isStartNode: true,
+    run_magic_output: false,
+    authentication: [],
+    example: "",
+    category: "",
+    authentication_id: "",
+    template: false,
+    finished: true,
+    flowOrientation: "horizontal",
+    position: { x: 517, y: 370 },
+    selectedAuthentication: {},
+    circleId: uuid(),
+    execution_delay: 0,
+    parameters: [
+      { name: "app_name", value: buildAppNameValue(apps), required: true, description: "Comma-separated list of app names the agent is allowed to use." },
+      { name: "input", value: input, required: true, multiline: true, description: "The input data for the LLM query" }
+    ]
+  };
+  const updated = { ...created, id: workflowId, name, description, start: actionId, workflow_type: "AGENT_SCHEDULE", actions: [action], triggers: [trigger], branches: [{ source_id: triggerId, destination_id: actionId, id: branchId }] };
+  const putRes = await fetch(resolveUrl(`/api/v1/workflows/${workflowId}`, apiBaseUrl), {
+    method: "PUT",
+    credentials: "include",
+    headers,
+    body: JSON.stringify(updated)
+  });
+  if (!putRes.ok) {
+    step("workflow", "error", `HTTP ${putRes.status}`);
+    throw new Error(`Update workflow failed (${putRes.status})`);
+  }
+  step("workflow", "done", name);
+  step("schedule", "active");
+  const schedRes = await fetch(resolveUrl(`/api/v1/workflows/${workflowId}/schedule`, apiBaseUrl), {
+    method: "POST",
+    credentials: "include",
+    headers,
+    body: JSON.stringify({
+      name: "Schedule",
+      frequency: cron,
+      cron,
+      execution_argument: "",
+      environment: "cloud",
+      id: triggerId,
+      start: actionId,
+      parameters: [{ name: "cron", value: cron }, { name: "execution_argument", value: "" }]
+    })
+  }).catch(async (err) => {
+    await fetch(resolveUrl(`/api/v1/workflows/${workflowId}`, apiBaseUrl), { method: "DELETE", credentials: "include", headers: resolveHeaders(apiKey, orgId) }).catch(() => void 0);
+    throw err;
+  });
+  if (!schedRes.ok) {
+    const errText = await schedRes.text().catch(() => "");
+    await fetch(resolveUrl(`/api/v1/workflows/${workflowId}`, apiBaseUrl), { method: "DELETE", credentials: "include", headers: resolveHeaders(apiKey, orgId) }).catch(() => void 0);
+    step("schedule", "error", `HTTP ${schedRes.status}`);
+    throw new Error(`Scheduler rejected the cron \`${cron}\` (HTTP ${schedRes.status})${errText ? `: ${errText}` : ""}. The workflow has been deleted.`);
+  }
+  step("schedule", "done", cron);
+  return { workflowId, name, cron };
+};
 var findAgentInputParam = (workflow) => {
   const actions = workflow?.actions || [];
   for (const a of actions) {
@@ -12129,16 +12767,16 @@ var stopAgentSchedule = async (workflowId, params = {}) => {
 
 // components/AgentActivityList.tsx
 var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var STATUS_CONFIG = {
-  FINISHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
-  SUCCESS: { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
-  FAILED: { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Failed" },
-  ABORTED: { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Aborted" },
-  EXECUTING: { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
-  RUNNING: { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
-  WAITING: { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Clock, { size: 16 }), color: "hsl(var(--severity-info, 217 91% 60%))", label: "Waiting" },
-  LIMIT_REACHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.AlertTriangle, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Limit reached" }
+  FINISHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
+  SUCCESS: { icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
+  FAILED: { icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Failed" },
+  ABORTED: { icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Aborted" },
+  EXECUTING: { icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
+  RUNNING: { icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
+  WAITING: { icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Clock, { size: 16 }), color: "hsl(var(--severity-info, 217 91% 60%))", label: "Waiting" },
+  LIMIT_REACHED: { icon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react14.AlertTriangle, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Limit reached" }
 };
 var getEffectiveStatus = (run) => {
   const raw = (run.status || "").toUpperCase();
@@ -12154,12 +12792,12 @@ var getEffectiveStatus = (run) => {
 var getRunIcon = (run) => {
   const src = (run.execution_source || "").toLowerCase();
   const arg = (run.execution_argument || "").toLowerCase();
-  if (src.includes("schedule") || src.includes("cron")) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Clock, { size: 18 });
-  if (src.includes("webhook") || src.includes("http")) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Globe, { size: 18 });
-  if (arg.includes("alert") || arg.includes("detect")) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Activity, { size: 18 });
-  if (arg.includes("report") || arg.includes("email")) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.FileText, { size: 18 });
-  if (arg.includes("endpoint") || arg.includes("server")) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Server, { size: 18 });
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Zap, { size: 18 });
+  if (src.includes("schedule") || src.includes("cron")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Clock, { size: 18 });
+  if (src.includes("webhook") || src.includes("http")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Globe, { size: 18 });
+  if (arg.includes("alert") || arg.includes("detect")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Activity, { size: 18 });
+  if (arg.includes("report") || arg.includes("email")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.FileText, { size: 18 });
+  if (arg.includes("endpoint") || arg.includes("server")) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Server, { size: 18 });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Zap, { size: 18 });
 };
 var getRunIconColor = (run) => {
   const status = getEffectiveStatus(run);
@@ -12253,8 +12891,8 @@ var AgentRunRow = ({ run, onClick, sx }) => {
   const iconColor = getRunIconColor(run);
   const duration = formatDuration(run);
   const tools = getRunTools(run);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    import_material18.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    import_material20.Box,
     {
       onClick,
       sx: [
@@ -12277,8 +12915,8 @@ var AgentRunRow = ({ run, onClick, sx }) => {
         ...Array.isArray(sx) ? sx : sx ? [sx] : []
       ],
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          import_material18.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_material20.Box,
           {
             sx: {
               width: 40,
@@ -12294,10 +12932,10 @@ var AgentRunRow = ({ run, onClick, sx }) => {
             children: getRunIcon(run)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.25 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              import_material18.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.25 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              import_material20.Typography,
               {
                 sx: {
                   fontSize: "0.9rem",
@@ -12310,10 +12948,10 @@ var AgentRunRow = ({ run, onClick, sx }) => {
                 children: getRunTitle(run)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Box, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_material18.Typography,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            import_material20.Typography,
             {
               sx: {
                 fontSize: "0.78rem",
@@ -12325,16 +12963,16 @@ var AgentRunRow = ({ run, onClick, sx }) => {
               children: getRunSubtitle(run)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.5 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: run.started_at ? getTimeAgo(run.started_at) : "\u2014" }),
-            duration && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.5 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: run.started_at ? getTimeAgo(run.started_at) : "\u2014" }),
+            duration && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_jsx_runtime24.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
             ] })
           ] })
         ] }),
-        tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-          import_material18.Box,
+        tools.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_material20.Box,
           {
             sx: {
               display: { xs: "none", sm: "flex" },
@@ -12345,8 +12983,8 @@ var AgentRunRow = ({ run, onClick, sx }) => {
               maxWidth: 220,
               flexShrink: 0
             },
-            children: tools.map((t) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Tooltip, { title: t, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              import_material18.Chip,
+            children: tools.map((t) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Tooltip, { title: t, arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              import_material20.Chip,
               {
                 label: t,
                 size: "small",
@@ -12394,21 +13032,21 @@ var AgentActivityList = ({
   toolbarSx,
   rowSx
 }) => {
-  const [runs, setRuns] = (0, import_react17.useState)([]);
-  const [cursor, setCursor] = (0, import_react17.useState)("");
-  const [hasMore, setHasMore] = (0, import_react17.useState)(false);
-  const [isLoading, setIsLoading] = (0, import_react17.useState)(false);
-  const [error, setError] = (0, import_react17.useState)(null);
-  const [statusFilter, setStatusFilter] = (0, import_react17.useState)("");
-  const [searchQuery, setSearchQuery] = (0, import_react17.useState)("");
-  const [debouncedQuery, setDebouncedQuery] = (0, import_react17.useState)("");
-  const [agentWorkflows, setAgentWorkflows] = (0, import_react17.useState)([]);
-  const [workflowFilter, setWorkflowFilter] = (0, import_react17.useState)("");
-  const [stopOpen, setStopOpen] = (0, import_react17.useState)(false);
-  const [stopLoading, setStopLoading] = (0, import_react17.useState)(false);
-  const debounceRef = (0, import_react17.useRef)();
+  const [runs, setRuns] = (0, import_react19.useState)([]);
+  const [cursor, setCursor] = (0, import_react19.useState)("");
+  const [hasMore, setHasMore] = (0, import_react19.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react19.useState)(false);
+  const [error, setError] = (0, import_react19.useState)(null);
+  const [statusFilter, setStatusFilter] = (0, import_react19.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react19.useState)("");
+  const [debouncedQuery, setDebouncedQuery] = (0, import_react19.useState)("");
+  const [agentWorkflows, setAgentWorkflows] = (0, import_react19.useState)([]);
+  const [workflowFilter, setWorkflowFilter] = (0, import_react19.useState)("");
+  const [stopOpen, setStopOpen] = (0, import_react19.useState)(false);
+  const [stopLoading, setStopLoading] = (0, import_react19.useState)(false);
+  const debounceRef = (0, import_react19.useRef)();
   const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
-  const openEditPrompt = (0, import_react17.useCallback)(async () => {
+  const openEditPrompt = (0, import_react19.useCallback)(async () => {
     if (!workflowFilter) return;
     try {
       const { prompt, apps } = await getAgentScheduleConfig(workflowFilter, { apiKey, apiBaseUrl, orgId });
@@ -12422,7 +13060,7 @@ var AgentActivityList = ({
       setError(e instanceof Error ? e.message : "Failed to load workflow");
     }
   }, [workflowFilter, selectedAgentWorkflow, apiKey, apiBaseUrl, orgId, onEditWorkflow]);
-  const confirmStop = (0, import_react17.useCallback)(async () => {
+  const confirmStop = (0, import_react19.useCallback)(async () => {
     if (!workflowFilter) return;
     setStopLoading(true);
     try {
@@ -12437,15 +13075,15 @@ var AgentActivityList = ({
       setStopLoading(false);
     }
   }, [workflowFilter, apiKey, apiBaseUrl, orgId]);
-  const updateSearchQuery = (0, import_react17.useCallback)((q) => {
+  const updateSearchQuery = (0, import_react19.useCallback)((q) => {
     setSearchQuery(q);
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => setDebouncedQuery(q), 350);
   }, []);
-  (0, import_react17.useEffect)(() => () => {
+  (0, import_react19.useEffect)(() => () => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
   }, []);
-  const fetchRuns = (0, import_react17.useCallback)(
+  const fetchRuns = (0, import_react19.useCallback)(
     async (append = false, cursorParam = "") => {
       setIsLoading(true);
       setError(null);
@@ -12474,10 +13112,10 @@ var AgentActivityList = ({
     },
     [statusFilter, limit, apiKey, apiBaseUrl, orgId, workflowFilter]
   );
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     fetchRuns(false, "");
   }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
-  (0, import_react17.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     let cancelled = false;
     listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
       if (!cancelled) setAgentWorkflows(items);
@@ -12487,7 +13125,7 @@ var AgentActivityList = ({
       cancelled = true;
     };
   }, [apiKey, apiBaseUrl, orgId]);
-  const loadMore = (0, import_react17.useCallback)(() => {
+  const loadMore = (0, import_react19.useCallback)(() => {
     if (cursor && !isLoading) fetchRuns(true, cursor);
   }, [cursor, isLoading, fetchRuns]);
   const filteredRuns = debouncedQuery ? runs.filter((r) => {
@@ -12500,15 +13138,15 @@ var AgentActivityList = ({
     ].filter(Boolean).join(" ").toLowerCase();
     return hay.includes(debouncedQuery.toLowerCase());
   }) : runs;
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-    import_material18.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    import_material20.Box,
     {
       className,
       sx: [{ display: "flex", flexDirection: "column", gap: 2 }, ...Array.isArray(sx) ? sx : sx ? [sx] : []],
       children: [
-        (showSearchBar || showStatusChips) && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: [{ display: "flex", alignItems: "center", justifyContent: "center", gap: 1.5, flexWrap: "wrap" }, ...Array.isArray(toolbarSx) ? toolbarSx : toolbarSx ? [toolbarSx] : []], children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-            import_material18.Select,
+        (showSearchBar || showStatusChips) && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: [{ display: "flex", alignItems: "center", justifyContent: "center", gap: 1.5, flexWrap: "wrap" }, ...Array.isArray(toolbarSx) ? toolbarSx : toolbarSx ? [toolbarSx] : []], children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            import_material20.Select,
             {
               size: "small",
               value: workflowFilter,
@@ -12544,13 +13182,13 @@ var AgentActivityList = ({
                 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.MenuItem, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
-                agentWorkflows.map((w) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.MenuItem, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id))
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.MenuItem, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
+                agentWorkflows.map((w) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.MenuItem, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id))
               ]
             }
           ),
-          showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_material18.TextField,
+          showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            import_material20.TextField,
             {
               placeholder: "Search results...",
               size: "small",
@@ -12558,7 +13196,7 @@ var AgentActivityList = ({
               onChange: (e) => updateSearchQuery(e.target.value),
               slotProps: {
                 input: {
-                  startAdornment: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.Search, { size: 18, color: "hsl(var(--muted-foreground))" }) })
+                  startAdornment: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.Search, { size: 18, color: "hsl(var(--muted-foreground))" }) })
                 }
               },
               sx: {
@@ -12578,7 +13216,7 @@ var AgentActivityList = ({
               }
             }
           ),
-          showStatusChips && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          showStatusChips && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             SegmentedControl,
             {
               size: "sm",
@@ -12588,10 +13226,10 @@ var AgentActivityList = ({
               options: STATUS_FILTERS.map((f) => ({ value: f.value, label: f.label }))
             }
           ),
-          isLoading && runs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary))", ml: 0.5 } })
+          isLoading && runs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary))", ml: 0.5 } })
         ] }),
-        selectedAgentWorkflow && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-          import_material18.Box,
+        selectedAgentWorkflow && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          import_material20.Box,
           {
             sx: {
               display: "flex",
@@ -12603,15 +13241,15 @@ var AgentActivityList = ({
               bgcolor: "hsl(var(--card))"
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.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_runtime22.jsx)(import_material18.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.description })
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.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_runtime24.jsx)(import_material20.Typography, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.description })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_material18.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                import_material20.Button,
                 {
                   size: "small",
-                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.Pencil, { size: 14 }),
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react14.Pencil, { size: 14 }),
                   onClick: openEditPrompt,
                   sx: {
                     height: 36,
@@ -12626,11 +13264,11 @@ var AgentActivityList = ({
                   children: "Edit"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                import_material18.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                import_material20.Button,
                 {
                   size: "small",
-                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react14.StopCircle, { size: 14 }),
+                  startIcon: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react14.StopCircle, { size: 14 }),
                   onClick: () => setStopOpen(true),
                   sx: {
                     height: 36,
@@ -12648,17 +13286,17 @@ var AgentActivityList = ({
             ]
           }
         ),
-        isLoading && runs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { display: "flex", justifyContent: "center", py: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.CircularProgress, { size: 28, sx: { color: "hsl(var(--primary))" } }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 6 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react13.AlertCircle, { size: 28, style: { color: "hsl(var(--severity-critical, 0 72% 55%))", marginBottom: 8 } }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_material18.Typography,
+        isLoading && runs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Box, { sx: { display: "flex", justifyContent: "center", py: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.CircularProgress, { size: 28, sx: { color: "hsl(var(--primary))" } }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react13.AlertCircle, { size: 28, style: { color: "hsl(var(--severity-critical, 0 72% 55%))", marginBottom: 8 } }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            import_material20.Typography,
             {
               sx: { color: "hsl(var(--severity-critical, 0 72% 55%))", fontSize: "0.9rem", mb: 1 },
               children: error
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_material18.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            import_material20.Button,
             {
               size: "small",
               onClick: () => fetchRuns(false, ""),
@@ -12666,24 +13304,24 @@ var AgentActivityList = ({
               children: "Try again"
             }
           )
-        ] }) : filteredRuns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 8 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        ] }) : filteredRuns.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             import_lucide_react13.Activity,
             {
               size: 40,
               style: { color: "hsl(var(--muted-foreground))", marginBottom: 12 }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.9rem" }, children: emptyTitle }),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            import_material18.Typography,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.9rem" }, children: emptyTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            import_material20.Typography,
             {
               sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.8rem", mt: 0.5, opacity: 0.7 },
               children: emptySubtitle
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
-          filteredRuns.map((run, idx) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+          filteredRuns.map((run, idx) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             AgentRunRow,
             {
               run,
@@ -12692,43 +13330,43 @@ var AgentActivityList = ({
             },
             run.execution_id || idx
           )),
-          hasMore && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Box, { sx: { display: "flex", justifyContent: "center", mt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-            import_material18.Button,
+          hasMore && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Box, { sx: { display: "flex", justifyContent: "center", mt: 1 }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+            import_material20.Button,
             {
               size: "small",
               onClick: loadMore,
               disabled: isLoading,
               sx: { color: "hsl(var(--primary))", textTransform: "none", fontSize: "0.8rem" },
               children: [
-                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.CircularProgress, { size: 14, sx: { mr: 1 } }) : null,
+                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.CircularProgress, { size: 14, sx: { mr: 1 } }) : null,
                 "Load more"
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-          import_material18.Dialog,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          import_material20.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_runtime22.jsx)(import_material18.DialogTitle, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Stop schedule?" }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.DialogTitle, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Stop schedule?" }),
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.DialogContent, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.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_runtime22.jsxs)(import_material18.DialogActions, { sx: { px: 3, pb: 2 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Button, { onClick: () => setStopOpen(false), disabled: stopLoading, sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-                  import_material18.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.DialogActions, { sx: { px: 3, pb: 2 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Button, { onClick: () => setStopOpen(false), disabled: stopLoading, sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
+                /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+                  import_material20.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_runtime22.jsx)(import_material18.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary-foreground))", mr: 1 } }) : null,
+                      stopLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.CircularProgress, { size: 16, sx: { color: "hsl(var(--primary-foreground))", mr: 1 } }) : null,
                       "Stop schedule"
                     ]
                   }
@@ -12744,9 +13382,9 @@ var AgentActivityList = ({
 var AgentActivityList_default = AgentActivityList;
 
 // components/AgentExecutionDrawer.tsx
-var import_material19 = require("@mui/material");
+var import_material21 = require("@mui/material");
 var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var AgentExecutionDrawer = ({
   open,
   onClose,
@@ -12768,8 +13406,8 @@ var AgentExecutionDrawer = ({
   const statusKey = (run?.status || "").toUpperCase();
   const cfg = STATUS_CONFIG[statusKey] || STATUS_CONFIG.WAITING;
   const duration = run ? formatDuration(run) : "";
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-    import_material19.Drawer,
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+    import_material21.Drawer,
     {
       anchor: "right",
       open,
@@ -12791,8 +13429,8 @@ var AgentExecutionDrawer = ({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
-          import_material19.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          import_material21.Box,
           {
             sx: [
               {
@@ -12810,8 +13448,8 @@ var AgentExecutionDrawer = ({
               ...Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : []
             ],
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                import_material19.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                import_material21.Box,
                 {
                   sx: {
                     width: 36,
@@ -12824,13 +13462,13 @@ var AgentExecutionDrawer = ({
                     color: "hsl(var(--primary))",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(AgentIcon_default, { size: 20 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AgentIcon_default, { size: 20 })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                    import_material19.Typography,
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                    import_material21.Typography,
                     {
                       sx: {
                         fontSize: "0.95rem",
@@ -12843,22 +13481,22 @@ var AgentExecutionDrawer = ({
                       children: run ? getRunTitle(run) : "Agent execution"
                     }
                   ),
-                  run && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Box, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
+                  run && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Box, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
                 ] }),
-                run && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.25 }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: cfg.label }),
-                  run.started_at && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: getTimeAgo(run.started_at) })
+                run && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.25 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: cfg.label }),
+                  run.started_at && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: getTimeAgo(run.started_at) })
                   ] }),
-                  duration && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: duration })
+                  duration && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Typography, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: duration })
                   ] })
                 ] })
               ] }),
-              run?.execution_id && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Tooltip, { title: "Open in new tab", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                import_material19.IconButton,
+              run?.execution_id && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Tooltip, { title: "Open in new tab", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                import_material21.IconButton,
                 {
                   component: "a",
                   href: `/agents?execution_id=${encodeURIComponent(run.execution_id)}${run.authorization ? `&authorization=${encodeURIComponent(run.authorization)}` : ""}`,
@@ -12869,11 +13507,11 @@ var AgentExecutionDrawer = ({
                     color: "hsl(var(--muted-foreground))",
                     "&:hover": { color: "hsl(var(--foreground))", bgcolor: "hsl(var(--muted))" }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react15.ExternalLink, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react15.ExternalLink, { size: 16 })
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_material19.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-                import_material19.IconButton,
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Tooltip, { title: "Close", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                import_material21.IconButton,
                 {
                   onClick: onClose,
                   size: "small",
@@ -12881,15 +13519,15 @@ var AgentExecutionDrawer = ({
                     color: "hsl(var(--muted-foreground))",
                     "&:hover": { color: "hsl(var(--foreground))", bgcolor: "hsl(var(--muted))" }
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react15.X, { size: 16 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react15.X, { size: 16 })
                 }
               ) })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material19.Box, { sx: [{ flex: 1, overflowY: "auto", pt: 3 }, ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { sx: [{ flex: 1, overflowY: "auto", pt: 3 }, ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children: [
           topBanner,
-          run ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          run ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             AgentUI_default,
             {
               initialExecution: {
@@ -12926,9 +13564,9 @@ var AgentExecutionDrawer = ({
 var AgentExecutionDrawer_default = AgentExecutionDrawer;
 
 // views/AgentsView.tsx
-var import_react18 = require("react");
-var import_material20 = require("@mui/material");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react20 = require("react");
+var import_material22 = require("@mui/material");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var AgentsView = ({
   onSchedule,
   maxWidth = 820,
@@ -12942,45 +13580,59 @@ var AgentsView = ({
   userdata,
   serverside,
   theme,
-  colorMode
+  colorMode,
+  apiKey,
+  orgId
 }) => {
   useSyncHostBaseUrl(globalUrl);
-  const [selectedRun, setSelectedRun] = (0, import_react18.useState)(null);
-  const [agentView, setAgentView] = (0, import_react18.useState)("start");
-  const [prefill, setPrefill] = (0, import_react18.useState)({
+  const [selectedRun, setSelectedRun] = (0, import_react20.useState)(null);
+  const [agentView, setAgentView] = (0, import_react20.useState)("start");
+  const [prefill, setPrefill] = (0, import_react20.useState)({
     input: "",
     apps: [],
     key: 0
   });
-  const [editing, setEditing] = (0, import_react18.useState)(null);
-  const [builtInDrawer, setBuiltInDrawer] = (0, import_react18.useState)({
+  const [editing, setEditing] = (0, import_react20.useState)(null);
+  const [builtInDrawer, setBuiltInDrawer] = (0, import_react20.useState)({
     open: false,
     tab: "localLLM"
   });
-  const effectiveLocalLLMSlot = (0, import_react18.useMemo)(
-    () => localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { p: 3, color: "hsl(var(--muted-foreground))", fontSize: "0.85rem", lineHeight: 1.6 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Typography, { sx: { fontSize: "0.95rem", fontWeight: 600, color: "hsl(var(--foreground))", mb: 1 }, children: "Local LLM not configured" }),
-      "This host hasn't wired a Local LLM picker yet. Pass an",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { style: { fontFamily: "monospace" }, children: "onChooseLLM" }),
-      " handler or a",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { style: { fontFamily: "monospace" }, children: "localLLMSlot" }),
-      " to",
-      " ",
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("code", { style: { fontFamily: "monospace" }, children: "<AgentsView />" }),
-      " to render your own configuration UI here."
-    ] }),
-    [localLLMSlot]
+  const effectiveSchedule = (0, import_react20.useCallback)(
+    async (info) => {
+      if (onSchedule) return onSchedule(info);
+      await scheduleAgentRun({ ...info, apiKey, apiBaseUrl: globalUrl, orgId });
+    },
+    [onSchedule, apiKey, globalUrl, orgId]
   );
-  const handleChooseLLM = (0, import_react18.useCallback)(() => {
+  const effectiveLocalLLMSlot = (0, import_react20.useMemo)(
+    () => localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      LocalLLMConfig_default,
+      {
+        globalUrl,
+        userdata,
+        isLoaded,
+        isLoggedIn,
+        serverside,
+        theme,
+        colorMode
+      }
+    ),
+    [localLLMSlot, globalUrl, userdata, isLoaded, isLoggedIn, serverside, theme, colorMode]
+  );
+  const handleChooseLLM = (0, import_react20.useCallback)(() => {
     if (onChooseLLM) {
       onChooseLLM();
       return;
     }
+    if (typeof window !== "undefined" && window.__shuffleAgentDrawerMounted > 0) {
+      window.dispatchEvent(
+        new CustomEvent("agent-drawer-open", { detail: { tab: "localLLM" } })
+      );
+      return;
+    }
     setBuiltInDrawer({ open: true, tab: "localLLM" });
   }, [onChooseLLM]);
-  const handleEditWorkflow = (0, import_react18.useCallback)(
+  const handleEditWorkflow = (0, import_react20.useCallback)(
     ({ workflowId, name, prompt, apps }) => {
       setEditing({ workflowId, name });
       setPrefill((prev) => ({
@@ -12992,7 +13644,7 @@ var AgentsView = ({
     },
     []
   );
-  const handleSaveEdit = (0, import_react18.useCallback)(
+  const handleSaveEdit = (0, import_react20.useCallback)(
     async ({ input, apps }) => {
       if (!editing) return;
       try {
@@ -13012,10 +13664,10 @@ var AgentsView = ({
     },
     [editing]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { minHeight: "100%", width: "100%", px: { xs: 2, md: 4 }, pt: { xs: 3, md: "5vh" }, pb: 6, boxSizing: "border-box" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Stack, { spacing: 6, sx: { maxWidth, mx: "auto", width: "100%" }, children: [
-      editing && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-        import_material20.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material22.Box, { sx: { minHeight: "100%", width: "100%", px: { xs: 2, md: 4 }, pt: { xs: 3, md: "5vh" }, pb: 6, boxSizing: "border-box" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material22.Stack, { spacing: 6, sx: { maxWidth, mx: "auto", width: "100%" }, children: [
+      editing && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        import_material22.Box,
         {
           sx: {
             display: "flex",
@@ -13028,12 +13680,12 @@ var AgentsView = ({
             bgcolor: "hsl(var(--primary) / 0.08)"
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--foreground))" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material22.Typography, { sx: { fontSize: "0.85rem", color: "hsl(var(--foreground))" }, children: [
               "Editing schedule: ",
-              /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("strong", { children: editing.name })
+              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("strong", { children: editing.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              import_material20.Typography,
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              import_material22.Typography,
               {
                 component: "button",
                 onClick: () => {
@@ -13053,13 +13705,15 @@ var AgentsView = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         AgentUI_default,
         {
           maxWidth,
           apiBaseUrl: globalUrl,
           onViewChange: setAgentView,
-          onSchedule,
+          onSchedule: effectiveSchedule,
+          apiKey,
+          orgId,
           onChooseLLM: handleChooseLLM,
           hideChooseLLM,
           defaultInput: prefill.input,
@@ -13074,28 +13728,32 @@ var AgentsView = ({
         },
         prefill.key
       ),
-      agentView === "start" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Box, { sx: { pt: { xs: 4, md: "8vh" } }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      agentView === "start" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_material22.Box, { sx: { pt: { xs: 4, md: "8vh" } }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         AgentActivityList_default,
         {
           apiBaseUrl: globalUrl,
+          apiKey,
+          orgId,
           onRunClick: setSelectedRun,
           onEditWorkflow: handleEditWorkflow
         }
       ) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       AgentExecutionDrawer_default,
       {
         open: selectedRun !== null,
         onClose: () => setSelectedRun(null),
         run: selectedRun,
         apiBaseUrl: globalUrl,
-        onSchedule,
+        onSchedule: effectiveSchedule,
+        apiKey,
+        orgId,
         theme,
         colorMode
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       AgentRunDrawer_default,
       {
         open: builtInDrawer.open,
@@ -13106,7 +13764,7 @@ var AgentsView = ({
         permissionsSlot,
         theme,
         colorMode,
-        agentUIProps: { onSchedule, apiBaseUrl: globalUrl, theme, colorMode }
+        agentUIProps: { onSchedule: effectiveSchedule, apiBaseUrl: globalUrl, apiKey, orgId, theme, colorMode }
       }
     )
   ] });
@@ -13114,14 +13772,14 @@ var AgentsView = ({
 var AgentsView_default = AgentsView;
 
 // useAppLookup.ts
-var import_react19 = require("react");
+var import_react21 = require("react");
 init_api();
 init_appsCache();
 var norm3 = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
 function useAppLookup(appName) {
-  const [loading, setLoading] = (0, import_react19.useState)(false);
-  const [info, setInfo] = (0, import_react19.useState)(null);
-  const [algoliaId, setAlgoliaId] = (0, import_react19.useState)(null);
+  const [loading, setLoading] = (0, import_react21.useState)(false);
+  const [info, setInfo] = (0, import_react21.useState)(null);
+  const [algoliaId, setAlgoliaId] = (0, import_react21.useState)(null);
   const {
     authStates,
     authenticatedApps,
@@ -13130,7 +13788,7 @@ function useAppLookup(appName) {
     handleSaveAuth,
     refreshAuth
   } = useAppAuth();
-  (0, import_react19.useEffect)(() => {
+  (0, import_react21.useEffect)(() => {
     if (!appName) {
       setInfo(null);
       setAlgoliaId(null);
@@ -13209,13 +13867,13 @@ function useAppLookup(appName) {
       setLoading(false);
     })();
   }, [appName]);
-  const matchingEntries = (0, import_react19.useMemo)(() => {
+  const matchingEntries = (0, import_react21.useMemo)(() => {
     if (!appName) return [];
     return authenticatedApps.filter(
       (auth) => auth.app?.name && norm3(auth.app.name) === norm3(appName)
     );
   }, [appName, authenticatedApps]);
-  const image = (0, import_react19.useMemo)(() => {
+  const image = (0, import_react21.useMemo)(() => {
     if (info?.image) return info.image;
     for (const entry of matchingEntries) {
       const img = entry.app?.large_image || entry.large_image;
@@ -13223,7 +13881,7 @@ function useAppLookup(appName) {
     }
     return "";
   }, [info, matchingEntries]);
-  const algoliaApp = (0, import_react19.useMemo)(() => {
+  const algoliaApp = (0, import_react21.useMemo)(() => {
     if (!appName) return null;
     return {
       objectID: algoliaId || appName,
@@ -13258,108 +13916,27 @@ function useAppLookup(appName) {
 init_api();
 init_fetchBreaker();
 init_appsCache();
-
-// components/UsageBar.tsx
-var import_material21 = require("@mui/material");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var fmt = (n) => n.toLocaleString();
-var UsageBar = ({
-  label,
-  usage,
-  limit,
-  unit,
-  hint,
-  actionLabel,
-  actionHref
-}) => {
-  const safeLimit = Math.max(limit, 0);
-  const pct = safeLimit > 0 ? usage / safeLimit * 100 : 0;
-  const isOver = pct >= 100;
-  const isWarn = pct >= 65 && !isOver;
-  const accent = isOver ? "hsl(var(--destructive))" : isWarn ? "hsl(var(--severity-medium))" : "hsl(var(--muted-foreground))";
-  const tooltipText = safeLimit > 0 ? `${pct.toFixed(0)}% used \xB7 ${fmt(usage)} / ${fmt(safeLimit)}${unit ? " " + unit : ""}${hint ? " \xB7 " + hint : ""}` : `${fmt(usage)}${unit ? " " + unit : ""}${hint ? " \xB7 " + hint : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Tooltip, { title: tooltipText, placement: "top", arrow: true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5, py: 0.25 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-        import_material21.Typography,
-        {
-          sx: {
-            fontSize: "12.8px",
-            fontWeight: 500,
-            color: "hsl(var(--muted-foreground))",
-            lineHeight: 1.2
-          },
-          children: label
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-        actionLabel && actionHref && (isWarn || isOver) && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_material21.Box,
-          {
-            component: "a",
-            href: actionHref,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            sx: {
-              fontSize: "12.8px",
-              fontWeight: 600,
-              color: accent,
-              textDecoration: "none",
-              "&:hover": { textDecoration: "underline" }
-            },
-            children: actionLabel
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_material21.Typography,
-          {
-            sx: {
-              fontSize: "12.8px",
-              fontWeight: 500,
-              color: accent,
-              whiteSpace: "nowrap",
-              fontVariantNumeric: "tabular-nums"
-            },
-            children: safeLimit > 0 ? `${fmt(usage)} / ${fmt(safeLimit)}${unit ? " " + unit : ""}` : `${fmt(usage)}${unit ? " " + unit : ""}`
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Box, { sx: { width: "100%", height: 2, bgcolor: "hsl(var(--muted) / 0.5)", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_material21.Box,
-      {
-        sx: {
-          width: `${Math.min(Math.max(pct, 0), 100)}%`,
-          height: "100%",
-          bgcolor: isOver ? "hsl(var(--destructive))" : isWarn ? "hsl(var(--severity-medium))" : "hsl(var(--severity-low, 142 71% 45%))",
-          transition: "width 0.3s ease"
-        }
-      }
-    ) })
-  ] }) });
-};
-
-// index.ts
 var resolveMode = (theme, colorMode) => {
   if (theme === "light" || theme === "dark") return theme;
   if (theme === "system") return "auto";
-  return colorMode ?? "auto";
+  if (colorMode) return colorMode;
+  return "dark";
 };
 var withMcpTheme = (Inner, displayName) => {
-  const Wrapped = ({ theme, colorMode, ...rest }) => import_react20.default.createElement(
+  const Wrapped = ({ theme, colorMode, ...rest }) => import_react22.default.createElement(
     ShuffleMcpThemeProvider,
     { mode: resolveMode(theme, colorMode) },
-    import_react20.default.createElement(Inner, { ...rest, theme, colorMode })
+    import_react22.default.createElement(Inner, { ...rest, theme, colorMode })
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName})`;
   return Wrapped;
 };
 var withMcpThemeRef = (Inner, displayName) => {
-  const Wrapped = import_react20.default.forwardRef(
-    ({ theme, colorMode, ...rest }, ref) => import_react20.default.createElement(
+  const Wrapped = import_react22.default.forwardRef(
+    ({ theme, colorMode, ...rest }, ref) => import_react22.default.createElement(
       ShuffleMcpThemeProvider,
       { mode: resolveMode(theme, colorMode) },
-      import_react20.default.createElement(Inner, { ...rest, theme, colorMode, ref })
+      import_react22.default.createElement(Inner, { ...rest, theme, colorMode, ref })
     )
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName})`;
@@ -13381,6 +13958,7 @@ var AgentActivityList2 = withMcpTheme(AgentActivityList_default, "AgentActivityL
 var AgentExecutionDrawer2 = withMcpTheme(AgentExecutionDrawer_default, "AgentExecutionDrawer");
 var AgentsView2 = withMcpTheme(AgentsView_default, "AgentsView");
 var AgentRunDiagnosisBanner2 = withMcpTheme(AgentRunDiagnosisBanner_default, "AgentRunDiagnosisBanner");
+var LocalLLMConfig2 = withMcpTheme(LocalLLMConfig_default, "LocalLLMConfig");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   API_CONFIG,
@@ -13407,6 +13985,7 @@ var AgentRunDiagnosisBanner2 = withMcpTheme(AgentRunDiagnosisBanner_default, "Ag
   FORWARD_TICKETS_WORKFLOW_NAME,
   INGEST_TICKETS_WORKFLOW_NAME,
   IntegrationStatus,
+  LocalLLMConfig,
   SIEM_PATTERNS,
   ShuffleMCP,
   ShuffleMcpThemeProvider,
@@ -13452,6 +14031,7 @@ var AgentRunDiagnosisBanner2 = withMcpTheme(AgentRunDiagnosisBanner_default, "Ag
   resetRegionUrl,
   resolveApp,
   resolveApps,
+  scheduleAgentRun,
   searchAgentActivity,
   seedResolvedApp,
   setDatastoreItem,