@shuffleio/shuffle-mcps 0.0.16 → 0.0.18

package/dist/index.mjs

@@ -4,16 +4,23 @@ import {
   fetchAppsViaApiConfig,
   getApiUrl,
   getAuthHeader,
+  getHostBaseUrl,
   getTrackedOrgId,
+  installFetchBreaker,
   invalidateAppsCache,
   isCloud,
   isCloudDomain,
   isOnprem,
+  registerProtectedOrigin,
+  resetRegionUrl,
+  setHostBaseUrl,
+  setRegionUrl,
   shuffleFetch
-} from "./chunk-FHIKSRCS.mjs";
+} from "./chunk-R3YLER6P.mjs";
 
 // index.ts
 import "./shuffle-mcp-CN72CJJQ.css";
+import React5 from "react";
 
 // ShuffleMcpThemeProvider.tsx
 import React from "react";
@@ -100,7 +107,7 @@ var useHtmlDarkClass = (enabled) => {
 };
 var ShuffleMcpThemeProvider = ({
   children,
-  mode = "auto"
+  mode = "dark"
 }) => {
   const parent = useMuiTheme();
   const htmlIsDark = useHtmlDarkClass(mode === "auto");
@@ -120,14 +127,15 @@ var ShuffleMcpThemeProvider = ({
     [parent, effectiveDark]
   );
   const tree = /* @__PURE__ */ jsx(ThemeProvider, { theme: merged, children });
+  const scopeClassName = mode === "light" ? "shuffle-mcp-scope" : "shuffle-mcp-scope dark";
   if (mode === "light" || mode === "dark") {
-    return /* @__PURE__ */ jsx("div", { className: mode === "dark" ? "dark" : "", "data-shuffle-mode": mode, children: tree });
+    return /* @__PURE__ */ jsx("div", { className: scopeClassName, "data-shuffle-mode": mode, "data-shuffle-mcp-root": true, children: tree });
   }
-  return tree;
+  return /* @__PURE__ */ jsx("div", { className: "shuffle-mcp-scope", "data-shuffle-mode": "auto", "data-shuffle-mcp-root": true, children: tree });
 };
 
 // ShuffleMCP.tsx
-import React3, { useState as useState9, useEffect as useEffect7, useRef as useRef7, useCallback as useCallback7, useMemo as useMemo4, useImperativeHandle } from "react";
+import React3, { useState as useState9, useEffect as useEffect8, useRef as useRef7, useCallback as useCallback7, useMemo as useMemo4, useImperativeHandle } from "react";
 import { algoliasearch } from "algoliasearch";
 import { Tooltip as Tooltip4 } from "@mui/material";
 
@@ -723,7 +731,7 @@ async function backfillAppImages(dedupedApps) {
   let missing = dedupedApps.filter((d) => !d.bestImage && !d.app.large_image);
   if (missing.length === 0) return dedupedApps;
   try {
-    const { fetchAppsViaApiConfig: fetchAppsViaApiConfig2 } = await import("./appsCache-LOBSECTW.mjs");
+    const { fetchAppsViaApiConfig: fetchAppsViaApiConfig2 } = await import("./appsCache-CFCVTF7D.mjs");
     const apps = await fetchAppsViaApiConfig2().catch(() => []);
     if (Array.isArray(apps) && apps.length > 0) {
       const byName = /* @__PURE__ */ new Map();
@@ -5582,19 +5590,32 @@ import "./shuffle-mcp-CN72CJJQ.css";
 import * as React2 from "react";
 import { motion as motion7, LayoutGroup } from "framer-motion";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
-var cn = (...inputs) => inputs.filter(Boolean).join(" ");
-var sizeClasses = {
+var SIZE = {
   sm: {
-    container: "p-0.5 text-[11px]",
-    item: "px-2.5 py-1 gap-1.5",
-    count: "min-w-[16px] h-[16px] px-1 text-[10px]",
-    divider: "h-4 mx-0.5"
+    containerPadding: "2px",
+    fontSize: "11px",
+    itemPaddingY: "4px",
+    itemPaddingX: "10px",
+    itemGap: "6px",
+    countMin: "16px",
+    countH: "16px",
+    countPx: "4px",
+    countFs: "10px",
+    dividerH: "16px",
+    dividerMx: "2px"
   },
   md: {
-    container: "p-1 text-xs",
-    item: "px-3 py-1.5 gap-1.5",
-    count: "min-w-[18px] h-[18px] px-1.5 text-[10px]",
-    divider: "h-5 mx-1"
+    containerPadding: "4px",
+    fontSize: "12px",
+    itemPaddingY: "6px",
+    itemPaddingX: "12px",
+    itemGap: "6px",
+    countMin: "18px",
+    countH: "18px",
+    countPx: "6px",
+    countFs: "10px",
+    dividerH: "20px",
+    dividerMx: "4px"
   }
 };
 var uid = 0;
@@ -5618,25 +5639,36 @@ function SegmentedControl({
 }) {
   const autoId = useUniqueId("segmented");
   const groupId = layoutId ?? autoId;
-  const s = sizeClasses[size];
+  const s = SIZE[size];
   return /* @__PURE__ */ jsx13(LayoutGroup, { id: groupId, children: /* @__PURE__ */ jsx13(
     "div",
     {
       role: "tablist",
       "aria-label": ariaLabel,
-      className: cn(
-        "inline-flex items-center gap-0.5 rounded-full",
-        variant === "outline" ? "border border-border bg-transparent" : "border border-transparent bg-muted/40",
-        s.container,
-        className
-      ),
+      className,
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "2px",
+        borderRadius: 9999,
+        padding: s.containerPadding,
+        fontSize: s.fontSize,
+        border: variant === "outline" ? "1px solid hsl(var(--border))" : "1px solid transparent",
+        background: variant === "outline" ? "transparent" : "hsl(var(--muted) / 0.4)"
+      },
       children: options.map((opt, i) => {
         if (opt.type === "divider") {
           return /* @__PURE__ */ jsx13(
             "span",
             {
               "aria-hidden": true,
-              className: cn("w-px bg-border self-center", s.divider)
+              style: {
+                width: 1,
+                height: s.dividerH,
+                margin: `0 ${s.dividerMx}`,
+                background: "hsl(var(--border))",
+                alignSelf: "center"
+              }
             },
             opt.key ?? `divider-${i}`
           );
@@ -5658,20 +5690,46 @@ function SegmentedControl({
               if (isAction) opt.onClick();
               else onChange(opt.value);
             },
-            className: cn(
-              "relative inline-flex items-center rounded-full font-medium",
-              "transition-colors duration-300",
-              "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              s.item,
-              active ? "text-foreground" : "text-muted-foreground hover:text-foreground",
-              opt.disabled && "opacity-50 cursor-not-allowed"
-            ),
+            style: {
+              position: "relative",
+              display: "inline-flex",
+              alignItems: "center",
+              gap: s.itemGap,
+              padding: `${s.itemPaddingY} ${s.itemPaddingX}`,
+              borderRadius: 9999,
+              fontWeight: 500,
+              fontSize: s.fontSize,
+              background: "transparent",
+              border: "none",
+              cursor: opt.disabled ? "not-allowed" : "pointer",
+              color: active ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
+              opacity: opt.disabled ? 0.5 : 1,
+              transition: "color 200ms ease",
+              outline: "none",
+              fontFamily: "inherit"
+            },
+            onMouseEnter: (e) => {
+              if (!active && !opt.disabled) {
+                e.currentTarget.style.color = "hsl(var(--foreground))";
+              }
+            },
+            onMouseLeave: (e) => {
+              if (!active && !opt.disabled) {
+                e.currentTarget.style.color = "hsl(var(--muted-foreground))";
+              }
+            },
             children: [
               active && /* @__PURE__ */ jsx13(
                 motion7.span,
                 {
                   layoutId: `${groupId}-pill`,
-                  className: "absolute inset-0 rounded-full bg-muted border border-border",
+                  style: {
+                    position: "absolute",
+                    inset: 0,
+                    borderRadius: 9999,
+                    background: "hsl(var(--muted))",
+                    border: "1px solid hsl(var(--border))"
+                  },
                   initial: false,
                   transition: {
                     type: "spring",
@@ -5680,15 +5738,39 @@ function SegmentedControl({
                   }
                 }
               ),
-              /* @__PURE__ */ jsx13("span", { className: "relative z-10 inline-flex items-center gap-1.5", children: opt.label }),
+              /* @__PURE__ */ jsx13(
+                "span",
+                {
+                  style: {
+                    position: "relative",
+                    zIndex: 1,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: s.itemGap
+                  },
+                  children: opt.label
+                }
+              ),
               !isAction && typeof opt.count === "number" && /* @__PURE__ */ jsx13(
                 "span",
                 {
-                  className: cn(
-                    "relative z-10 inline-flex items-center justify-center rounded-md font-semibold tabular-nums border border-border/60",
-                    s.count,
-                    active ? "bg-transparent text-foreground" : "bg-transparent text-muted-foreground"
-                  ),
+                  style: {
+                    position: "relative",
+                    zIndex: 1,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    minWidth: s.countMin,
+                    height: s.countH,
+                    padding: `0 ${s.countPx}`,
+                    fontSize: s.countFs,
+                    fontWeight: 600,
+                    fontVariantNumeric: "tabular-nums",
+                    borderRadius: 6,
+                    border: "1px solid hsl(var(--border) / 0.6)",
+                    color: active ? "hsl(var(--foreground))" : "hsl(var(--muted-foreground))",
+                    background: "transparent"
+                  },
                   children: opt.count
                 }
               )
@@ -5701,6 +5783,15 @@ function SegmentedControl({
   ) });
 }
 
+// useSyncHostBaseUrl.ts
+import { useEffect as useEffect7 } from "react";
+var useSyncHostBaseUrl = (globalUrl) => {
+  useEffect7(() => {
+    if (!globalUrl) return;
+    setHostBaseUrl(globalUrl);
+  }, [globalUrl]);
+};
+
 // ShuffleMCP.tsx
 import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var DEFAULT_ALGOLIA_APP_ID = "JNSS5CFDZZ";
@@ -5744,8 +5835,10 @@ var ShuffleMCP = React3.forwardRef(({
   renderLoadingState,
   onAppSelected,
   onSelectionChange,
-  onSearchChange
+  onSearchChange,
+  globalUrl
 }, ref) => {
+  useSyncHostBaseUrl(globalUrl);
   const [query, setQuery] = useState9(initialQuery);
   const [results, setResults] = useState9([]);
   const [privateApps, setPrivateApps] = useState9([]);
@@ -5782,10 +5875,10 @@ var ShuffleMCP = React3.forwardRef(({
       console.error("Failed to fetch authenticated apps:", error);
     }
   }, [apiKey, apiBaseUrl, authPath, orgId]);
-  useEffect7(() => {
+  useEffect8(() => {
     fetchAuthenticatedApps2();
   }, [fetchAuthenticatedApps2]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (disablePrivateApps) {
       setPrivateApps([]);
       return;
@@ -5825,7 +5918,7 @@ var ShuffleMCP = React3.forwardRef(({
     };
     fetchPrivateApps();
   }, [apiKey, apiBaseUrl, privateAppsPath, disablePrivateApps, orgId]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (authenticatedApps.length > 0 && results.length > 0) {
       const validatedApps = authenticatedApps.filter((auth) => auth.validation?.valid);
       const appsToAutoSelect = results.filter(
@@ -5845,12 +5938,12 @@ var ShuffleMCP = React3.forwardRef(({
       }
     }
   }, [authenticatedApps, results]);
-  useEffect7(() => {
+  useEffect8(() => {
     if (externalAuthenticatedApps) {
       setAuthenticatedApps(externalAuthenticatedApps);
     }
   }, [externalAuthenticatedApps]);
-  useEffect7(() => {
+  useEffect8(() => {
     searchClient.current = algoliasearch(algoliaAppId, algoliaApiKey);
     if (!hasInitialized.current) {
       hasInitialized.current = true;
@@ -5863,10 +5956,10 @@ var ShuffleMCP = React3.forwardRef(({
       }, 100);
     }
   }, []);
-  useEffect7(() => {
+  useEffect8(() => {
     setInternalSelectedApps(selectedApps);
   }, [selectedApps]);
-  useEffect7(() => {
+  useEffect8(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -6237,10 +6330,9 @@ var ShuffleMCP = React3.forwardRef(({
   );
 });
 ShuffleMCP.displayName = "ShuffleMCP";
-var ShuffleMCP_default = ShuffleMCP;
 
 // AppSearchDrawer.tsx
-import { useState as useState10, useEffect as useEffect8 } from "react";
+import { useState as useState10, useEffect as useEffect9 } from "react";
 import {
   X as CloseIcon3
 } from "lucide-react";
@@ -6349,7 +6441,7 @@ function AppSearchDrawer({
   const [detailAppName, setDetailAppName] = useState10(null);
   const [detailAppId, setDetailAppId] = useState10(null);
   const [highlightActive, setHighlightActive] = useState10(false);
-  useEffect8(() => {
+  useEffect9(() => {
     setHighlightActive(false);
     if (!open || !highlightAppName) return;
     const t = setTimeout(() => setHighlightActive(true), highlightDelayMs);
@@ -6581,7 +6673,7 @@ function AppSearchDrawer({
                     transition: { duration: 0.2 },
                     style: { height: "100%", minHeight: 0 },
                     children: /* @__PURE__ */ jsx15(
-                      ShuffleMCP,
+                      ShuffleMCP2,
                       {
                         apiKey: API_CONFIG.apiKey || void 0,
                         apiBaseUrl: API_CONFIG.baseUrl,
@@ -6630,7 +6722,7 @@ function AppSearchDrawer({
       }
     ),
     /* @__PURE__ */ jsx15(
-      AppDetailDrawer,
+      AppDetailDrawer2,
       {
         open: open && detailAppName !== null,
         onClose: () => {
@@ -6911,7 +7003,7 @@ function ShufflePipelinesBanner() {
 var ShufflePipelinesBanner_default = ShufflePipelinesBanner;
 
 // AgentUI.tsx
-import { useCallback as useCallback8, useEffect as useEffect10, useMemo as useMemo6, useRef as useRef8, useState as useState12 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo6, useRef as useRef8, useState as useState12 } from "react";
 import {
   Plus as AddIcon3,
   Paperclip as AttachFileIcon,
@@ -7587,7 +7679,7 @@ var AgentDiagnosisCtas = ({ diagnosis, compact = false, tone = "medium" }) => {
 var AgentDiagnosisCtas_default = AgentDiagnosisCtas;
 
 // AgentRunDiagnosisBanner.tsx
-import { useEffect as useEffect9, useMemo as useMemo5, useState as useState11 } from "react";
+import { useEffect as useEffect10, useMemo as useMemo5, useState as useState11 } from "react";
 
 // agentDiagnosis.ts
 var deepParseJsonStrings2 = (obj, depth = 0) => {
@@ -7970,7 +8062,7 @@ var AgentRunDiagnosisBanner = ({ run, sx, onJumpToEvidence, executionId }) => {
     return typeof fromRun === "string" && fromRun ? fromRun : null;
   }, [executionId, run]);
   const [dismissed, setDismissed] = useState11(() => readDismissed(dismissKey));
-  useEffect9(() => {
+  useEffect10(() => {
     setDismissed(readDismissed(dismissKey));
   }, [dismissKey]);
   if (!run || dismissed) return null;
@@ -8662,6 +8754,8 @@ var AgentUI = ({
   appPickerLabel = "Select Apps",
   appPickerTitle = "Select Apps",
   appPickerSubtitle = "Pick the tools the agent is allowed to use for this run",
+  onChooseLLM,
+  hideChooseLLM = false,
   submitTooltip = "\u2318+Enter to send",
   submitIcon,
   submitOverride,
@@ -8764,14 +8858,14 @@ var AgentUI = ({
   stateRef.current.continuationText = continuationText;
   stateRef.current.localRunStart = localRunStart;
   stateRef.current.showStarter = showStarter;
-  useEffect10(() => {
+  useEffect11(() => {
     if (execution?.execution_id || agentRequestLoading) {
       setLocalRunStart((prev) => prev ?? Math.floor(Date.now() / 1e3));
     } else {
       setLocalRunStart(null);
     }
   }, [execution?.execution_id, agentRequestLoading]);
-  useEffect10(() => {
+  useEffect11(() => {
     const status = (execution?.status || agentData?.status || "").toUpperCase();
     const TERMINAL = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
     if (TERMINAL.includes(status)) return;
@@ -8844,10 +8938,10 @@ var AgentUI = ({
     }
     return out;
   }, [agentData, appsById, isAppAuthenticated]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (apps) setChosenApps(apps);
   }, [apps]);
-  useEffect10(() => {
+  useEffect11(() => {
     const decisions = agentData?.decisions || [];
     if (!Array.isArray(decisions) || decisions.length === 0) return;
     const norm4 = (s) => s.toLowerCase().replace(/[\s-]+/g, "_");
@@ -8895,7 +8989,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [JSON.stringify(agentData?.decisions?.map((d) => [d?.details?.tool || d?.tool, extractAuthRequest(d)?.appName]) || []), appsById]);
-  useEffect10(() => {
+  useEffect11(() => {
     const missing = chosenApps.filter((a) => !a.icon && a.name);
     if (missing.length === 0) return;
     let cancelled = false;
@@ -8953,7 +9047,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [chosenApps, availableApps, resolveUrl2, resolveHeaders2]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!autoLoadApps) return;
     if (apps || defaultApps) return;
     if (!hasApiKey) return;
@@ -8992,7 +9086,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [autoLoadApps, apps, defaultApps, hasApiKey, resolveUrl2, resolveHeaders2]);
-  useEffect10(() => {
+  useEffect11(() => {
     const raw = agentData?.allowed_actions;
     if (!Array.isArray(raw) || raw.length === 0) {
       setExecutionApps([]);
@@ -9136,7 +9230,7 @@ var AgentUI = ({
       setError(err instanceof Error ? err.message : "Network error.");
     }
   }, []);
-  useEffect10(() => {
+  useEffect11(() => {
     let eid = null;
     let auth = null;
     if (executionId && authorization) {
@@ -9154,7 +9248,7 @@ var AgentUI = ({
       getExecution(eid, auth);
     }
   }, [readUrlParams, executionId, authorization, getExecution]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!initialExecution || !initialExecution.execution_id) return;
     if (!userPickedStartRef.current) setShowStarter(false);
     activeExecutionIdRef.current = initialExecution.execution_id;
@@ -9187,7 +9281,7 @@ var AgentUI = ({
       getExecution(initialExecution.execution_id, initialExecution.authorization);
     }
   }, [initialExecution?.execution_id]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!execution?.execution_id || !execution?.authorization) return;
     const status = (execution.status || "").toUpperCase();
     const TERMINAL = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
@@ -9334,7 +9428,7 @@ var AgentUI = ({
     }
   }, [chosenApps, getExecution, onRun, attachedImages, readUrlParams, viewMode]);
   const autoSubmittedRef = useRef8(false);
-  useEffect10(() => {
+  useEffect11(() => {
     if (autoSubmit && defaultInput && !autoSubmittedRef.current && !executionId) {
       autoSubmittedRef.current = true;
       submitInput(defaultInput);
@@ -9658,7 +9752,7 @@ var AgentUI = ({
   const activeTab = showStarter ? "start" : viewMode;
   const hasExecution = !!execution?.execution_id;
   const showRunSwitcher = hasExecution || agentRequestLoading;
-  useEffect10(() => {
+  useEffect11(() => {
     onViewChange?.(activeTab);
   }, [activeTab, onViewChange]);
   const goToTab = (t) => {
@@ -9764,14 +9858,14 @@ var AgentUI = ({
   }, [agentData, execution?.status, showStarter]);
   const scheduleHint = useMemo6(() => parseScheduleHint(actionInput), [actionInput]);
   const lastAppliedHintRef = useRef8(null);
-  useEffect10(() => {
+  useEffect11(() => {
     if (!scheduleHint) return;
     if (scheduleAnchor) return;
     if (lastAppliedHintRef.current === scheduleHint.cron) return;
     setScheduleCron(scheduleHint.cron);
     lastAppliedHintRef.current = scheduleHint.cron;
   }, [scheduleHint, scheduleAnchor]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (cronManualOverrideRef.current) return;
     const m = Math.max(0, Math.min(59, schedMinute));
     const h = Math.max(0, Math.min(23, schedHour));
@@ -10514,15 +10608,25 @@ var AgentUI = ({
                     bgcolor: "hsl(var(--card))",
                     maxWidth: "100%"
                   }, children: [
-                    /* @__PURE__ */ jsx20(Tooltip9, { title: "Configure the local LLM used for this agent", children: /* @__PURE__ */ jsxs16(
+                    !hideChooseLLM && /* @__PURE__ */ jsx20(Tooltip9, { title: "Configure the local LLM used for this agent", children: /* @__PURE__ */ jsxs16(
                       Box14,
                       {
                         component: "button",
                         type: "button",
                         onClick: () => {
-                          if (typeof window !== "undefined") {
-                            window.dispatchEvent(
-                              new CustomEvent("agent-drawer-open", { detail: { tab: "localLLM" } })
+                          if (onChooseLLM) {
+                            onChooseLLM();
+                            return;
+                          }
+                          if (typeof window === "undefined") return;
+                          const evt = new CustomEvent("agent-drawer-open", {
+                            detail: { tab: "localLLM" },
+                            cancelable: true
+                          });
+                          const handled = window.dispatchEvent(evt);
+                          if (handled && !window.__shuffleAgentDrawerMounted) {
+                            console.warn(
+                              '[AgentUI] "Choose LLM" was clicked but no host handler is wired. Pass an `onChooseLLM` prop, mount the bundled `AgentRunDrawer`, or set `hideChooseLLM` to remove the chip.'
                             );
                           }
                         },
@@ -11253,7 +11357,7 @@ var AgentUI = ({
 var AgentUI_default = AgentUI;
 
 // AgentRunDrawer.tsx
-import { useEffect as useEffect11, useRef as useRef9, useState as useState13 } from "react";
+import { useEffect as useEffect12, useRef as useRef9, useState as useState13 } from "react";
 import {
   Box as Box15,
   Drawer as Drawer3,
@@ -11288,14 +11392,23 @@ var AgentRunDrawer = ({
   paperSx,
   headerSx,
   tabsSx,
-  bodySx
+  bodySx,
+  globalUrl
 }) => {
+  useSyncHostBaseUrl(globalUrl);
   const [activeTab, setActiveTab] = useState13(initialTab);
   const prevOpenRef = useRef9(open);
-  useEffect11(() => {
+  useEffect12(() => {
     if (open && !prevOpenRef.current) setActiveTab(initialTab);
     prevOpenRef.current = open;
   }, [open, initialTab]);
+  useEffect12(() => {
+    if (typeof window === "undefined") return;
+    window.__shuffleAgentDrawerMounted = (window.__shuffleAgentDrawerMounted || 0) + 1;
+    return () => {
+      window.__shuffleAgentDrawerMounted = Math.max(0, (window.__shuffleAgentDrawerMounted || 1) - 1);
+    };
+  }, []);
   const visibleTabs = TAB_ORDER.filter((t) => {
     if (t === "run") return true;
     if (t === "permissions") return !!permissionsSlot;
@@ -11435,6 +11548,7 @@ var AgentRunDrawer = ({
               hideHeroIcon: true,
               title: "",
               subtitle: null,
+              apiBaseUrl: globalUrl,
               ...agentUIProps
             }
           ) }),
@@ -11448,7 +11562,7 @@ var AgentRunDrawer = ({
 var AgentRunDrawer_default = AgentRunDrawer;
 
 // AgentActivityList.tsx
-import { useCallback as useCallback9, useEffect as useEffect12, useRef as useRef10, useState as useState14 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect13, useRef as useRef10, useState as useState14 } from "react";
 import {
   Box as Box16,
   Button as Button9,
@@ -11943,7 +12057,7 @@ var AgentActivityList = ({
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => setDebouncedQuery(q), 350);
   }, []);
-  useEffect12(() => () => {
+  useEffect13(() => () => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
   }, []);
   const fetchRuns = useCallback9(
@@ -11975,10 +12089,10 @@ var AgentActivityList = ({
     },
     [statusFilter, limit, apiKey, apiBaseUrl, orgId, workflowFilter]
   );
-  useEffect12(() => {
+  useEffect13(() => {
     fetchRuns(false, "");
   }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
-  useEffect12(() => {
+  useEffect13(() => {
     let cancelled = false;
     listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
       if (!cancelled) setAgentWorkflows(items);
@@ -12428,7 +12542,8 @@ var AgentExecutionDrawer_default = AgentExecutionDrawer;
 import { useCallback as useCallback10, useState as useState15 } from "react";
 import { Box as Box18, Stack, Typography as Typography17 } from "@mui/material";
 import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
-var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
+var AgentsView = ({ onSchedule, maxWidth = 820, onChooseLLM, hideChooseLLM, globalUrl, isLoaded, isLoggedIn, userdata, serverside }) => {
+  useSyncHostBaseUrl(globalUrl);
   const [selectedRun, setSelectedRun] = useState15(null);
   const [agentView, setAgentView] = useState15("start");
   const [prefill, setPrefill] = useState15({
@@ -12469,8 +12584,8 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
     },
     [editing]
   );
-  return /* @__PURE__ */ jsxs20(Box18, { sx: { minHeight: "100vh", width: "100%", px: { xs: 2, md: 4 }, pt: "5vh", pb: 6 }, children: [
-    /* @__PURE__ */ jsxs20(Stack, { spacing: 6, sx: { maxWidth, mx: "auto" }, children: [
+  return /* @__PURE__ */ jsxs20(Box18, { sx: { minHeight: "100%", width: "100%", px: { xs: 2, md: 4 }, pt: { xs: 3, md: "5vh" }, pb: 6, boxSizing: "border-box" }, children: [
+    /* @__PURE__ */ jsxs20(Stack, { spacing: 6, sx: { maxWidth, mx: "auto", width: "100%" }, children: [
       editing && /* @__PURE__ */ jsxs20(
         Box18,
         {
@@ -12514,8 +12629,11 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
         AgentUI_default,
         {
           maxWidth,
+          apiBaseUrl: globalUrl,
           onViewChange: setAgentView,
           onSchedule,
+          onChooseLLM,
+          hideChooseLLM,
           defaultInput: prefill.input,
           defaultApps: prefill.apps.length > 0 ? prefill.apps : void 0,
           submitOverride: editing ? handleSaveEdit : void 0,
@@ -12526,9 +12644,10 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
         },
         prefill.key
       ),
-      agentView === "start" && /* @__PURE__ */ jsx24(Box18, { sx: { pt: "12vh" }, children: /* @__PURE__ */ jsx24(
+      agentView === "start" && /* @__PURE__ */ jsx24(Box18, { sx: { pt: { xs: 4, md: "8vh" } }, children: /* @__PURE__ */ jsx24(
         AgentActivityList_default,
         {
+          apiBaseUrl: globalUrl,
           onRunClick: setSelectedRun,
           onEditWorkflow: handleEditWorkflow
         }
@@ -12540,6 +12659,7 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
         open: selectedRun !== null,
         onClose: () => setSelectedRun(null),
         run: selectedRun,
+        apiBaseUrl: globalUrl,
         onSchedule
       }
     )
@@ -12548,7 +12668,7 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
 var AgentsView_default = AgentsView;
 
 // useAppLookup.ts
-import { useEffect as useEffect13, useMemo as useMemo7, useState as useState16 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo7, useState as useState16 } from "react";
 var norm3 = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
 function useAppLookup(appName) {
   const [loading, setLoading] = useState16(false);
@@ -12562,7 +12682,7 @@ function useAppLookup(appName) {
     handleSaveAuth,
     refreshAuth
   } = useAppAuth();
-  useEffect13(() => {
+  useEffect14(() => {
     if (!appName) {
       setInfo(null);
       setAlgoliaId(null);
@@ -12765,23 +12885,61 @@ var UsageBar = ({
     ) })
   ] }) });
 };
+
+// index.ts
+var withMcpTheme = (Inner, displayName) => {
+  const Wrapped = ({ colorMode, ...rest }) => React5.createElement(
+    ShuffleMcpThemeProvider,
+    { mode: colorMode },
+    React5.createElement(Inner, { ...rest })
+  );
+  Wrapped.displayName = `ShuffleMCPs(${displayName})`;
+  return Wrapped;
+};
+var withMcpThemeRef = (Inner, displayName) => {
+  const Wrapped = React5.forwardRef(
+    ({ colorMode, ...rest }, ref) => React5.createElement(
+      ShuffleMcpThemeProvider,
+      { mode: colorMode },
+      React5.createElement(Inner, { ...rest, ref })
+    )
+  );
+  Wrapped.displayName = `ShuffleMCPs(${displayName})`;
+  return Wrapped;
+};
+var ShuffleMCP2 = withMcpThemeRef(ShuffleMCP, "ShuffleMCP");
+var index_default = ShuffleMCP2;
+var AppDetailDrawer2 = withMcpTheme(AppDetailDrawer, "AppDetailDrawer");
+var AppSearchDrawer2 = withMcpTheme(AppSearchDrawer, "AppSearchDrawer");
+var AiAgentPromptsEditor2 = withMcpTheme(AiAgentPromptsEditor_default, "AiAgentPromptsEditor");
+var ShufflePipelinesBanner2 = withMcpTheme(ShufflePipelinesBanner_default, "ShufflePipelinesBanner");
+var AppTitleHeader2 = withMcpTheme(AppTitleHeader, "AppTitleHeader");
+var AppAuthSection2 = withMcpTheme(AppAuthSection, "AppAuthSection");
+var TryMcpSection2 = withMcpTheme(TryMcpSection, "TryMcpSection");
+var SingulActionsPreview2 = withMcpTheme(SingulActionsPreview_default, "SingulActionsPreview");
+var AgentUI2 = withMcpTheme(AgentUI_default, "AgentUI");
+var AgentRunDrawer2 = withMcpTheme(AgentRunDrawer_default, "AgentRunDrawer");
+var AgentActivityList2 = withMcpTheme(AgentActivityList_default, "AgentActivityList");
+var AgentExecutionDrawer2 = withMcpTheme(AgentExecutionDrawer_default, "AgentExecutionDrawer");
+var AgentsView2 = withMcpTheme(AgentsView_default, "AgentsView");
+var AgentRunDiagnosisBanner2 = withMcpTheme(AgentRunDiagnosisBanner_default, "AgentRunDiagnosisBanner");
 export {
   API_CONFIG,
-  AgentActivityList_default as AgentActivityList,
-  AgentExecutionDrawer_default as AgentExecutionDrawer,
+  AgentActivityList2 as AgentActivityList,
+  AgentExecutionDrawer2 as AgentExecutionDrawer,
   AgentIcon_default as AgentIcon,
-  AgentRunDiagnosisBanner_default as AgentRunDiagnosisBanner,
-  AgentRunDrawer_default as AgentRunDrawer,
-  AgentUI_default as AgentUI,
-  AgentsView_default as AgentsView,
-  AiAgentPromptsEditor_default as AiAgentPromptsEditor,
+  AgentRunDiagnosisBanner2 as AgentRunDiagnosisBanner,
+  AgentRunDrawer2 as AgentRunDrawer,
+  AgentUI2 as AgentUI,
+  AgentsView2 as AgentsView,
+  AiAgentPromptsEditor2 as AiAgentPromptsEditor,
   AppAuthCard,
   AppAuthConfig,
-  AppAuthSection,
-  AppDetailDrawer,
+  AppAuthSection2 as AppAuthSection,
+  AppDetailDrawer2 as AppDetailDrawer,
   AppDetailProvider,
-  AppSearchDrawer,
-  AppTitleHeader,
+  AppSearchDrawer2 as AppSearchDrawer,
+  AppTitleHeader2 as AppTitleHeader,
   CASES_PATTERNS,
   COMMUNICATION_PATTERNS_NAMES,
   DATASTORE_CATEGORIES,
@@ -12791,15 +12949,15 @@ export {
   INGEST_TICKETS_WORKFLOW_NAME,
   IntegrationStatus,
   SIEM_PATTERNS,
-  ShuffleMCP,
+  ShuffleMCP2 as ShuffleMCP,
   ShuffleMcpThemeProvider,
-  ShufflePipelinesBanner_default as ShufflePipelinesBanner,
-  SingulActionsPreview_default as SingulActionsPreview,
+  ShufflePipelinesBanner2 as ShufflePipelinesBanner,
+  SingulActionsPreview2 as SingulActionsPreview,
   THREAT_INTEL_PATTERNS,
-  TryMcpSection,
+  TryMcpSection2 as TryMcpSection,
   UsageBar,
   VULN_SCANNER_PATTERNS,
-  ShuffleMCP_default as default,
+  index_default as default,
   deleteDatastoreItem,
   deleteDatastoreItems,
   diagnoseOutputWarning,
@@ -12815,8 +12973,10 @@ export {
   getDatastoreItem,
   getDatastoreItemPublic,
   getFailureInfo,
+  getHostBaseUrl,
   getIngestionCategory,
   hasOutputWarning,
+  installFetchBreaker,
   invalidateAppsCache,
   invalidateResolvedApps,
   isCloud,
@@ -12830,12 +12990,16 @@ export {
   normalizeAppName,
   parseRunResult,
   refreshAllIntegrationStatus,
+  registerProtectedOrigin,
+  resetRegionUrl,
   resolveApp,
   resolveApps,
   searchAgentActivity,
   seedResolvedApp,
   setDatastoreItem,
   setDatastoreItems,
+  setHostBaseUrl,
+  setRegionUrl,
   setRuntimeOrgId,
   setToastImpl,
   shuffleFetch,
@@ -12843,5 +13007,6 @@ export {
   useAppAuth,
   useAppDetail,
   useAppDetailOptional,
-  useAppLookup
+  useAppLookup,
+  useSyncHostBaseUrl
 };