@shuffleio/shuffle-mcps 0.0.22 → 0.0.24

package/dist/index.mjs

@@ -3815,7 +3815,14 @@ function AppAuthSection({
   onAuthChange,
   onTestConnection,
   onSaveAuth,
-  onRefreshAuth
+  onRefreshAuth,
+  globalUrl,
+  userdata,
+  isLoaded,
+  isLoggedIn,
+  serverside,
+  theme,
+  colorMode
 }) {
   return /* @__PURE__ */ jsx7(motion3.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: 0.1 }, children: /* @__PURE__ */ jsxs5(Box4, { sx: { mb: 3 }, children: [
     /* @__PURE__ */ jsx7(Typography4, { sx: { color: "hsl(var(--foreground))", fontWeight: 600, fontSize: "0.95rem", mb: 0.5 }, children: "Authentication" }),
@@ -3831,7 +3838,14 @@ function AppAuthSection({
         onTestConnection,
         onSaveAuth,
         apiAuthEntries: matchingEntries,
-        onRefreshAuth
+        onRefreshAuth,
+        globalUrl,
+        userdata,
+        isLoaded,
+        isLoggedIn,
+        serverside,
+        theme,
+        colorMode
       }
     )
   ] }) });
@@ -4008,7 +4022,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] = useState6("");
   const [runState, setRunState] = useState6("idle");
   const [query, setQuery] = useState6("");
@@ -4452,7 +4467,7 @@ var AppMcpChat_default = AppMcpChat;
 
 // views/TryMcpSection.tsx
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function TryMcpSection({ appName, appIcon, appId, categories }) {
+function TryMcpSection({ appName, appIcon, appId, categories, globalUrl, userdata, isLoaded, isLoggedIn, serverside, theme, colorMode }) {
   return /* @__PURE__ */ jsx10(motion5.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: 0.15 }, children: /* @__PURE__ */ jsxs7(Box6, { sx: { mt: 5, mb: 3 }, children: [
     /* @__PURE__ */ jsx10(Typography6, { sx: { color: "hsl(var(--foreground))", fontWeight: 600, fontSize: "0.95rem", mb: 1.5 }, children: "Try MCP" }),
     /* @__PURE__ */ jsx10(
@@ -4461,7 +4476,14 @@ function TryMcpSection({ appName, appIcon, appId, categories }) {
         appName,
         appIcon,
         appId,
-        categories
+        categories,
+        globalUrl,
+        userdata,
+        isLoaded,
+        isLoggedIn,
+        serverside,
+        theme,
+        colorMode
       }
     )
   ] }) });
@@ -5295,8 +5317,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] = useState8(null);
   const [appLoading, setAppLoading] = useState8(true);
   const [isActivated, setIsActivated] = useState8(null);
@@ -5528,15 +5559,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__ */ jsxs9(
           Box8,
@@ -5592,7 +5631,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__ */ jsx12(motion6.div, { initial: { opacity: 0, y: 12 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.3, delay: 0.08 }, children: /* @__PURE__ */ jsxs9(Box8, { sx: {
@@ -5634,7 +5680,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__ */ jsxs9(Fragment4, { children: [
@@ -5644,10 +5697,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__ */ jsx12(SingulActionsPreview_default, { appName: appName || "", appIcon: resolvedImage, categories: appInfo?.categories, activeOrgId })
+            /* @__PURE__ */ jsx12(
+              SingulActionsPreview_default,
+              {
+                appName: appName || "",
+                appIcon: resolvedImage,
+                categories: appInfo?.categories,
+                activeOrgId,
+                globalUrl,
+                userdata,
+                isLoaded,
+                isLoggedIn,
+                serverside,
+                theme,
+                colorMode
+              }
+            )
           ] })
         ] }) })
       ]
@@ -5872,6 +5947,7 @@ var ShuffleMCP = React3.forwardRef(({
   showCheckbox = false,
   multiSelect = false,
   selectedApps = EMPTY_SELECTED_APPS,
+  disableAutoSelectValidatedApps = false,
   preventDefault = false,
   inline = false,
   initialQuery = "",
@@ -5982,6 +6058,7 @@ var ShuffleMCP = React3.forwardRef(({
     fetchPrivateApps();
   }, [apiKey, apiBaseUrl, privateAppsPath, disablePrivateApps, orgId]);
   useEffect8(() => {
+    if (disableAutoSelectValidatedApps) return;
     if (authenticatedApps.length > 0 && results.length > 0) {
       const validatedApps = authenticatedApps.filter((auth) => auth.validation?.valid);
       const appsToAutoSelect = results.filter(
@@ -6000,7 +6077,7 @@ var ShuffleMCP = React3.forwardRef(({
         }
       }
     }
-  }, [authenticatedApps, results]);
+  }, [authenticatedApps, results, disableAutoSelectValidatedApps]);
   useEffect8(() => {
     if (externalAuthenticatedApps) {
       setAuthenticatedApps(externalAuthenticatedApps);
@@ -6499,8 +6576,13 @@ function AppSearchDrawer({
   highlightDelayMs = 5e3,
   multiSelect = false,
   selectedApps,
-  onSelectionChange
+  onSelectionChange,
+  globalUrl,
+  theme,
+  colorMode
 }) {
+  const themeScope = useShuffleMcpTheme();
+  const scopeClassName = themeScope?.scopeClassName ?? (theme === "dark" ? "shuffle-mcp-scope dark" : theme === "light" ? "shuffle-mcp-scope" : void 0);
   const [detailAppName, setDetailAppName] = useState10(null);
   const [detailAppId, setDetailAppId] = useState10(null);
   const [highlightActive, setHighlightActive] = useState10(false);
@@ -6586,19 +6668,25 @@ function AppSearchDrawer({
         anchor,
         open: open && detailAppName === null,
         onClose: handleClose,
+        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__ */ jsxs12(
@@ -6694,14 +6782,16 @@ function AppSearchDrawer({
                     overflowY: "auto"
                   },
                   "& .singul-results-grid": {
-                    gridAutoRows: "75px",
+                    gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+                    gridAutoRows: "88px",
                     gap: "12px"
                   },
                   "& .singul-results-grid .singul-dropdown-item": {
-                    minHeight: 75,
-                    maxHeight: 75,
-                    height: 75,
-                    padding: "14px 16px",
+                    minWidth: 0,
+                    minHeight: 88,
+                    maxHeight: 88,
+                    height: 88,
+                    padding: "12px 14px",
                     alignItems: "center",
                     overflow: "hidden"
                   },
@@ -6710,11 +6800,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",
@@ -6739,7 +6832,10 @@ function AppSearchDrawer({
                       ShuffleMCP2,
                       {
                         apiKey: API_CONFIG.apiKey || void 0,
-                        apiBaseUrl: API_CONFIG.baseUrl,
+                        apiBaseUrl: globalUrl || API_CONFIG.baseUrl,
+                        globalUrl,
+                        theme,
+                        colorMode,
                         placeholder: initialQuery ? `Search ${initialQuery} integrations...` : "Search integrations...",
                         layout: "grid",
                         gridColumns: 2,
@@ -6751,8 +6847,17 @@ function AppSearchDrawer({
                         showCheckbox: multiSelect,
                         multiSelect,
                         selectedApps: multiSelect ? projectedSelectedApps : void 0,
+                        disableAutoSelectValidatedApps: multiSelect,
                         preventDefault: true,
                         onAppSelected: handleAppSelected,
+                        onSelectionChange: multiSelect ? (next) => {
+                          onSelectionChange?.(next.map((app) => ({
+                            name: app.name,
+                            id: app.objectID || null,
+                            icon: app.image_url || "",
+                            categories: app.categories || []
+                          })));
+                        } : void 0,
                         pinnedApps: pinnedApps?.map((p) => ({
                           name: p.name,
                           image_url: p.image_url,
@@ -6798,6 +6903,9 @@ function AppSearchDrawer({
         appId: detailAppId,
         anchor,
         width,
+        globalUrl,
+        theme,
+        colorMode,
         onRefresh: onClose,
         onAddToCanvas
       }
@@ -8836,6 +8944,8 @@ var AgentUI = ({
   apiKey,
   apiBaseUrl,
   orgId,
+  theme,
+  colorMode,
   className,
   sx,
   contentSx
@@ -11385,6 +11495,9 @@ var AgentUI = ({
                 subtitle: appPickerSubtitle,
                 multiSelect: true,
                 selectedApps: chosenApps.map((a) => ({ name: a.name, id: a.id || null, icon: a.icon })),
+                globalUrl: apiBaseUrl,
+                theme,
+                colorMode,
                 onSelectionChange: (next) => {
                   setChosenApps(
                     next.map((app) => {
@@ -11408,7 +11521,10 @@ var AgentUI = ({
                 onClose: () => setAuthDrawerApp(null),
                 appName: authDrawerApp?.name || null,
                 appId: authDrawerApp?.id || null,
-                activeOrgId: orgId || null
+                activeOrgId: orgId || null,
+                globalUrl: apiBaseUrl,
+                theme,
+                colorMode
               }
             )
           ]
@@ -11420,15 +11536,15 @@ var AgentUI = ({
 var AgentUI_default = AgentUI;
 
 // components/AgentRunDrawer.tsx
-import { useEffect as useEffect12, useRef as useRef9, useState as useState13 } from "react";
+import { useEffect as useEffect13, useRef as useRef10, useState as useState14 } from "react";
 import {
-  Box as Box15,
+  Box as Box17,
   Drawer as Drawer3,
   IconButton as IconButton9,
   Tab,
   Tabs,
-  Tooltip as Tooltip10,
-  Typography as Typography14
+  Tooltip as Tooltip11,
+  Typography as Typography16
 } from "@mui/material";
 import {
   Play,
@@ -11436,7 +11552,361 @@ import {
   ShieldCheck,
   X as CloseIcon6
 } from "lucide-react";
+
+// components/LocalLLMConfig.tsx
+import { useEffect as useEffect12, useMemo as useMemo7, useRef as useRef9, useState as useState13 } from "react";
+import {
+  Autocomplete as Autocomplete3,
+  Box as Box16,
+  Button as Button9,
+  Dialog as Dialog2,
+  DialogActions,
+  DialogContent as DialogContent2,
+  DialogContentText,
+  DialogTitle as DialogTitle2,
+  TextField as TextField6,
+  Typography as Typography15
+} from "@mui/material";
+
+// components/UsageBar.tsx
+import { Box as Box15, Typography as Typography14, Tooltip as Tooltip10 } from "@mui/material";
 import { jsx as jsx21, jsxs as jsxs18 } from "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__ */ jsx21(Tooltip10, { title: tooltipText, placement: "top", arrow: true, children: /* @__PURE__ */ jsxs18(Box15, { sx: { display: "flex", flexDirection: "column", gap: 0.5, py: 0.25 }, children: [
+    /* @__PURE__ */ jsxs18(Box15, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1 }, children: [
+      /* @__PURE__ */ jsx21(
+        Typography14,
+        {
+          sx: {
+            fontSize: "12.8px",
+            fontWeight: 500,
+            color: "hsl(var(--muted-foreground))",
+            lineHeight: 1.2
+          },
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxs18(Box15, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+        actionLabel && actionHref && (isWarn || isOver) && /* @__PURE__ */ jsx21(
+          Box15,
+          {
+            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__ */ jsx21(
+          Typography14,
+          {
+            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__ */ jsx21(Box15, { sx: { width: "100%", height: 2, bgcolor: "hsl(var(--muted) / 0.5)", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ jsx21(
+      Box15,
+      {
+        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
+import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { createElement as createElement2 } from "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] = useState13(true);
+  const [selectedPreset, setSelectedPreset] = useState13("");
+  const [customUrl, setCustomUrl] = useState13("");
+  const [confirmShuffleAIOpen, setConfirmShuffleAIOpen] = useState13(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 = useRef9(/* @__PURE__ */ new Set());
+  useEffect12(() => {
+    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 = useMemo7(() => {
+    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] = useState13(null);
+  useEffect12(() => {
+    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 appRunLimit = orgData?.app_execution_limit ?? userdata?.app_execution_limit ?? 0;
+  const appRunUsage = (orgData?.app_execution_usage ?? userdata?.app_execution_usage ?? 0) + (orgData?.app_executions_suborgs ?? userdata?.app_executions_suborgs ?? 0);
+  const agentTokens = orgData?.sync_features?.agent_tokens ?? userdata?.sync_features?.agent_tokens;
+  const agentTokenLimit = Number(agentTokens?.limit) || 0;
+  const agentTokenUsage = Number(agentTokens?.usage) || 0;
+  return /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
+    /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
+      /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: "AI Provider" }),
+      /* @__PURE__ */ jsx22(
+        Autocomplete3,
+        {
+          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__ */ createElement2("li", { ...props, key: option }, /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%", minWidth: 0 }, children: [
+              /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.85rem", color: "hsl(var(--popover-foreground))" }, children: option }),
+              preset?.url && /* @__PURE__ */ jsx22(Typography15, { 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__ */ jsx22(TextField6, { ...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__ */ jsx22(Box16, { sx: { px: 2.5, py: 2, borderRadius: 2, border: "1px solid hsl(var(--border))", bgcolor: "hsl(var(--muted) / 0.3)" }, children: /* @__PURE__ */ jsxs19(Typography15, { 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__ */ jsx22(Box16, { 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__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", gap: 0.75, mt: 0.5, width: "100%" }, children: [
+      /* @__PURE__ */ jsx22(UsageBar, { label: "App runs", usage: appRunUsage, limit: appRunLimit, unit: "runs", actionLabel: "Upgrade", actionHref: "https://shuffler.io/pricing" }),
+      /* @__PURE__ */ jsx22(UsageBar, { label: "Agent tokens", usage: agentTokenUsage, limit: agentTokenLimit, unit: "tokens", actionLabel: "Upgrade", actionHref: "https://shuffler.io/pricing" })
+    ] }),
+    effectivePreset === CUSTOM_PRESET && /* @__PURE__ */ jsx22(
+      TextField6,
+      {
+        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__ */ jsx22(
+      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__ */ jsxs19(Dialog2, { 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__ */ jsx22(DialogTitle2, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Switch to Shuffle AI?" }),
+      /* @__PURE__ */ jsx22(DialogContent2, { children: /* @__PURE__ */ jsx22(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__ */ jsxs19(DialogActions, { sx: { px: 3, pb: 2 }, children: [
+        /* @__PURE__ */ jsx22(Button9, { onClick: () => setConfirmShuffleAIOpen(false), sx: { color: "hsl(var(--muted-foreground))", textTransform: "none", height: 36 }, children: "Cancel" }),
+        /* @__PURE__ */ jsx22(Button9, { 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
+import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
 var TAB_ORDER = ["run", "permissions", "localLLM"];
 var AgentRunDrawer = ({
   open,
@@ -11456,31 +11926,63 @@ var AgentRunDrawer = ({
   headerSx,
   tabsSx,
   bodySx,
-  globalUrl
+  globalUrl,
+  theme,
+  colorMode,
+  userdata,
+  isLoaded,
+  isLoggedIn,
+  serverside
 }) => {
   useSyncHostBaseUrl(globalUrl);
-  const [activeTab, setActiveTab] = useState13(initialTab);
-  const prevOpenRef = useRef9(open);
-  useEffect12(() => {
+  const themeScope = useShuffleMcpTheme();
+  const [activeTab, setActiveTab] = useState14(initialTab);
+  const prevOpenRef = useRef10(open);
+  useEffect13(() => {
     if (open && !prevOpenRef.current) setActiveTab(initialTab);
     prevOpenRef.current = open;
   }, [open, initialTab]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (typeof window === "undefined") return;
     window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
     return () => {
       window.__shuffleAgentDrawerMounted = Math.max(0, (window.__shuffleAgentDrawerMounted || 1) - 1);
     };
   }, []);
+  useEffect13(() => {
+    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__ */ jsx23(
+    LocalLLMConfig_default,
+    {
+      compact: true,
+      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__ */ jsxs18(
+  return /* @__PURE__ */ jsxs20(
     Drawer3,
     {
       anchor: "right",
@@ -11488,7 +11990,7 @@ var AgentRunDrawer = ({
       onClose,
       slotProps: {
         paper: {
-          className,
+          className: [themeScope?.scopeClassName, className].filter(Boolean).join(" ") || void 0,
           sx: [
             {
               width: { xs: "100%", sm: width },
@@ -11503,8 +12005,8 @@ var AgentRunDrawer = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs18(
-          Box15,
+        /* @__PURE__ */ jsxs20(
+          Box17,
           {
             sx: [
               {
@@ -11519,8 +12021,8 @@ var AgentRunDrawer = ({
               ...Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : []
             ],
             children: [
-              /* @__PURE__ */ jsx21(
-                Box15,
+              /* @__PURE__ */ jsx23(
+                Box17,
                 {
                   sx: {
                     width: 40,
@@ -11533,18 +12035,18 @@ var AgentRunDrawer = ({
                     color: "hsl(var(--primary))",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ jsx21(AgentIcon_default, { size: 22 })
+                  children: /* @__PURE__ */ jsx23(AgentIcon_default, { size: 22 })
                 }
               ),
-              /* @__PURE__ */ jsxs18(Box15, { sx: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx21(Typography14, { sx: { fontWeight: 600, fontSize: "1.1rem", color: "hsl(var(--foreground))" }, children: title }),
-                /* @__PURE__ */ jsx21(Typography14, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))" }, children: subtitle })
+              /* @__PURE__ */ jsxs20(Box17, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsx23(Typography16, { sx: { fontWeight: 600, fontSize: "1.1rem", color: "hsl(var(--foreground))" }, children: title }),
+                /* @__PURE__ */ jsx23(Typography16, { sx: { fontSize: "0.8rem", color: "hsl(var(--muted-foreground))" }, children: subtitle })
               ] }),
-              /* @__PURE__ */ jsx21(IconButton9, { onClick: onClose, size: "small", sx: { color: "hsl(var(--muted-foreground))" }, children: /* @__PURE__ */ jsx21(CloseIcon6, { size: 16 }) })
+              /* @__PURE__ */ jsx23(IconButton9, { onClick: onClose, size: "small", sx: { color: "hsl(var(--muted-foreground))" }, children: /* @__PURE__ */ jsx23(CloseIcon6, { size: 16 }) })
             ]
           }
         ),
-        showTabs && /* @__PURE__ */ jsx21(Box15, { sx: { borderBottom: "1px solid hsl(var(--border))", flexShrink: 0 }, children: /* @__PURE__ */ jsxs18(
+        showTabs && /* @__PURE__ */ jsx23(Box17, { sx: { borderBottom: "1px solid hsl(var(--border))", flexShrink: 0 }, children: /* @__PURE__ */ jsxs20(
           Tabs,
           {
             value: safeActiveTab,
@@ -11566,36 +12068,36 @@ var AgentRunDrawer = ({
               ...Array.isArray(tabsSx) ? tabsSx : tabsSx ? [tabsSx] : []
             ],
             children: [
-              visibleTabs.includes("run") && /* @__PURE__ */ jsx21(
+              visibleTabs.includes("run") && /* @__PURE__ */ jsx23(
                 Tab,
                 {
                   value: "run",
                   label: "Run",
-                  icon: /* @__PURE__ */ jsx21(Play, { size: 14 }),
+                  icon: /* @__PURE__ */ jsx23(Play, { size: 14 }),
                   iconPosition: "start",
                   sx: { gap: 0.75 }
                 }
               ),
-              visibleTabs.includes("permissions") && /* @__PURE__ */ jsx21(
+              visibleTabs.includes("permissions") && /* @__PURE__ */ jsx23(
                 Tab,
                 {
                   value: "permissions",
-                  label: permissionsDisabled ? /* @__PURE__ */ jsx21(Tooltip10, { title: permissionsDisabledTooltip, arrow: true, children: /* @__PURE__ */ jsx21(Box15, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: "Permissions" }) }) : "Permissions",
-                  icon: /* @__PURE__ */ jsx21(ShieldCheck, { size: 14 }),
+                  label: permissionsDisabled ? /* @__PURE__ */ jsx23(Tooltip11, { title: permissionsDisabledTooltip, arrow: true, children: /* @__PURE__ */ jsx23(Box17, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: "Permissions" }) }) : "Permissions",
+                  icon: /* @__PURE__ */ jsx23(ShieldCheck, { size: 14 }),
                   iconPosition: "start",
                   disabled: permissionsDisabled,
                   sx: { gap: 0.75 }
                 }
               ),
-              visibleTabs.includes("localLLM") && /* @__PURE__ */ jsx21(
+              visibleTabs.includes("localLLM") && /* @__PURE__ */ jsx23(
                 Tab,
                 {
                   value: "localLLM",
-                  label: /* @__PURE__ */ jsxs18(Box15, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
+                  label: /* @__PURE__ */ jsxs20(Box17, { sx: { display: "flex", alignItems: "center", gap: 0.5 }, children: [
                     "Local LLM",
                     localLLMTabBadge
                   ] }),
-                  icon: /* @__PURE__ */ jsx21(Server, { size: 14 }),
+                  icon: /* @__PURE__ */ jsx23(Server, { size: 14 }),
                   iconPosition: "start",
                   sx: { gap: 0.75 }
                 }
@@ -11603,20 +12105,22 @@ var AgentRunDrawer = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsxs18(Box15, { sx: [{ flex: 1, overflowY: "auto" }, ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children: [
-          safeActiveTab === "run" && /* @__PURE__ */ jsx21(Box15, { sx: { px: 2, py: 2 }, children: /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsxs20(Box17, { sx: [{ flex: 1, overflowY: "auto" }, ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children: [
+          safeActiveTab === "run" && /* @__PURE__ */ jsx23(Box17, { sx: { px: 2, py: 2 }, children: /* @__PURE__ */ jsx23(
             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__ */ jsx21(Box15, { sx: { px: 3, py: 2.5 }, children: permissionsSlot }),
-          safeActiveTab === "localLLM" && localLLMSlot && /* @__PURE__ */ jsx21(Box15, { sx: { px: 3, py: 2.5 }, children: localLLMSlot })
+          safeActiveTab === "permissions" && permissionsSlot && /* @__PURE__ */ jsx23(Box17, { sx: { px: 3, py: 2.5 }, children: permissionsSlot }),
+          safeActiveTab === "localLLM" && effectiveLocalLLMSlot && /* @__PURE__ */ jsx23(Box17, { sx: { px: 3, py: 2.5 }, children: effectiveLocalLLMSlot })
         ] })
       ]
     }
@@ -11625,22 +12129,22 @@ var AgentRunDrawer = ({
 var AgentRunDrawer_default = AgentRunDrawer;
 
 // components/AgentActivityList.tsx
-import { useCallback as useCallback9, useEffect as useEffect13, useRef as useRef10, useState as useState14 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect14, useRef as useRef11, useState as useState15 } from "react";
 import {
-  Box as Box16,
-  Button as Button9,
+  Box as Box18,
+  Button as Button10,
   Chip as Chip8,
   CircularProgress as CircularProgress5,
-  Dialog as Dialog2,
-  DialogActions,
-  DialogContent as DialogContent2,
-  DialogTitle as DialogTitle2,
+  Dialog as Dialog3,
+  DialogActions as DialogActions2,
+  DialogContent as DialogContent3,
+  DialogTitle as DialogTitle3,
   InputAdornment,
   MenuItem as MenuItem3,
   Select as Select3,
-  TextField as TextField6,
-  Tooltip as Tooltip11,
-  Typography as Typography15
+  TextField as TextField7,
+  Tooltip as Tooltip12,
+  Typography as Typography17
 } from "@mui/material";
 import {
   Activity,
@@ -11663,6 +12167,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 = "",
@@ -11718,6 +12237,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, state, detail) => {
+    try {
+      onStep?.({ id, state, 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) {
@@ -11807,16 +12447,16 @@ var stopAgentSchedule = async (workflowId, params = {}) => {
 
 // components/AgentActivityList.tsx
 import { Pencil, StopCircle, AlertTriangle as AlertTriangle2 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
 var STATUS_CONFIG = {
-  FINISHED: { icon: /* @__PURE__ */ jsx22(CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
-  SUCCESS: { icon: /* @__PURE__ */ jsx22(CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
-  FAILED: { icon: /* @__PURE__ */ jsx22(XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Failed" },
-  ABORTED: { icon: /* @__PURE__ */ jsx22(XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Aborted" },
-  EXECUTING: { icon: /* @__PURE__ */ jsx22(Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
-  RUNNING: { icon: /* @__PURE__ */ jsx22(Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
-  WAITING: { icon: /* @__PURE__ */ jsx22(Clock, { size: 16 }), color: "hsl(var(--severity-info, 217 91% 60%))", label: "Waiting" },
-  LIMIT_REACHED: { icon: /* @__PURE__ */ jsx22(AlertTriangle2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Limit reached" }
+  FINISHED: { icon: /* @__PURE__ */ jsx24(CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
+  SUCCESS: { icon: /* @__PURE__ */ jsx24(CheckCircle, { size: 16 }), color: "hsl(var(--severity-low, 142 71% 45%))", label: "Completed" },
+  FAILED: { icon: /* @__PURE__ */ jsx24(XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Failed" },
+  ABORTED: { icon: /* @__PURE__ */ jsx24(XCircle, { size: 16 }), color: "hsl(var(--severity-critical, 0 72% 55%))", label: "Aborted" },
+  EXECUTING: { icon: /* @__PURE__ */ jsx24(Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
+  RUNNING: { icon: /* @__PURE__ */ jsx24(Loader2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Running" },
+  WAITING: { icon: /* @__PURE__ */ jsx24(Clock, { size: 16 }), color: "hsl(var(--severity-info, 217 91% 60%))", label: "Waiting" },
+  LIMIT_REACHED: { icon: /* @__PURE__ */ jsx24(AlertTriangle2, { size: 16 }), color: "hsl(var(--severity-medium, 38 92% 50%))", label: "Limit reached" }
 };
 var getEffectiveStatus = (run) => {
   const raw = (run.status || "").toUpperCase();
@@ -11832,12 +12472,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__ */ jsx22(Clock, { size: 18 });
-  if (src.includes("webhook") || src.includes("http")) return /* @__PURE__ */ jsx22(Globe, { size: 18 });
-  if (arg.includes("alert") || arg.includes("detect")) return /* @__PURE__ */ jsx22(Activity, { size: 18 });
-  if (arg.includes("report") || arg.includes("email")) return /* @__PURE__ */ jsx22(FileText, { size: 18 });
-  if (arg.includes("endpoint") || arg.includes("server")) return /* @__PURE__ */ jsx22(Server2, { size: 18 });
-  return /* @__PURE__ */ jsx22(Zap, { size: 18 });
+  if (src.includes("schedule") || src.includes("cron")) return /* @__PURE__ */ jsx24(Clock, { size: 18 });
+  if (src.includes("webhook") || src.includes("http")) return /* @__PURE__ */ jsx24(Globe, { size: 18 });
+  if (arg.includes("alert") || arg.includes("detect")) return /* @__PURE__ */ jsx24(Activity, { size: 18 });
+  if (arg.includes("report") || arg.includes("email")) return /* @__PURE__ */ jsx24(FileText, { size: 18 });
+  if (arg.includes("endpoint") || arg.includes("server")) return /* @__PURE__ */ jsx24(Server2, { size: 18 });
+  return /* @__PURE__ */ jsx24(Zap, { size: 18 });
 };
 var getRunIconColor = (run) => {
   const status = getEffectiveStatus(run);
@@ -11931,8 +12571,8 @@ var AgentRunRow = ({ run, onClick, sx }) => {
   const iconColor = getRunIconColor(run);
   const duration = formatDuration(run);
   const tools = getRunTools(run);
-  return /* @__PURE__ */ jsxs19(
-    Box16,
+  return /* @__PURE__ */ jsxs21(
+    Box18,
     {
       onClick,
       sx: [
@@ -11955,8 +12595,8 @@ var AgentRunRow = ({ run, onClick, sx }) => {
         ...Array.isArray(sx) ? sx : sx ? [sx] : []
       ],
       children: [
-        /* @__PURE__ */ jsx22(
-          Box16,
+        /* @__PURE__ */ jsx24(
+          Box18,
           {
             sx: {
               width: 40,
@@ -11972,10 +12612,10 @@ var AgentRunRow = ({ run, onClick, sx }) => {
             children: getRunIcon(run)
           }
         ),
-        /* @__PURE__ */ jsxs19(Box16, { sx: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.25 }, children: [
-            /* @__PURE__ */ jsx22(
-              Typography15,
+        /* @__PURE__ */ jsxs21(Box18, { sx: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxs21(Box18, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.25 }, children: [
+            /* @__PURE__ */ jsx24(
+              Typography17,
               {
                 sx: {
                   fontSize: "0.9rem",
@@ -11988,10 +12628,10 @@ var AgentRunRow = ({ run, onClick, sx }) => {
                 children: getRunTitle(run)
               }
             ),
-            /* @__PURE__ */ jsx22(Box16, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
+            /* @__PURE__ */ jsx24(Box18, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
           ] }),
-          /* @__PURE__ */ jsx22(
-            Typography15,
+          /* @__PURE__ */ jsx24(
+            Typography17,
             {
               sx: {
                 fontSize: "0.78rem",
@@ -12003,16 +12643,16 @@ var AgentRunRow = ({ run, onClick, sx }) => {
               children: getRunSubtitle(run)
             }
           ),
-          /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.5 }, children: [
-            /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: run.started_at ? getTimeAgo(run.started_at) : "\u2014" }),
-            duration && /* @__PURE__ */ jsxs19(Fragment8, { children: [
-              /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-              /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
+          /* @__PURE__ */ jsxs21(Box18, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.5 }, children: [
+            /* @__PURE__ */ jsx24(Typography17, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: run.started_at ? getTimeAgo(run.started_at) : "\u2014" }),
+            duration && /* @__PURE__ */ jsxs21(Fragment8, { children: [
+              /* @__PURE__ */ jsx24(Typography17, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+              /* @__PURE__ */ jsx24(Typography17, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.7 }, children: duration })
             ] })
           ] })
         ] }),
-        tools.length > 0 && /* @__PURE__ */ jsx22(
-          Box16,
+        tools.length > 0 && /* @__PURE__ */ jsx24(
+          Box18,
           {
             sx: {
               display: { xs: "none", sm: "flex" },
@@ -12023,7 +12663,7 @@ var AgentRunRow = ({ run, onClick, sx }) => {
               maxWidth: 220,
               flexShrink: 0
             },
-            children: tools.map((t) => /* @__PURE__ */ jsx22(Tooltip11, { title: t, arrow: true, children: /* @__PURE__ */ jsx22(
+            children: tools.map((t) => /* @__PURE__ */ jsx24(Tooltip12, { title: t, arrow: true, children: /* @__PURE__ */ jsx24(
               Chip8,
               {
                 label: t,
@@ -12072,19 +12712,19 @@ var AgentActivityList = ({
   toolbarSx,
   rowSx
 }) => {
-  const [runs, setRuns] = useState14([]);
-  const [cursor, setCursor] = useState14("");
-  const [hasMore, setHasMore] = useState14(false);
-  const [isLoading, setIsLoading] = useState14(false);
-  const [error, setError] = useState14(null);
-  const [statusFilter, setStatusFilter] = useState14("");
-  const [searchQuery, setSearchQuery] = useState14("");
-  const [debouncedQuery, setDebouncedQuery] = useState14("");
-  const [agentWorkflows, setAgentWorkflows] = useState14([]);
-  const [workflowFilter, setWorkflowFilter] = useState14("");
-  const [stopOpen, setStopOpen] = useState14(false);
-  const [stopLoading, setStopLoading] = useState14(false);
-  const debounceRef = useRef10();
+  const [runs, setRuns] = useState15([]);
+  const [cursor, setCursor] = useState15("");
+  const [hasMore, setHasMore] = useState15(false);
+  const [isLoading, setIsLoading] = useState15(false);
+  const [error, setError] = useState15(null);
+  const [statusFilter, setStatusFilter] = useState15("");
+  const [searchQuery, setSearchQuery] = useState15("");
+  const [debouncedQuery, setDebouncedQuery] = useState15("");
+  const [agentWorkflows, setAgentWorkflows] = useState15([]);
+  const [workflowFilter, setWorkflowFilter] = useState15("");
+  const [stopOpen, setStopOpen] = useState15(false);
+  const [stopLoading, setStopLoading] = useState15(false);
+  const debounceRef = useRef11();
   const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
   const openEditPrompt = useCallback9(async () => {
     if (!workflowFilter) return;
@@ -12120,7 +12760,7 @@ var AgentActivityList = ({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => setDebouncedQuery(q), 350);
   }, []);
-  useEffect13(() => () => {
+  useEffect14(() => () => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
   }, []);
   const fetchRuns = useCallback9(
@@ -12152,10 +12792,10 @@ var AgentActivityList = ({
     },
     [statusFilter, limit, apiKey, apiBaseUrl, orgId, workflowFilter]
   );
-  useEffect13(() => {
+  useEffect14(() => {
     fetchRuns(false, "");
   }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
-  useEffect13(() => {
+  useEffect14(() => {
     let cancelled = false;
     listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
       if (!cancelled) setAgentWorkflows(items);
@@ -12178,14 +12818,14 @@ var AgentActivityList = ({
     ].filter(Boolean).join(" ").toLowerCase();
     return hay.includes(debouncedQuery.toLowerCase());
   }) : runs;
-  return /* @__PURE__ */ jsxs19(
-    Box16,
+  return /* @__PURE__ */ jsxs21(
+    Box18,
     {
       className,
       sx: [{ display: "flex", flexDirection: "column", gap: 2 }, ...Array.isArray(sx) ? sx : sx ? [sx] : []],
       children: [
-        (showSearchBar || showStatusChips) && /* @__PURE__ */ jsxs19(Box16, { sx: [{ display: "flex", alignItems: "center", justifyContent: "center", gap: 1.5, flexWrap: "wrap" }, ...Array.isArray(toolbarSx) ? toolbarSx : toolbarSx ? [toolbarSx] : []], children: [
-          /* @__PURE__ */ jsxs19(
+        (showSearchBar || showStatusChips) && /* @__PURE__ */ jsxs21(Box18, { sx: [{ display: "flex", alignItems: "center", justifyContent: "center", gap: 1.5, flexWrap: "wrap" }, ...Array.isArray(toolbarSx) ? toolbarSx : toolbarSx ? [toolbarSx] : []], children: [
+          /* @__PURE__ */ jsxs21(
             Select3,
             {
               size: "small",
@@ -12222,13 +12862,13 @@ var AgentActivityList = ({
                 }
               },
               children: [
-                /* @__PURE__ */ jsx22(MenuItem3, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
-                agentWorkflows.map((w) => /* @__PURE__ */ jsx22(MenuItem3, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id))
+                /* @__PURE__ */ jsx24(MenuItem3, { value: "", sx: { fontSize: "0.85rem" }, children: "All Agent runs" }),
+                agentWorkflows.map((w) => /* @__PURE__ */ jsx24(MenuItem3, { value: w.id, sx: { fontSize: "0.85rem" }, children: w.name }, w.id))
               ]
             }
           ),
-          showSearchBar && /* @__PURE__ */ jsx22(
-            TextField6,
+          showSearchBar && /* @__PURE__ */ jsx24(
+            TextField7,
             {
               placeholder: "Search results...",
               size: "small",
@@ -12236,7 +12876,7 @@ var AgentActivityList = ({
               onChange: (e) => updateSearchQuery(e.target.value),
               slotProps: {
                 input: {
-                  startAdornment: /* @__PURE__ */ jsx22(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx22(SearchIcon, { size: 18, color: "hsl(var(--muted-foreground))" }) })
+                  startAdornment: /* @__PURE__ */ jsx24(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx24(SearchIcon, { size: 18, color: "hsl(var(--muted-foreground))" }) })
                 }
               },
               sx: {
@@ -12256,7 +12896,7 @@ var AgentActivityList = ({
               }
             }
           ),
-          showStatusChips && /* @__PURE__ */ jsx22(
+          showStatusChips && /* @__PURE__ */ jsx24(
             SegmentedControl,
             {
               size: "sm",
@@ -12266,10 +12906,10 @@ var AgentActivityList = ({
               options: STATUS_FILTERS.map((f) => ({ value: f.value, label: f.label }))
             }
           ),
-          isLoading && runs.length > 0 && /* @__PURE__ */ jsx22(CircularProgress5, { size: 16, sx: { color: "hsl(var(--primary))", ml: 0.5 } })
+          isLoading && runs.length > 0 && /* @__PURE__ */ jsx24(CircularProgress5, { size: 16, sx: { color: "hsl(var(--primary))", ml: 0.5 } })
         ] }),
-        selectedAgentWorkflow && /* @__PURE__ */ jsxs19(
-          Box16,
+        selectedAgentWorkflow && /* @__PURE__ */ jsxs21(
+          Box18,
           {
             sx: {
               display: "flex",
@@ -12281,15 +12921,15 @@ var AgentActivityList = ({
               bgcolor: "hsl(var(--card))"
             },
             children: [
-              /* @__PURE__ */ jsxs19(Box16, { sx: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.name }),
-                selectedAgentWorkflow.description && /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.description })
+              /* @__PURE__ */ jsxs21(Box18, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsx24(Typography17, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.name }),
+                selectedAgentWorkflow.description && /* @__PURE__ */ jsx24(Typography17, { sx: { fontSize: "0.75rem", color: "hsl(var(--muted-foreground))", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: selectedAgentWorkflow.description })
               ] }),
-              /* @__PURE__ */ jsx22(
-                Button9,
+              /* @__PURE__ */ jsx24(
+                Button10,
                 {
                   size: "small",
-                  startIcon: /* @__PURE__ */ jsx22(Pencil, { size: 14 }),
+                  startIcon: /* @__PURE__ */ jsx24(Pencil, { size: 14 }),
                   onClick: openEditPrompt,
                   sx: {
                     height: 36,
@@ -12304,11 +12944,11 @@ var AgentActivityList = ({
                   children: "Edit"
                 }
               ),
-              /* @__PURE__ */ jsx22(
-                Button9,
+              /* @__PURE__ */ jsx24(
+                Button10,
                 {
                   size: "small",
-                  startIcon: /* @__PURE__ */ jsx22(StopCircle, { size: 14 }),
+                  startIcon: /* @__PURE__ */ jsx24(StopCircle, { size: 14 }),
                   onClick: () => setStopOpen(true),
                   sx: {
                     height: 36,
@@ -12326,17 +12966,17 @@ var AgentActivityList = ({
             ]
           }
         ),
-        isLoading && runs.length === 0 ? /* @__PURE__ */ jsx22(Box16, { sx: { display: "flex", justifyContent: "center", py: 8 }, children: /* @__PURE__ */ jsx22(CircularProgress5, { size: 28, sx: { color: "hsl(var(--primary))" } }) }) : error ? /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 6 }, children: [
-          /* @__PURE__ */ jsx22(AlertCircle, { size: 28, style: { color: "hsl(var(--severity-critical, 0 72% 55%))", marginBottom: 8 } }),
-          /* @__PURE__ */ jsx22(
-            Typography15,
+        isLoading && runs.length === 0 ? /* @__PURE__ */ jsx24(Box18, { sx: { display: "flex", justifyContent: "center", py: 8 }, children: /* @__PURE__ */ jsx24(CircularProgress5, { size: 28, sx: { color: "hsl(var(--primary))" } }) }) : error ? /* @__PURE__ */ jsxs21(Box18, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 6 }, children: [
+          /* @__PURE__ */ jsx24(AlertCircle, { size: 28, style: { color: "hsl(var(--severity-critical, 0 72% 55%))", marginBottom: 8 } }),
+          /* @__PURE__ */ jsx24(
+            Typography17,
             {
               sx: { color: "hsl(var(--severity-critical, 0 72% 55%))", fontSize: "0.9rem", mb: 1 },
               children: error
             }
           ),
-          /* @__PURE__ */ jsx22(
-            Button9,
+          /* @__PURE__ */ jsx24(
+            Button10,
             {
               size: "small",
               onClick: () => fetchRuns(false, ""),
@@ -12344,24 +12984,24 @@ var AgentActivityList = ({
               children: "Try again"
             }
           )
-        ] }) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 8 }, children: [
-          /* @__PURE__ */ jsx22(
+        ] }) : filteredRuns.length === 0 ? /* @__PURE__ */ jsxs21(Box18, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", py: 8 }, children: [
+          /* @__PURE__ */ jsx24(
             Activity,
             {
               size: 40,
               style: { color: "hsl(var(--muted-foreground))", marginBottom: 12 }
             }
           ),
-          /* @__PURE__ */ jsx22(Typography15, { sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.9rem" }, children: emptyTitle }),
-          /* @__PURE__ */ jsx22(
-            Typography15,
+          /* @__PURE__ */ jsx24(Typography17, { sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.9rem" }, children: emptyTitle }),
+          /* @__PURE__ */ jsx24(
+            Typography17,
             {
               sx: { color: "hsl(var(--muted-foreground))", fontSize: "0.8rem", mt: 0.5, opacity: 0.7 },
               children: emptySubtitle
             }
           )
-        ] }) : /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
-          filteredRuns.map((run, idx) => /* @__PURE__ */ jsx22(
+        ] }) : /* @__PURE__ */ jsxs21(Box18, { sx: { display: "flex", flexDirection: "column", gap: 1.5 }, children: [
+          filteredRuns.map((run, idx) => /* @__PURE__ */ jsx24(
             AgentRunRow,
             {
               run,
@@ -12370,43 +13010,43 @@ var AgentActivityList = ({
             },
             run.execution_id || idx
           )),
-          hasMore && /* @__PURE__ */ jsx22(Box16, { sx: { display: "flex", justifyContent: "center", mt: 1 }, children: /* @__PURE__ */ jsxs19(
-            Button9,
+          hasMore && /* @__PURE__ */ jsx24(Box18, { sx: { display: "flex", justifyContent: "center", mt: 1 }, children: /* @__PURE__ */ jsxs21(
+            Button10,
             {
               size: "small",
               onClick: loadMore,
               disabled: isLoading,
               sx: { color: "hsl(var(--primary))", textTransform: "none", fontSize: "0.8rem" },
               children: [
-                isLoading ? /* @__PURE__ */ jsx22(CircularProgress5, { size: 14, sx: { mr: 1 } }) : null,
+                isLoading ? /* @__PURE__ */ jsx24(CircularProgress5, { size: 14, sx: { mr: 1 } }) : null,
                 "Load more"
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs19(
-          Dialog2,
+        /* @__PURE__ */ jsxs21(
+          Dialog3,
           {
             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__ */ jsx22(DialogTitle2, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Stop schedule?" }),
-              /* @__PURE__ */ jsx22(DialogContent2, { children: /* @__PURE__ */ jsxs19(Typography15, { sx: { fontSize: "0.85rem", color: "hsl(var(--muted-foreground))" }, children: [
+              /* @__PURE__ */ jsx24(DialogTitle3, { sx: { fontSize: "1rem", fontWeight: 600 }, children: "Stop schedule?" }),
+              /* @__PURE__ */ jsx24(DialogContent3, { children: /* @__PURE__ */ jsxs21(Typography17, { 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__ */ jsxs19(DialogActions, { sx: { px: 3, pb: 2 }, children: [
-                /* @__PURE__ */ jsx22(Button9, { onClick: () => setStopOpen(false), disabled: stopLoading, sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
-                /* @__PURE__ */ jsxs19(
-                  Button9,
+              /* @__PURE__ */ jsxs21(DialogActions2, { sx: { px: 3, pb: 2 }, children: [
+                /* @__PURE__ */ jsx24(Button10, { onClick: () => setStopOpen(false), disabled: stopLoading, sx: { textTransform: "none", color: "hsl(var(--muted-foreground))" }, children: "Cancel" }),
+                /* @__PURE__ */ jsxs21(
+                  Button10,
                   {
                     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__ */ jsx22(CircularProgress5, { size: 16, sx: { color: "hsl(var(--primary-foreground))", mr: 1 } }) : null,
+                      stopLoading ? /* @__PURE__ */ jsx24(CircularProgress5, { size: 16, sx: { color: "hsl(var(--primary-foreground))", mr: 1 } }) : null,
                       "Stop schedule"
                     ]
                   }
@@ -12422,12 +13062,12 @@ var AgentActivityList = ({
 var AgentActivityList_default = AgentActivityList;
 
 // components/AgentExecutionDrawer.tsx
-import { Box as Box17, Drawer as Drawer4, IconButton as IconButton10, Tooltip as Tooltip12, Typography as Typography16 } from "@mui/material";
+import { Box as Box19, Drawer as Drawer4, IconButton as IconButton10, Tooltip as Tooltip13, Typography as Typography18 } from "@mui/material";
 import {
   X as CloseIcon7,
   ExternalLink as OpenInNewIcon3
 } from "lucide-react";
-import { Fragment as Fragment9, jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var AgentExecutionDrawer = ({
   open,
   onClose,
@@ -12441,12 +13081,15 @@ var AgentExecutionDrawer = ({
   headerSx,
   bodySx,
   topBanner,
-  onSchedule
+  onSchedule,
+  theme,
+  colorMode
 }) => {
+  const themeScope = useShuffleMcpTheme();
   const statusKey = (run?.status || "").toUpperCase();
   const cfg = STATUS_CONFIG[statusKey] || STATUS_CONFIG.WAITING;
   const duration = run ? formatDuration(run) : "";
-  return /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs22(
     Drawer4,
     {
       anchor: "right",
@@ -12454,7 +13097,7 @@ var AgentExecutionDrawer = ({
       onClose,
       slotProps: {
         paper: {
-          className,
+          className: [themeScope?.scopeClassName, className].filter(Boolean).join(" ") || void 0,
           sx: [
             {
               width: { xs: "100%", sm: width },
@@ -12469,8 +13112,8 @@ var AgentExecutionDrawer = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsxs20(
-          Box17,
+        /* @__PURE__ */ jsxs22(
+          Box19,
           {
             sx: [
               {
@@ -12488,8 +13131,8 @@ var AgentExecutionDrawer = ({
               ...Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : []
             ],
             children: [
-              /* @__PURE__ */ jsx23(
-                Box17,
+              /* @__PURE__ */ jsx25(
+                Box19,
                 {
                   sx: {
                     width: 36,
@@ -12502,13 +13145,13 @@ var AgentExecutionDrawer = ({
                     color: "hsl(var(--primary))",
                     flexShrink: 0
                   },
-                  children: /* @__PURE__ */ jsx23(AgentIcon_default, { size: 20 })
+                  children: /* @__PURE__ */ jsx25(AgentIcon_default, { size: 20 })
                 }
               ),
-              /* @__PURE__ */ jsxs20(Box17, { sx: { flex: 1, minWidth: 0 }, children: [
-                /* @__PURE__ */ jsxs20(Box17, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsx23(
-                    Typography16,
+              /* @__PURE__ */ jsxs22(Box19, { sx: { flex: 1, minWidth: 0 }, children: [
+                /* @__PURE__ */ jsxs22(Box19, { sx: { display: "flex", alignItems: "center", gap: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ jsx25(
+                    Typography18,
                     {
                       sx: {
                         fontSize: "0.95rem",
@@ -12521,21 +13164,21 @@ var AgentExecutionDrawer = ({
                       children: run ? getRunTitle(run) : "Agent execution"
                     }
                   ),
-                  run && /* @__PURE__ */ jsx23(Box17, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
+                  run && /* @__PURE__ */ jsx25(Box19, { sx: { display: "flex", alignItems: "center", color: cfg.color, flexShrink: 0 }, children: cfg.icon })
                 ] }),
-                run && /* @__PURE__ */ jsxs20(Box17, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.25 }, children: [
-                  /* @__PURE__ */ jsx23(Typography16, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: cfg.label }),
-                  run.started_at && /* @__PURE__ */ jsxs20(Fragment9, { children: [
-                    /* @__PURE__ */ jsx23(Typography16, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-                    /* @__PURE__ */ jsx23(Typography16, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: getTimeAgo(run.started_at) })
+                run && /* @__PURE__ */ jsxs22(Box19, { sx: { display: "flex", alignItems: "center", gap: 1, mt: 0.25 }, children: [
+                  /* @__PURE__ */ jsx25(Typography18, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: cfg.label }),
+                  run.started_at && /* @__PURE__ */ jsxs22(Fragment9, { children: [
+                    /* @__PURE__ */ jsx25(Typography18, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+                    /* @__PURE__ */ jsx25(Typography18, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: getTimeAgo(run.started_at) })
                   ] }),
-                  duration && /* @__PURE__ */ jsxs20(Fragment9, { children: [
-                    /* @__PURE__ */ jsx23(Typography16, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
-                    /* @__PURE__ */ jsx23(Typography16, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: duration })
+                  duration && /* @__PURE__ */ jsxs22(Fragment9, { children: [
+                    /* @__PURE__ */ jsx25(Typography18, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))", opacity: 0.4 }, children: "\xB7" }),
+                    /* @__PURE__ */ jsx25(Typography18, { sx: { fontSize: "0.72rem", color: "hsl(var(--muted-foreground))" }, children: duration })
                   ] })
                 ] })
               ] }),
-              run?.execution_id && /* @__PURE__ */ jsx23(Tooltip12, { title: "Open in new tab", children: /* @__PURE__ */ jsx23(
+              run?.execution_id && /* @__PURE__ */ jsx25(Tooltip13, { title: "Open in new tab", children: /* @__PURE__ */ jsx25(
                 IconButton10,
                 {
                   component: "a",
@@ -12547,10 +13190,10 @@ var AgentExecutionDrawer = ({
                     color: "hsl(var(--muted-foreground))",
                     "&:hover": { color: "hsl(var(--foreground))", bgcolor: "hsl(var(--muted))" }
                   },
-                  children: /* @__PURE__ */ jsx23(OpenInNewIcon3, { size: 16 })
+                  children: /* @__PURE__ */ jsx25(OpenInNewIcon3, { size: 16 })
                 }
               ) }),
-              /* @__PURE__ */ jsx23(Tooltip12, { title: "Close", children: /* @__PURE__ */ jsx23(
+              /* @__PURE__ */ jsx25(Tooltip13, { title: "Close", children: /* @__PURE__ */ jsx25(
                 IconButton10,
                 {
                   onClick: onClose,
@@ -12559,15 +13202,15 @@ var AgentExecutionDrawer = ({
                     color: "hsl(var(--muted-foreground))",
                     "&:hover": { color: "hsl(var(--foreground))", bgcolor: "hsl(var(--muted))" }
                   },
-                  children: /* @__PURE__ */ jsx23(CloseIcon7, { size: 16 })
+                  children: /* @__PURE__ */ jsx25(CloseIcon7, { size: 16 })
                 }
               ) })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs20(Box17, { sx: [{ flex: 1, overflowY: "auto", pt: 3 }, ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children: [
+        /* @__PURE__ */ jsxs22(Box19, { sx: [{ flex: 1, overflowY: "auto", pt: 3 }, ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children: [
           topBanner,
-          run ? /* @__PURE__ */ jsx23(
+          run ? /* @__PURE__ */ jsx25(
             AgentUI_default,
             {
               initialExecution: {
@@ -12590,7 +13233,9 @@ var AgentExecutionDrawer = ({
               apiKey,
               apiBaseUrl,
               orgId,
-              onSchedule
+              onSchedule,
+              theme,
+              colorMode
             },
             run.execution_id
           ) : null
@@ -12602,9 +13247,9 @@ var AgentExecutionDrawer = ({
 var AgentExecutionDrawer_default = AgentExecutionDrawer;
 
 // views/AgentsView.tsx
-import { useCallback as useCallback10, useMemo as useMemo7, useState as useState15 } from "react";
-import { Box as Box18, Stack, Typography as Typography17 } from "@mui/material";
-import { jsx as jsx24, jsxs as jsxs21 } from "react/jsx-runtime";
+import { useCallback as useCallback10, useMemo as useMemo8, useState as useState16 } from "react";
+import { Box as Box20, Stack, Typography as Typography19 } from "@mui/material";
+import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var AgentsView = ({
   onSchedule,
   maxWidth = 820,
@@ -12616,36 +13261,47 @@ var AgentsView = ({
   isLoaded,
   isLoggedIn,
   userdata,
-  serverside
+  serverside,
+  theme,
+  colorMode,
+  apiKey,
+  orgId
 }) => {
   useSyncHostBaseUrl(globalUrl);
-  const [selectedRun, setSelectedRun] = useState15(null);
-  const [agentView, setAgentView] = useState15("start");
-  const [prefill, setPrefill] = useState15({
+  const [selectedRun, setSelectedRun] = useState16(null);
+  const [agentView, setAgentView] = useState16("start");
+  const [prefill, setPrefill] = useState16({
     input: "",
     apps: [],
     key: 0
   });
-  const [editing, setEditing] = useState15(null);
-  const [builtInDrawer, setBuiltInDrawer] = useState15({
+  const [editing, setEditing] = useState16(null);
+  const [builtInDrawer, setBuiltInDrawer] = useState16({
     open: false,
     tab: "localLLM"
   });
-  const effectiveLocalLLMSlot = useMemo7(
-    () => localLLMSlot ?? /* @__PURE__ */ jsxs21(Box18, { sx: { p: 3, color: "hsl(var(--muted-foreground))", fontSize: "0.85rem", lineHeight: 1.6 }, children: [
-      /* @__PURE__ */ jsx24(Typography17, { 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__ */ jsx24("code", { style: { fontFamily: "monospace" }, children: "onChooseLLM" }),
-      " handler or a",
-      " ",
-      /* @__PURE__ */ jsx24("code", { style: { fontFamily: "monospace" }, children: "localLLMSlot" }),
-      " to",
-      " ",
-      /* @__PURE__ */ jsx24("code", { style: { fontFamily: "monospace" }, children: "<AgentsView />" }),
-      " to render your own configuration UI here."
-    ] }),
-    [localLLMSlot]
+  const effectiveSchedule = useCallback10(
+    async (info) => {
+      if (onSchedule) return onSchedule(info);
+      await scheduleAgentRun({ ...info, apiKey, apiBaseUrl: globalUrl, orgId });
+    },
+    [onSchedule, apiKey, globalUrl, orgId]
+  );
+  const effectiveLocalLLMSlot = useMemo8(
+    () => localLLMSlot ?? /* @__PURE__ */ jsx26(
+      LocalLLMConfig_default,
+      {
+        compact: true,
+        globalUrl,
+        userdata,
+        isLoaded,
+        isLoggedIn,
+        serverside,
+        theme,
+        colorMode
+      }
+    ),
+    [localLLMSlot, globalUrl, userdata, isLoaded, isLoggedIn, serverside, theme, colorMode]
   );
   const handleChooseLLM = useCallback10(() => {
     if (onChooseLLM) {
@@ -12686,10 +13342,10 @@ var AgentsView = ({
     },
     [editing]
   );
-  return /* @__PURE__ */ jsxs21(Box18, { sx: { minHeight: "100%", width: "100%", px: { xs: 2, md: 4 }, pt: { xs: 3, md: "5vh" }, pb: 6, boxSizing: "border-box" }, children: [
-    /* @__PURE__ */ jsxs21(Stack, { spacing: 6, sx: { maxWidth, mx: "auto", width: "100%" }, children: [
-      editing && /* @__PURE__ */ jsxs21(
-        Box18,
+  return /* @__PURE__ */ jsxs23(Box20, { sx: { minHeight: "100%", width: "100%", px: { xs: 2, md: 4 }, pt: { xs: 3, md: "5vh" }, pb: 6, boxSizing: "border-box" }, children: [
+    /* @__PURE__ */ jsxs23(Stack, { spacing: 6, sx: { maxWidth, mx: "auto", width: "100%" }, children: [
+      editing && /* @__PURE__ */ jsxs23(
+        Box20,
         {
           sx: {
             display: "flex",
@@ -12702,12 +13358,12 @@ var AgentsView = ({
             bgcolor: "hsl(var(--primary) / 0.08)"
           },
           children: [
-            /* @__PURE__ */ jsxs21(Typography17, { sx: { fontSize: "0.85rem", color: "hsl(var(--foreground))" }, children: [
+            /* @__PURE__ */ jsxs23(Typography19, { sx: { fontSize: "0.85rem", color: "hsl(var(--foreground))" }, children: [
               "Editing schedule: ",
-              /* @__PURE__ */ jsx24("strong", { children: editing.name })
+              /* @__PURE__ */ jsx26("strong", { children: editing.name })
             ] }),
-            /* @__PURE__ */ jsx24(
-              Typography17,
+            /* @__PURE__ */ jsx26(
+              Typography19,
               {
                 component: "button",
                 onClick: () => {
@@ -12727,13 +13383,15 @@ var AgentsView = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx26(
         AgentUI_default,
         {
           maxWidth,
           apiBaseUrl: globalUrl,
           onViewChange: setAgentView,
-          onSchedule,
+          onSchedule: effectiveSchedule,
+          apiKey,
+          orgId,
           onChooseLLM: handleChooseLLM,
           hideChooseLLM,
           defaultInput: prefill.input,
@@ -12742,30 +13400,38 @@ var AgentsView = ({
           submitLabel: editing ? "Save" : void 0,
           submitTooltip: editing ? "\u2318+Enter to save" : void 0,
           disableSchedule: Boolean(editing),
-          disableScheduleTooltip: editing ? "Scheduling is disabled while editing an existing schedule" : void 0
+          disableScheduleTooltip: editing ? "Scheduling is disabled while editing an existing schedule" : void 0,
+          theme,
+          colorMode
         },
         prefill.key
       ),
-      agentView === "start" && /* @__PURE__ */ jsx24(Box18, { sx: { pt: { xs: 4, md: "8vh" } }, children: /* @__PURE__ */ jsx24(
+      agentView === "start" && /* @__PURE__ */ jsx26(Box20, { sx: { pt: { xs: 4, md: "8vh" } }, children: /* @__PURE__ */ jsx26(
         AgentActivityList_default,
         {
           apiBaseUrl: globalUrl,
+          apiKey,
+          orgId,
           onRunClick: setSelectedRun,
           onEditWorkflow: handleEditWorkflow
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx26(
       AgentExecutionDrawer_default,
       {
         open: selectedRun !== null,
         onClose: () => setSelectedRun(null),
         run: selectedRun,
         apiBaseUrl: globalUrl,
-        onSchedule
+        onSchedule: effectiveSchedule,
+        apiKey,
+        orgId,
+        theme,
+        colorMode
       }
     ),
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx26(
       AgentRunDrawer_default,
       {
         open: builtInDrawer.open,
@@ -12774,7 +13440,9 @@ var AgentsView = ({
         globalUrl,
         localLLMSlot: effectiveLocalLLMSlot,
         permissionsSlot,
-        agentUIProps: { onSchedule, apiBaseUrl: globalUrl }
+        theme,
+        colorMode,
+        agentUIProps: { onSchedule: effectiveSchedule, apiBaseUrl: globalUrl, apiKey, orgId, theme, colorMode }
       }
     )
   ] });
@@ -12782,12 +13450,12 @@ var AgentsView = ({
 var AgentsView_default = AgentsView;
 
 // useAppLookup.ts
-import { useEffect as useEffect14, useMemo as useMemo8, useState as useState16 } from "react";
+import { useEffect as useEffect15, useMemo as useMemo9, useState as useState17 } from "react";
 var norm3 = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
 function useAppLookup(appName) {
-  const [loading, setLoading] = useState16(false);
-  const [info, setInfo] = useState16(null);
-  const [algoliaId, setAlgoliaId] = useState16(null);
+  const [loading, setLoading] = useState17(false);
+  const [info, setInfo] = useState17(null);
+  const [algoliaId, setAlgoliaId] = useState17(null);
   const {
     authStates,
     authenticatedApps,
@@ -12796,7 +13464,7 @@ function useAppLookup(appName) {
     handleSaveAuth,
     refreshAuth
   } = useAppAuth();
-  useEffect14(() => {
+  useEffect15(() => {
     if (!appName) {
       setInfo(null);
       setAlgoliaId(null);
@@ -12875,13 +13543,13 @@ function useAppLookup(appName) {
       setLoading(false);
     })();
   }, [appName]);
-  const matchingEntries = useMemo8(() => {
+  const matchingEntries = useMemo9(() => {
     if (!appName) return [];
     return authenticatedApps.filter(
       (auth) => auth.app?.name && norm3(auth.app.name) === norm3(appName)
     );
   }, [appName, authenticatedApps]);
-  const image = useMemo8(() => {
+  const image = useMemo9(() => {
     if (info?.image) return info.image;
     for (const entry of matchingEntries) {
       const img = entry.app?.large_image || entry.large_image;
@@ -12889,7 +13557,7 @@ function useAppLookup(appName) {
     }
     return "";
   }, [info, matchingEntries]);
-  const algoliaApp = useMemo8(() => {
+  const algoliaApp = useMemo9(() => {
     if (!appName) return null;
     return {
       objectID: algoliaId || appName,
@@ -12920,97 +13588,18 @@ function useAppLookup(appName) {
   };
 }
 
-// components/UsageBar.tsx
-import { Box as Box19, Typography as Typography18, Tooltip as Tooltip13 } from "@mui/material";
-import { jsx as jsx25, jsxs as jsxs22 } from "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__ */ jsx25(Tooltip13, { title: tooltipText, placement: "top", arrow: true, children: /* @__PURE__ */ jsxs22(Box19, { sx: { display: "flex", flexDirection: "column", gap: 0.5, py: 0.25 }, children: [
-    /* @__PURE__ */ jsxs22(Box19, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 1 }, children: [
-      /* @__PURE__ */ jsx25(
-        Typography18,
-        {
-          sx: {
-            fontSize: "12.8px",
-            fontWeight: 500,
-            color: "hsl(var(--muted-foreground))",
-            lineHeight: 1.2
-          },
-          children: label
-        }
-      ),
-      /* @__PURE__ */ jsxs22(Box19, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-        actionLabel && actionHref && (isWarn || isOver) && /* @__PURE__ */ jsx25(
-          Box19,
-          {
-            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__ */ jsx25(
-          Typography18,
-          {
-            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__ */ jsx25(Box19, { sx: { width: "100%", height: 2, bgcolor: "hsl(var(--muted) / 0.5)", borderRadius: 1, overflow: "hidden" }, children: /* @__PURE__ */ jsx25(
-      Box19,
-      {
-        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 }) => React5.createElement(
     ShuffleMcpThemeProvider,
     { mode: resolveMode(theme, colorMode) },
-    React5.createElement(Inner, { ...rest })
+    React5.createElement(Inner, { ...rest, theme, colorMode })
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName})`;
   return Wrapped;
@@ -13020,7 +13609,7 @@ var withMcpThemeRef = (Inner, displayName) => {
     ({ theme, colorMode, ...rest }, ref) => React5.createElement(
       ShuffleMcpThemeProvider,
       { mode: resolveMode(theme, colorMode) },
-      React5.createElement(Inner, { ...rest, ref })
+      React5.createElement(Inner, { ...rest, theme, colorMode, ref })
     )
   );
   Wrapped.displayName = `ShuffleMCPs(${displayName})`;
@@ -13042,6 +13631,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");
 export {
   API_CONFIG,
   AgentActivityList2 as AgentActivityList,
@@ -13067,6 +13657,7 @@ export {
   FORWARD_TICKETS_WORKFLOW_NAME,
   INGEST_TICKETS_WORKFLOW_NAME,
   IntegrationStatus,
+  LocalLLMConfig2 as LocalLLMConfig,
   SIEM_PATTERNS,
   ShuffleMCP2 as ShuffleMCP,
   ShuffleMcpThemeProvider,
@@ -13113,6 +13704,7 @@ export {
   resetRegionUrl,
   resolveApp,
   resolveApps,
+  scheduleAgentRun,
   searchAgentActivity,
   seedResolvedApp,
   setDatastoreItem,