@shuffleio/shuffle-mcps 0.0.16 → 0.0.18

package/dist/index.js

@@ -29,10 +29,137 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// fetchBreaker.ts
+var FAIL_THRESHOLD, ROLLING_WINDOW_MS, COOLDOWN_MS, HARD_BURST_THRESHOLD, HARD_BURST_WINDOW_MS, state, installed, allowedOrigins, getEntry, prune, keyFor, synthetic503, registerProtectedOrigin, installFetchBreaker;
+var init_fetchBreaker = __esm({
+  "fetchBreaker.ts"() {
+    FAIL_THRESHOLD = 12;
+    ROLLING_WINDOW_MS = 5e3;
+    COOLDOWN_MS = 3e4;
+    HARD_BURST_THRESHOLD = 30;
+    HARD_BURST_WINDOW_MS = 1e3;
+    state = /* @__PURE__ */ new Map();
+    installed = false;
+    allowedOrigins = /* @__PURE__ */ new Set();
+    getEntry = (key) => {
+      let entry = state.get(key);
+      if (!entry) {
+        entry = { failures: [], attempts: [], blockedUntil: 0, warned: false };
+        state.set(key, entry);
+      }
+      return entry;
+    };
+    prune = (arr, now, windowMs) => {
+      const cutoff = now - windowMs;
+      while (arr.length && arr[0] < cutoff) arr.shift();
+    };
+    keyFor = (input, init) => {
+      let urlStr;
+      let method = (init?.method || (typeof input !== "string" && "method" in input ? input.method : "GET") || "GET").toUpperCase();
+      if (typeof input === "string") urlStr = input;
+      else if (input instanceof URL) urlStr = input.toString();
+      else if (input && typeof input.url === "string") urlStr = input.url;
+      else return null;
+      try {
+        const u = new URL(urlStr, typeof window !== "undefined" ? window.location.href : "http://localhost");
+        if (allowedOrigins.size && !allowedOrigins.has(u.origin)) return null;
+        if (!u.pathname.startsWith("/api/")) return null;
+        return `${method} ${u.origin}${u.pathname}`;
+      } catch {
+        return null;
+      }
+    };
+    synthetic503 = (key, retryInMs) => new Response(
+      JSON.stringify({
+        error: "circuit_breaker_open",
+        message: `Too many failures for ${key}. Cooling down for ${Math.ceil(retryInMs / 1e3)}s.`
+      }),
+      {
+        status: 503,
+        statusText: "Service Unavailable (circuit breaker)",
+        headers: { "Content-Type": "application/json", "Retry-After": String(Math.ceil(retryInMs / 1e3)) }
+      }
+    );
+    registerProtectedOrigin = (url) => {
+      if (!url) return;
+      try {
+        const origin = new URL(url, typeof window !== "undefined" ? window.location.href : "http://localhost").origin;
+        allowedOrigins.add(origin);
+      } catch {
+      }
+    };
+    installFetchBreaker = () => {
+      if (installed) return;
+      if (typeof window === "undefined" || typeof window.fetch !== "function") return;
+      installed = true;
+      const original = window.fetch.bind(window);
+      window.fetch = (async (input, init) => {
+        const key = keyFor(input, init);
+        if (!key) return original(input, init);
+        const entry = getEntry(key);
+        const now = Date.now();
+        if (entry.blockedUntil > now) {
+          return synthetic503(key, entry.blockedUntil - now);
+        }
+        entry.attempts.push(now);
+        prune(entry.attempts, now, HARD_BURST_WINDOW_MS);
+        if (entry.attempts.length > HARD_BURST_THRESHOLD) {
+          entry.blockedUntil = now + COOLDOWN_MS;
+          if (!entry.warned) {
+            entry.warned = true;
+            console.error(
+              `[fetchBreaker] Burst detected on ${key} (${entry.attempts.length} calls / ${HARD_BURST_WINDOW_MS}ms). Blocking for ${COOLDOWN_MS / 1e3}s. Fix the caller \u2014 this is almost always a missing useEffect dep or a render loop.`
+            );
+          }
+          return synthetic503(key, COOLDOWN_MS);
+        }
+        let response;
+        try {
+          response = await original(input, init);
+        } catch (err) {
+          const ts = Date.now();
+          entry.failures.push(ts);
+          prune(entry.failures, ts, ROLLING_WINDOW_MS);
+          if (entry.failures.length >= FAIL_THRESHOLD) {
+            entry.blockedUntil = ts + COOLDOWN_MS;
+            if (!entry.warned) {
+              entry.warned = true;
+              console.error(
+                `[fetchBreaker] ${entry.failures.length} network errors on ${key} in ${ROLLING_WINDOW_MS / 1e3}s. Blocking for ${COOLDOWN_MS / 1e3}s.`
+              );
+            }
+          }
+          throw err;
+        }
+        if (response.status >= 500 || response.status === 0) {
+          const ts = Date.now();
+          entry.failures.push(ts);
+          prune(entry.failures, ts, ROLLING_WINDOW_MS);
+          if (entry.failures.length >= FAIL_THRESHOLD) {
+            entry.blockedUntil = ts + COOLDOWN_MS;
+            if (!entry.warned) {
+              entry.warned = true;
+              console.error(
+                `[fetchBreaker] ${entry.failures.length} ${response.status}s on ${key} in ${ROLLING_WINDOW_MS / 1e3}s. Blocking for ${COOLDOWN_MS / 1e3}s.`
+              );
+            }
+          }
+        } else if (response.status < 400) {
+          entry.failures.length = 0;
+          entry.warned = false;
+        }
+        return response;
+      });
+    };
+  }
+});
+
 // api.ts
-var DEV_BACKEND, PROD_BACKEND, CLOUD_DOMAINS, getEnvVar, isDevEnvironment, isCloudDomain, isCloud, isOnprem, getDefaultBaseUrl, _regionUrl, _trackedOrgId, getTrackedOrgId, API_CONFIG, getApiUrl, shuffleFetch, getAuthHeader;
+var DEV_BACKEND, PROD_BACKEND, CLOUD_DOMAINS, getEnvVar, isDevEnvironment, isCloudDomain, isCloud, isOnprem, getDefaultBaseUrl, _regionUrl, _trackedOrgId, _hostBaseUrl, isShufflerSubdomain, setRegionUrl, resetRegionUrl, setHostBaseUrl, getHostBaseUrl, getTrackedOrgId, API_CONFIG, getApiUrl, shuffleFetch, getAuthHeader;
 var init_api = __esm({
   "api.ts"() {
+    init_fetchBreaker();
+    installFetchBreaker();
     DEV_BACKEND = "https://tunnel.schemaless.org";
     PROD_BACKEND = "https://shuffler.io";
     CLOUD_DOMAINS = ["security.shuffler.io", "shutdown.no"];
@@ -69,11 +196,59 @@ var init_api = __esm({
     };
     _regionUrl = null;
     _trackedOrgId = null;
+    _hostBaseUrl = null;
+    isShufflerSubdomain = (url) => {
+      try {
+        const parsed = new URL(url);
+        return parsed.hostname.endsWith(".shuffler.io") || parsed.hostname === "shuffler.io";
+      } catch {
+        return false;
+      }
+    };
+    setRegionUrl = (regionUrl, orgId) => {
+      if (isDevEnvironment()) {
+        _trackedOrgId = orgId || null;
+        return;
+      }
+      _trackedOrgId = orgId || null;
+      if (regionUrl && isShufflerSubdomain(regionUrl)) {
+        const normalized = regionUrl.replace(/\/+$/, "");
+        if (normalized !== PROD_BACKEND) {
+          _regionUrl = normalized;
+          console.log(`[API] Region URL set to: ${_regionUrl}`);
+          return;
+        }
+      }
+      _regionUrl = null;
+    };
+    resetRegionUrl = () => {
+      if (_regionUrl) {
+        console.log(`[API] Region URL reset to default (org changed)`);
+      }
+      _regionUrl = null;
+    };
+    setHostBaseUrl = (url) => {
+      const next = url ? url.replace(/\/+$/, "") : null;
+      if (next === _hostBaseUrl) return;
+      _hostBaseUrl = next;
+      if (next) {
+        try {
+          registerProtectedOrigin(next);
+        } catch {
+        }
+      }
+    };
+    getHostBaseUrl = () => _hostBaseUrl;
     getTrackedOrgId = () => _trackedOrgId;
     API_CONFIG = {
-      // Shuffle backend URL - uses region URL if set, otherwise default
+      // Shuffle backend URL — host override beats region URL beats default.
       get baseUrl() {
-        return _regionUrl || getDefaultBaseUrl();
+        const url = _hostBaseUrl || _regionUrl || getDefaultBaseUrl();
+        try {
+          registerProtectedOrigin(url);
+        } catch {
+        }
+        return url;
       },
       // API version
       version: "v1",
@@ -126,11 +301,12 @@ __export(appsCache_exports, {
   fetchAppsViaApiConfig: () => fetchAppsViaApiConfig,
   invalidateAppsCache: () => invalidateAppsCache
 });
-var TTL_MS2, cache2, cacheKey2, doFetch2, fetchApps, invalidateAppsCache, fetchAppsViaApiConfig;
+var TTL_MS2, ERROR_TTL_MS, cache2, cacheKey2, doFetch2, fetchApps, invalidateAppsCache, fetchAppsViaApiConfig;
 var init_appsCache = __esm({
   "appsCache.ts"() {
     init_api();
     TTL_MS2 = 3e4;
+    ERROR_TTL_MS = 3e4;
     cache2 = /* @__PURE__ */ new Map();
     cacheKey2 = (o) => `${o.baseUrl}|${o.path || "/api/v1/apps"}|${o.apiKey || ""}|${o.orgId || ""}`;
     doFetch2 = async (o) => {
@@ -156,9 +332,9 @@ var init_appsCache = __esm({
       const promise = doFetch2(opts).then((data) => {
         cache2.set(key, { data, fetchedAt: Date.now() });
         return data;
-      }).catch((err) => {
-        cache2.delete(key);
-        throw err;
+      }).catch(() => {
+        cache2.set(key, { data: [], fetchedAt: Date.now() - (TTL_MS2 - ERROR_TTL_MS) });
+        return [];
       });
       cache2.set(key, { ...entry, promise });
       return promise;
@@ -186,21 +362,21 @@ var init_appsCache = __esm({
 var index_exports = {};
 __export(index_exports, {
   API_CONFIG: () => API_CONFIG,
-  AgentActivityList: () => AgentActivityList_default,
-  AgentExecutionDrawer: () => AgentExecutionDrawer_default,
+  AgentActivityList: () => AgentActivityList2,
+  AgentExecutionDrawer: () => AgentExecutionDrawer2,
   AgentIcon: () => AgentIcon_default,
-  AgentRunDiagnosisBanner: () => AgentRunDiagnosisBanner_default,
-  AgentRunDrawer: () => AgentRunDrawer_default,
-  AgentUI: () => AgentUI_default,
-  AgentsView: () => AgentsView_default,
-  AiAgentPromptsEditor: () => AiAgentPromptsEditor_default,
+  AgentRunDiagnosisBanner: () => AgentRunDiagnosisBanner2,
+  AgentRunDrawer: () => AgentRunDrawer2,
+  AgentUI: () => AgentUI2,
+  AgentsView: () => AgentsView2,
+  AiAgentPromptsEditor: () => AiAgentPromptsEditor2,
   AppAuthCard: () => AppAuthCard,
   AppAuthConfig: () => AppAuthConfig,
-  AppAuthSection: () => AppAuthSection,
-  AppDetailDrawer: () => AppDetailDrawer,
+  AppAuthSection: () => AppAuthSection2,
+  AppDetailDrawer: () => AppDetailDrawer2,
   AppDetailProvider: () => AppDetailProvider,
-  AppSearchDrawer: () => AppSearchDrawer,
-  AppTitleHeader: () => AppTitleHeader,
+  AppSearchDrawer: () => AppSearchDrawer2,
+  AppTitleHeader: () => AppTitleHeader2,
   CASES_PATTERNS: () => CASES_PATTERNS,
   COMMUNICATION_PATTERNS_NAMES: () => COMMUNICATION_PATTERNS_NAMES,
   DATASTORE_CATEGORIES: () => DATASTORE_CATEGORIES,
@@ -210,15 +386,15 @@ __export(index_exports, {
   INGEST_TICKETS_WORKFLOW_NAME: () => INGEST_TICKETS_WORKFLOW_NAME,
   IntegrationStatus: () => IntegrationStatus,
   SIEM_PATTERNS: () => SIEM_PATTERNS,
-  ShuffleMCP: () => ShuffleMCP,
+  ShuffleMCP: () => ShuffleMCP2,
   ShuffleMcpThemeProvider: () => ShuffleMcpThemeProvider,
-  ShufflePipelinesBanner: () => ShufflePipelinesBanner_default,
-  SingulActionsPreview: () => SingulActionsPreview_default,
+  ShufflePipelinesBanner: () => ShufflePipelinesBanner2,
+  SingulActionsPreview: () => SingulActionsPreview2,
   THREAT_INTEL_PATTERNS: () => THREAT_INTEL_PATTERNS,
-  TryMcpSection: () => TryMcpSection,
+  TryMcpSection: () => TryMcpSection2,
   UsageBar: () => UsageBar,
   VULN_SCANNER_PATTERNS: () => VULN_SCANNER_PATTERNS,
-  default: () => ShuffleMCP_default,
+  default: () => index_default,
   deleteDatastoreItem: () => deleteDatastoreItem,
   deleteDatastoreItems: () => deleteDatastoreItems,
   diagnoseOutputWarning: () => diagnoseOutputWarning,
@@ -234,8 +410,10 @@ __export(index_exports, {
   getDatastoreItem: () => getDatastoreItem,
   getDatastoreItemPublic: () => getDatastoreItemPublic,
   getFailureInfo: () => getFailureInfo,
+  getHostBaseUrl: () => getHostBaseUrl,
   getIngestionCategory: () => getIngestionCategory,
   hasOutputWarning: () => hasOutputWarning,
+  installFetchBreaker: () => installFetchBreaker,
   invalidateAppsCache: () => invalidateAppsCache,
   invalidateResolvedApps: () => invalidateResolvedApps,
   isCloud: () => isCloud,
@@ -249,12 +427,16 @@ __export(index_exports, {
   normalizeAppName: () => normalizeAppName,
   parseRunResult: () => parseRunResult,
   refreshAllIntegrationStatus: () => refreshAllIntegrationStatus,
+  registerProtectedOrigin: () => registerProtectedOrigin,
+  resetRegionUrl: () => resetRegionUrl,
   resolveApp: () => resolveApp,
   resolveApps: () => resolveApps,
   searchAgentActivity: () => searchAgentActivity,
   seedResolvedApp: () => seedResolvedApp,
   setDatastoreItem: () => setDatastoreItem,
   setDatastoreItems: () => setDatastoreItems,
+  setHostBaseUrl: () => setHostBaseUrl,
+  setRegionUrl: () => setRegionUrl,
   setRuntimeOrgId: () => setRuntimeOrgId,
   setToastImpl: () => setToastImpl,
   shuffleFetch: () => shuffleFetch,
@@ -262,10 +444,12 @@ __export(index_exports, {
   useAppAuth: () => useAppAuth,
   useAppDetail: () => useAppDetail,
   useAppDetailOptional: () => useAppDetailOptional,
-  useAppLookup: () => useAppLookup
+  useAppLookup: () => useAppLookup,
+  useSyncHostBaseUrl: () => useSyncHostBaseUrl
 });
 module.exports = __toCommonJS(index_exports);
 var import_shuffle_mcp2 = require("./shuffle-mcp-CN72CJJQ.css");
+var import_react20 = __toESM(require("react"));
 
 // ShuffleMcpThemeProvider.tsx
 var import_react = __toESM(require("react"));
@@ -352,7 +536,7 @@ var useHtmlDarkClass = (enabled) => {
 };
 var ShuffleMcpThemeProvider = ({
   children,
-  mode = "auto"
+  mode = "dark"
 }) => {
   const parent = (0, import_material.useTheme)();
   const htmlIsDark = useHtmlDarkClass(mode === "auto");
@@ -372,14 +556,15 @@ var ShuffleMcpThemeProvider = ({
     [parent, effectiveDark]
   );
   const tree = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ThemeProvider, { theme: merged, children });
+  const scopeClassName = mode === "light" ? "shuffle-mcp-scope" : "shuffle-mcp-scope dark";
   if (mode === "light" || mode === "dark") {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: mode === "dark" ? "dark" : "", "data-shuffle-mode": mode, children: tree });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: scopeClassName, "data-shuffle-mode": mode, "data-shuffle-mcp-root": true, children: tree });
   }
-  return tree;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "shuffle-mcp-scope", "data-shuffle-mode": "auto", "data-shuffle-mcp-root": true, children: tree });
 };
 
 // ShuffleMCP.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_algoliasearch = require("algoliasearch");
 var import_material10 = require("@mui/material");
 
@@ -5765,19 +5950,32 @@ init_appsCache();
 var React2 = __toESM(require("react"));
 var import_framer_motion7 = require("framer-motion");
 var import_jsx_runtime13 = require("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;
@@ -5801,25 +5999,36 @@ function SegmentedControl({
 }) {
   const autoId = useUniqueId("segmented");
   const groupId = layoutId ?? autoId;
-  const s = sizeClasses[size];
+  const s = SIZE[size];
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_framer_motion7.LayoutGroup, { id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "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__ */ (0, import_jsx_runtime13.jsx)(
             "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}`
           );
@@ -5841,20 +6050,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__ */ (0, import_jsx_runtime13.jsx)(
                 import_framer_motion7.motion.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",
@@ -5863,15 +6098,39 @@ function SegmentedControl({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "relative z-10 inline-flex items-center gap-1.5", children: opt.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "span",
+                {
+                  style: {
+                    position: "relative",
+                    zIndex: 1,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    gap: s.itemGap
+                  },
+                  children: opt.label
+                }
+              ),
               !isAction && typeof opt.count === "number" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                 "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
                 }
               )
@@ -5884,13 +6143,23 @@ function SegmentedControl({
   ) });
 }
 
+// useSyncHostBaseUrl.ts
+var import_react11 = require("react");
+init_api();
+var useSyncHostBaseUrl = (globalUrl) => {
+  (0, import_react11.useEffect)(() => {
+    if (!globalUrl) return;
+    setHostBaseUrl(globalUrl);
+  }, [globalUrl]);
+};
+
 // ShuffleMCP.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var DEFAULT_ALGOLIA_APP_ID = "JNSS5CFDZZ";
 var DEFAULT_ALGOLIA_API_KEY = "33e4e3564f4f060e96e0531957bed552";
 var DEFAULT_ALGOLIA_INDEX = "appsearch";
 var EMPTY_SELECTED_APPS = [];
-var ShuffleMCP = import_react11.default.forwardRef(({
+var ShuffleMCP = import_react12.default.forwardRef(({
   authToken,
   orgId,
   placeholder = "Search apps...",
@@ -5927,25 +6196,27 @@ var ShuffleMCP = import_react11.default.forwardRef(({
   renderLoadingState,
   onAppSelected,
   onSelectionChange,
-  onSearchChange
+  onSearchChange,
+  globalUrl
 }, ref) => {
-  const [query, setQuery] = (0, import_react11.useState)(initialQuery);
-  const [results, setResults] = (0, import_react11.useState)([]);
-  const [privateApps, setPrivateApps] = (0, import_react11.useState)([]);
-  const [sourceFilter, setSourceFilter] = (0, import_react11.useState)("all");
-  const [isLoading, setIsLoading] = (0, import_react11.useState)(false);
-  const [searchError, setSearchError] = (0, import_react11.useState)(null);
-  const [isOpen, setIsOpen] = (0, import_react11.useState)(false);
-  const [selectedIndex, setSelectedIndex] = (0, import_react11.useState)(-1);
-  const [internalSelectedApps, setInternalSelectedApps] = (0, import_react11.useState)(selectedApps);
-  const [authenticatedApps, setAuthenticatedApps] = (0, import_react11.useState)(externalAuthenticatedApps || []);
-  const [drawerApp, setDrawerApp] = (0, import_react11.useState)(null);
-  const hasInitialized = (0, import_react11.useRef)(false);
-  const containerRef = (0, import_react11.useRef)(null);
-  const inputRef = (0, import_react11.useRef)(null);
-  const debounceTimer = (0, import_react11.useRef)(null);
-  const searchClient = (0, import_react11.useRef)(null);
-  const fetchAuthenticatedApps2 = (0, import_react11.useCallback)(async () => {
+  useSyncHostBaseUrl(globalUrl);
+  const [query, setQuery] = (0, import_react12.useState)(initialQuery);
+  const [results, setResults] = (0, import_react12.useState)([]);
+  const [privateApps, setPrivateApps] = (0, import_react12.useState)([]);
+  const [sourceFilter, setSourceFilter] = (0, import_react12.useState)("all");
+  const [isLoading, setIsLoading] = (0, import_react12.useState)(false);
+  const [searchError, setSearchError] = (0, import_react12.useState)(null);
+  const [isOpen, setIsOpen] = (0, import_react12.useState)(false);
+  const [selectedIndex, setSelectedIndex] = (0, import_react12.useState)(-1);
+  const [internalSelectedApps, setInternalSelectedApps] = (0, import_react12.useState)(selectedApps);
+  const [authenticatedApps, setAuthenticatedApps] = (0, import_react12.useState)(externalAuthenticatedApps || []);
+  const [drawerApp, setDrawerApp] = (0, import_react12.useState)(null);
+  const hasInitialized = (0, import_react12.useRef)(false);
+  const containerRef = (0, import_react12.useRef)(null);
+  const inputRef = (0, import_react12.useRef)(null);
+  const debounceTimer = (0, import_react12.useRef)(null);
+  const searchClient = (0, import_react12.useRef)(null);
+  const fetchAuthenticatedApps2 = (0, import_react12.useCallback)(async () => {
     if (!apiKey) return;
     try {
       const response = await fetch(`${apiBaseUrl}${authPath}`, {
@@ -5965,10 +6236,10 @@ var ShuffleMCP = import_react11.default.forwardRef(({
       console.error("Failed to fetch authenticated apps:", error);
     }
   }, [apiKey, apiBaseUrl, authPath, orgId]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     fetchAuthenticatedApps2();
   }, [fetchAuthenticatedApps2]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (disablePrivateApps) {
       setPrivateApps([]);
       return;
@@ -6008,7 +6279,7 @@ var ShuffleMCP = import_react11.default.forwardRef(({
     };
     fetchPrivateApps();
   }, [apiKey, apiBaseUrl, privateAppsPath, disablePrivateApps, orgId]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (authenticatedApps.length > 0 && results.length > 0) {
       const validatedApps = authenticatedApps.filter((auth) => auth.validation?.valid);
       const appsToAutoSelect = results.filter(
@@ -6028,12 +6299,12 @@ var ShuffleMCP = import_react11.default.forwardRef(({
       }
     }
   }, [authenticatedApps, results]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (externalAuthenticatedApps) {
       setAuthenticatedApps(externalAuthenticatedApps);
     }
   }, [externalAuthenticatedApps]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     searchClient.current = (0, import_algoliasearch.algoliasearch)(algoliaAppId, algoliaApiKey);
     if (!hasInitialized.current) {
       hasInitialized.current = true;
@@ -6046,10 +6317,10 @@ var ShuffleMCP = import_react11.default.forwardRef(({
       }, 100);
     }
   }, []);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     setInternalSelectedApps(selectedApps);
   }, [selectedApps]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (containerRef.current && !containerRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -6059,23 +6330,23 @@ var ShuffleMCP = import_react11.default.forwardRef(({
     document.addEventListener("click", handleClickOutside);
     return () => document.removeEventListener("click", handleClickOutside);
   }, []);
-  const isAppConfigured = (0, import_react11.useCallback)((app) => {
+  const isAppConfigured = (0, import_react12.useCallback)((app) => {
     return authenticatedApps.some(
       (auth) => auth.app.name.toLowerCase() === app.name.toLowerCase() && auth.active === true
     );
   }, [authenticatedApps]);
-  const isAppValidated = (0, import_react11.useCallback)((app) => {
+  const isAppValidated = (0, import_react12.useCallback)((app) => {
     return authenticatedApps.some(
       (auth) => auth.app.name.toLowerCase() === app.name.toLowerCase() && auth.validation?.valid === true
     );
   }, [authenticatedApps]);
-  const getAppAuthState = (0, import_react11.useCallback)((app) => {
+  const getAppAuthState = (0, import_react12.useCallback)((app) => {
     return {
       configured: isAppConfigured(app),
       validated: isAppValidated(app)
     };
   }, [isAppConfigured, isAppValidated]);
-  const performSearch = (0, import_react11.useCallback)(async (searchQuery) => {
+  const performSearch = (0, import_react12.useCallback)(async (searchQuery) => {
     if (!searchClient.current) {
       return;
     }
@@ -6109,7 +6380,7 @@ var ShuffleMCP = import_react11.default.forwardRef(({
       setIsLoading(false);
     }
   }, [hitsPerPage, algoliaIndexName, privateApps.length]);
-  (0, import_react11.useImperativeHandle)(ref, () => ({
+  (0, import_react12.useImperativeHandle)(ref, () => ({
     search: (searchQuery) => {
       setQuery(searchQuery);
       onSearchChange?.(searchQuery);
@@ -6121,7 +6392,7 @@ var ShuffleMCP = import_react11.default.forwardRef(({
     },
     getQuery: () => query
   }), [performSearch, onSearchChange, query]);
-  const handleInputChange = (0, import_react11.useCallback)((event) => {
+  const handleInputChange = (0, import_react12.useCallback)((event) => {
     const value = event.target.value;
     setQuery(value);
     setSelectedIndex(-1);
@@ -6133,7 +6404,7 @@ var ShuffleMCP = import_react11.default.forwardRef(({
       performSearch(value);
     }, 300);
   }, [performSearch, onSearchChange]);
-  const selectApp = (0, import_react11.useCallback)((app) => {
+  const selectApp = (0, import_react12.useCallback)((app) => {
     const handoffToken = apiKey || authToken || "";
     const authUrl = `${apiBaseUrl}${appAuthPath}?app_id=${app.objectID}&auth=${handoffToken}&source=shuffle${orgId ? `&org_id=${encodeURIComponent(orgId)}` : ""}`;
     if (multiSelect) {
@@ -6153,7 +6424,7 @@ var ShuffleMCP = import_react11.default.forwardRef(({
       setIsOpen(false);
     }
   }, [authToken, apiKey, apiBaseUrl, appAuthPath, orgId, multiSelect, internalSelectedApps, onAppSelected, onSelectionChange, preventDefault]);
-  const handleKeyDown = (0, import_react11.useCallback)((event) => {
+  const handleKeyDown = (0, import_react12.useCallback)((event) => {
     if (!isOpen) return;
     switch (event.key) {
       case "ArrowDown":
@@ -6178,14 +6449,14 @@ var ShuffleMCP = import_react11.default.forwardRef(({
         break;
     }
   }, [isOpen, results, selectedIndex, selectApp]);
-  const isAppSelected = (0, import_react11.useCallback)((app) => {
+  const isAppSelected = (0, import_react12.useCallback)((app) => {
     const norm4 = (s) => (s || "").toLowerCase().replace(/[\s-]+/g, "_");
     const target = norm4(app.name);
     return internalSelectedApps.some(
       (a) => a.objectID === app.objectID || target && norm4(a.name) === target
     );
   }, [internalSelectedApps]);
-  const filteredPrivateApps = (0, import_react11.useMemo)(() => {
+  const filteredPrivateApps = (0, import_react12.useMemo)(() => {
     if (privateApps.length === 0) return [];
     const q = query.trim().toLowerCase();
     if (!q) return privateApps;
@@ -6193,7 +6464,7 @@ var ShuffleMCP = import_react11.default.forwardRef(({
       (a) => a.name.toLowerCase().includes(q) || (a.description || "").toLowerCase().includes(q) || (a.categories || []).some((c) => c.toLowerCase().includes(q))
     );
   }, [privateApps, query]);
-  const displayResults = (0, import_react11.useMemo)(() => {
+  const displayResults = (0, import_react12.useMemo)(() => {
     const norm4 = (n) => (n || "").toLowerCase().replace(/[\s_\-]+/g, "");
     let merged;
     if (sourceFilter === "public") {
@@ -6213,7 +6484,7 @@ var ShuffleMCP = import_react11.default.forwardRef(({
     const pinnedNames = new Set(pinnedApps.map((a) => norm4(a.name)));
     return [...pinnedApps, ...merged.filter((a) => !pinnedNames.has(norm4(a.name)))];
   }, [pinnedApps, results, filteredPrivateApps, sourceFilter, isAppConfigured]);
-  const getGridColumnsStyle = (0, import_react11.useMemo)(() => {
+  const getGridColumnsStyle = (0, import_react12.useMemo)(() => {
     if (layout !== "grid") return {};
     const cols = typeof gridColumns === "number" ? gridColumns : gridColumns.md || 3;
     return { "--singul-grid-columns": cols };
@@ -6420,10 +6691,9 @@ var ShuffleMCP = import_react11.default.forwardRef(({
   );
 });
 ShuffleMCP.displayName = "ShuffleMCP";
-var ShuffleMCP_default = ShuffleMCP;
 
 // AppSearchDrawer.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_lucide_react7 = require("lucide-react");
 var import_material11 = require("@mui/material");
 var import_framer_motion8 = require("framer-motion");
@@ -6528,10 +6798,10 @@ function AppSearchDrawer({
   selectedApps,
   onSelectionChange
 }) {
-  const [detailAppName, setDetailAppName] = (0, import_react12.useState)(null);
-  const [detailAppId, setDetailAppId] = (0, import_react12.useState)(null);
-  const [highlightActive, setHighlightActive] = (0, import_react12.useState)(false);
-  (0, import_react12.useEffect)(() => {
+  const [detailAppName, setDetailAppName] = (0, import_react13.useState)(null);
+  const [detailAppId, setDetailAppId] = (0, import_react13.useState)(null);
+  const [highlightActive, setHighlightActive] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
     setHighlightActive(false);
     if (!open || !highlightAppName) return;
     const t = setTimeout(() => setHighlightActive(true), highlightDelayMs);
@@ -6763,7 +7033,7 @@ function AppSearchDrawer({
                     transition: { duration: 0.2 },
                     style: { height: "100%", minHeight: 0 },
                     children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      ShuffleMCP,
+                      ShuffleMCP2,
                       {
                         apiKey: API_CONFIG.apiKey || void 0,
                         apiBaseUrl: API_CONFIG.baseUrl,
@@ -6812,7 +7082,7 @@ function AppSearchDrawer({
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      AppDetailDrawer,
+      AppDetailDrawer2,
       {
         open: open && detailAppName !== null,
         onClose: () => {
@@ -7093,7 +7363,7 @@ function ShufflePipelinesBanner() {
 var ShufflePipelinesBanner_default = ShufflePipelinesBanner;
 
 // AgentUI.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_lucide_react11 = require("lucide-react");
 var import_react_router_dom2 = require("react-router-dom");
 var import_material16 = require("@mui/material");
@@ -7737,7 +8007,7 @@ var AgentDiagnosisCtas = ({ diagnosis, compact = false, tone = "medium" }) => {
 var AgentDiagnosisCtas_default = AgentDiagnosisCtas;
 
 // AgentRunDiagnosisBanner.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 
 // agentDiagnosis.ts
 var deepParseJsonStrings2 = (obj, depth = 0) => {
@@ -8114,13 +8384,13 @@ var writeDismissed = (key) => {
   }
 };
 var AgentRunDiagnosisBanner = ({ run, sx, onJumpToEvidence, executionId }) => {
-  const dismissKey = (0, import_react13.useMemo)(() => {
+  const dismissKey = (0, import_react14.useMemo)(() => {
     if (executionId) return executionId;
     const fromRun = run?.execution_id;
     return typeof fromRun === "string" && fromRun ? fromRun : null;
   }, [executionId, run]);
-  const [dismissed, setDismissed] = (0, import_react13.useState)(() => readDismissed(dismissKey));
-  (0, import_react13.useEffect)(() => {
+  const [dismissed, setDismissed] = (0, import_react14.useState)(() => readDismissed(dismissKey));
+  (0, import_react14.useEffect)(() => {
     setDismissed(readDismissed(dismissKey));
   }, [dismissKey]);
   if (!run || dismissed) return null;
@@ -8399,7 +8669,7 @@ var TimelineRow = ({
   isAppAuthenticated,
   highlight = false
 }) => {
-  const [submitAttempted, setSubmitAttempted] = (0, import_react14.useState)(false);
+  const [submitAttempted, setSubmitAttempted] = (0, import_react15.useState)(false);
   const validate = validateJson(item.details);
   const itemStart = item.start_time || 0;
   const itemEnd = item.end_time || itemStart;
@@ -8812,6 +9082,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,
@@ -8833,70 +9105,70 @@ var AgentUI = ({
   sx,
   contentSx
 }) => {
-  const resolveUrl2 = (0, import_react14.useCallback)(
+  const resolveUrl2 = (0, import_react15.useCallback)(
     (path) => apiBaseUrl ? `${apiBaseUrl.replace(/\/+$/, "")}${path}` : getApiUrl(path),
     [apiBaseUrl]
   );
-  const resolveHeaders2 = (0, import_react14.useCallback)(() => {
+  const resolveHeaders2 = (0, import_react15.useCallback)(() => {
     const h = apiKey ? { Authorization: `Bearer ${apiKey}` } : { ...getAuthHeader() };
     if (orgId) h["Org-Id"] = orgId;
     return h;
   }, [apiKey, orgId]);
   const hasApiKey = !!apiKey || !!API_CONFIG.apiKey;
   const navigate = (0, import_react_router_dom2.useNavigate)();
-  const [actionInput, setActionInput] = (0, import_react14.useState)(defaultInput);
+  const [actionInput, setActionInput] = (0, import_react15.useState)(defaultInput);
   const BUILTIN_DEFAULT_APPS = [
     { name: "http" },
     { name: "shuffle_tools" }
   ];
-  const [chosenApps, setChosenApps] = (0, import_react14.useState)(apps ?? defaultApps ?? BUILTIN_DEFAULT_APPS);
-  const [availableApps, setAvailableApps] = (0, import_react14.useState)([]);
-  const [executionApps, setExecutionApps] = (0, import_react14.useState)([]);
-  const [resolvedToolApps, setResolvedToolApps] = (0, import_react14.useState)({});
-  const [appSearchOpen, setAppSearchOpen] = (0, import_react14.useState)(false);
-  const [authDrawerApp, setAuthDrawerApp] = (0, import_react14.useState)(null);
-  const [agentRequestLoading, setAgentRequestLoading] = (0, import_react14.useState)(false);
-  const [execution, setExecution] = (0, import_react14.useState)(null);
-  const [agentData, setAgentData] = (0, import_react14.useState)({});
-  const [agentActionResult, setAgentActionResult] = (0, import_react14.useState)(null);
-  const [showStarter, setShowStarter] = (0, import_react14.useState)(true);
-  const [scheduleAnchor, setScheduleAnchor] = (0, import_react14.useState)(null);
-  const [scheduleCron, setScheduleCron] = (0, import_react14.useState)("0 * * * *");
-  const [scheduleSaving, setScheduleSaving] = (0, import_react14.useState)(false);
-  const [scheduleSteps, setScheduleSteps] = (0, import_react14.useState)([
+  const [chosenApps, setChosenApps] = (0, import_react15.useState)(apps ?? defaultApps ?? BUILTIN_DEFAULT_APPS);
+  const [availableApps, setAvailableApps] = (0, import_react15.useState)([]);
+  const [executionApps, setExecutionApps] = (0, import_react15.useState)([]);
+  const [resolvedToolApps, setResolvedToolApps] = (0, import_react15.useState)({});
+  const [appSearchOpen, setAppSearchOpen] = (0, import_react15.useState)(false);
+  const [authDrawerApp, setAuthDrawerApp] = (0, import_react15.useState)(null);
+  const [agentRequestLoading, setAgentRequestLoading] = (0, import_react15.useState)(false);
+  const [execution, setExecution] = (0, import_react15.useState)(null);
+  const [agentData, setAgentData] = (0, import_react15.useState)({});
+  const [agentActionResult, setAgentActionResult] = (0, import_react15.useState)(null);
+  const [showStarter, setShowStarter] = (0, import_react15.useState)(true);
+  const [scheduleAnchor, setScheduleAnchor] = (0, import_react15.useState)(null);
+  const [scheduleCron, setScheduleCron] = (0, import_react15.useState)("0 * * * *");
+  const [scheduleSaving, setScheduleSaving] = (0, import_react15.useState)(false);
+  const [scheduleSteps, setScheduleSteps] = (0, import_react15.useState)([
     { id: "name", state: "pending" },
     { id: "workflow", state: "pending" },
     { id: "schedule", state: "pending" }
   ]);
-  const [schedFreq, setSchedFreq] = (0, import_react14.useState)("hours");
-  const [schedInterval, setSchedInterval] = (0, import_react14.useState)(1);
-  const [schedHour, setSchedHour] = (0, import_react14.useState)(9);
-  const [schedMinute, setSchedMinute] = (0, import_react14.useState)(0);
-  const [schedWeekdays, setSchedWeekdays] = (0, import_react14.useState)(() => /* @__PURE__ */ new Set([1]));
-  const [schedDayOfMonth, setSchedDayOfMonth] = (0, import_react14.useState)(1);
-  const [schedAdvancedOpen, setSchedAdvancedOpen] = (0, import_react14.useState)(false);
-  const cronManualOverrideRef = (0, import_react14.useRef)(false);
-  const [openIndexes, setOpenIndexes] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
-  const [highlightedIndex, setHighlightedIndex] = (0, import_react14.useState)(null);
-  const [questionAnswers, setQuestionAnswers] = (0, import_react14.useState)({});
-  const [simpleSubmitAttempted, setSimpleSubmitAttempted] = (0, import_react14.useState)(false);
-  const [continuationText, setContinuationText] = (0, import_react14.useState)("");
-  const [error, setError] = (0, import_react14.useState)(null);
+  const [schedFreq, setSchedFreq] = (0, import_react15.useState)("hours");
+  const [schedInterval, setSchedInterval] = (0, import_react15.useState)(1);
+  const [schedHour, setSchedHour] = (0, import_react15.useState)(9);
+  const [schedMinute, setSchedMinute] = (0, import_react15.useState)(0);
+  const [schedWeekdays, setSchedWeekdays] = (0, import_react15.useState)(() => /* @__PURE__ */ new Set([1]));
+  const [schedDayOfMonth, setSchedDayOfMonth] = (0, import_react15.useState)(1);
+  const [schedAdvancedOpen, setSchedAdvancedOpen] = (0, import_react15.useState)(false);
+  const cronManualOverrideRef = (0, import_react15.useRef)(false);
+  const [openIndexes, setOpenIndexes] = (0, import_react15.useState)(/* @__PURE__ */ new Set());
+  const [highlightedIndex, setHighlightedIndex] = (0, import_react15.useState)(null);
+  const [questionAnswers, setQuestionAnswers] = (0, import_react15.useState)({});
+  const [simpleSubmitAttempted, setSimpleSubmitAttempted] = (0, import_react15.useState)(false);
+  const [continuationText, setContinuationText] = (0, import_react15.useState)("");
+  const [error, setError] = (0, import_react15.useState)(null);
   const [searchParams, setSearchParams] = (0, import_react_router_dom2.useSearchParams)();
   const initialViewParam = searchParams.get("agentView");
-  const [viewMode, setViewMode] = (0, import_react14.useState)(
+  const [viewMode, setViewMode] = (0, import_react15.useState)(
     initialViewParam === "detailed" ? "detailed" : "simple"
   );
-  const [attachedImages, setAttachedImages] = (0, import_react14.useState)([]);
-  const [nowTick, setNowTick] = (0, import_react14.useState)(() => Math.floor(Date.now() / 1e3));
-  const [localRunStart, setLocalRunStart] = (0, import_react14.useState)(null);
-  const inputRef = (0, import_react14.useRef)(null);
-  const fileInputRef = (0, import_react14.useRef)(null);
-  const activeExecutionIdRef = (0, import_react14.useRef)(null);
-  const runAbortRef = (0, import_react14.useRef)(null);
-  const runGenerationRef = (0, import_react14.useRef)(0);
-  const userPickedStartRef = (0, import_react14.useRef)(false);
-  const stateRef = (0, import_react14.useRef)({
+  const [attachedImages, setAttachedImages] = (0, import_react15.useState)([]);
+  const [nowTick, setNowTick] = (0, import_react15.useState)(() => Math.floor(Date.now() / 1e3));
+  const [localRunStart, setLocalRunStart] = (0, import_react15.useState)(null);
+  const inputRef = (0, import_react15.useRef)(null);
+  const fileInputRef = (0, import_react15.useRef)(null);
+  const activeExecutionIdRef = (0, import_react15.useRef)(null);
+  const runAbortRef = (0, import_react15.useRef)(null);
+  const runGenerationRef = (0, import_react15.useRef)(0);
+  const userPickedStartRef = (0, import_react15.useRef)(false);
+  const stateRef = (0, import_react15.useRef)({
     execution: null,
     agentData: {},
     agentActionResult: null,
@@ -8914,14 +9186,14 @@ var AgentUI = ({
   stateRef.current.continuationText = continuationText;
   stateRef.current.localRunStart = localRunStart;
   stateRef.current.showStarter = showStarter;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (execution?.execution_id || agentRequestLoading) {
       setLocalRunStart((prev) => prev ?? Math.floor(Date.now() / 1e3));
     } else {
       setLocalRunStart(null);
     }
   }, [execution?.execution_id, agentRequestLoading]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const status = (execution?.status || agentData?.status || "").toUpperCase();
     const TERMINAL = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
     if (TERMINAL.includes(status)) return;
@@ -8953,7 +9225,7 @@ var AgentUI = ({
       setError(null);
     }
   };
-  const appsById = (0, import_react14.useMemo)(() => {
+  const appsById = (0, import_react15.useMemo)(() => {
     const m = {};
     const add = (a) => {
       if (!a?.name) return;
@@ -8971,13 +9243,13 @@ var AgentUI = ({
     }
     return m;
   }, [chosenApps, executionApps, resolvedToolApps]);
-  const isAppAuthenticated = (0, import_react14.useCallback)((appName) => {
+  const isAppAuthenticated = (0, import_react15.useCallback)((appName) => {
     if (!appName) return false;
     const norm4 = (s) => s.toLowerCase().replace(/[\s-]+/g, "_");
     const target = norm4(appName);
     return availableApps.some((a) => norm4(a.name || "") === target);
   }, [availableApps]);
-  const pendingAuthApps = (0, import_react14.useMemo)(() => {
+  const pendingAuthApps = (0, import_react15.useMemo)(() => {
     const decisions = agentData?.decisions || [];
     const seen = /* @__PURE__ */ new Set();
     const out = [];
@@ -8994,10 +9266,10 @@ var AgentUI = ({
     }
     return out;
   }, [agentData, appsById, isAppAuthenticated]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (apps) setChosenApps(apps);
   }, [apps]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const decisions = agentData?.decisions || [];
     if (!Array.isArray(decisions) || decisions.length === 0) return;
     const norm4 = (s) => s.toLowerCase().replace(/[\s-]+/g, "_");
@@ -9045,7 +9317,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [JSON.stringify(agentData?.decisions?.map((d) => [d?.details?.tool || d?.tool, extractAuthRequest(d)?.appName]) || []), appsById]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const missing = chosenApps.filter((a) => !a.icon && a.name);
     if (missing.length === 0) return;
     let cancelled = false;
@@ -9103,7 +9375,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [chosenApps, availableApps, resolveUrl2, resolveHeaders2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!autoLoadApps) return;
     if (apps || defaultApps) return;
     if (!hasApiKey) return;
@@ -9142,7 +9414,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [autoLoadApps, apps, defaultApps, hasApiKey, resolveUrl2, resolveHeaders2]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const raw = agentData?.allowed_actions;
     if (!Array.isArray(raw) || raw.length === 0) {
       setExecutionApps([]);
@@ -9251,7 +9523,7 @@ var AgentUI = ({
       cancelled = true;
     };
   }, [JSON.stringify(agentData?.allowed_actions || []), availableApps]);
-  const getExecution = (0, import_react14.useCallback)(async (executionId2, authorization2) => {
+  const getExecution = (0, import_react15.useCallback)(async (executionId2, authorization2) => {
     if (!executionId2 || !authorization2) return;
     try {
       const resp = await fetch(resolveUrl2("/api/v1/streams/results"), {
@@ -9286,7 +9558,7 @@ var AgentUI = ({
       setError(err instanceof Error ? err.message : "Network error.");
     }
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     let eid = null;
     let auth = null;
     if (executionId && authorization) {
@@ -9304,7 +9576,7 @@ var AgentUI = ({
       getExecution(eid, auth);
     }
   }, [readUrlParams, executionId, authorization, getExecution]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!initialExecution || !initialExecution.execution_id) return;
     if (!userPickedStartRef.current) setShowStarter(false);
     activeExecutionIdRef.current = initialExecution.execution_id;
@@ -9337,7 +9609,7 @@ var AgentUI = ({
       getExecution(initialExecution.execution_id, initialExecution.authorization);
     }
   }, [initialExecution?.execution_id]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (!execution?.execution_id || !execution?.authorization) return;
     const status = (execution.status || "").toUpperCase();
     const TERMINAL = ["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"];
@@ -9347,7 +9619,7 @@ var AgentUI = ({
     }, 3e3);
     return () => clearInterval(id);
   }, [execution?.execution_id, execution?.authorization, execution?.status, getExecution]);
-  const submitInput = (0, import_react14.useCallback)(async (text) => {
+  const submitInput = (0, import_react15.useCallback)(async (text) => {
     if (!text.trim()) return;
     setError(null);
     setAgentRequestLoading(true);
@@ -9483,14 +9755,14 @@ var AgentUI = ({
       onRun?.({ input: text, success: true, executionId: eid });
     }
   }, [chosenApps, getExecution, onRun, attachedImages, readUrlParams, viewMode]);
-  const autoSubmittedRef = (0, import_react14.useRef)(false);
-  (0, import_react14.useEffect)(() => {
+  const autoSubmittedRef = (0, import_react15.useRef)(false);
+  (0, import_react15.useEffect)(() => {
     if (autoSubmit && defaultInput && !autoSubmittedRef.current && !executionId) {
       autoSubmittedRef.current = true;
       submitInput(defaultInput);
     }
   }, [autoSubmit, defaultInput, executionId, submitInput]);
-  const submitQuestions = (0, import_react14.useCallback)(async (decisionId, answers, isContinuation) => {
+  const submitQuestions = (0, import_react15.useCallback)(async (decisionId, answers, isContinuation) => {
     if (!execution?.execution_id || !execution?.authorization) return;
     let newArgument = {};
     if (isContinuation) {
@@ -9537,7 +9809,7 @@ var AgentUI = ({
       setAgentRequestLoading(false);
     }
   }, [execution, getExecution]);
-  const rerunAgent = (0, import_react14.useCallback)(() => {
+  const rerunAgent = (0, import_react15.useCallback)(() => {
     const input = agentData?.original_input || actionInput || (() => {
       const msgs = agentData?.input?.messages || [];
       const m = msgs.find((m2) => m2?.role === "user" && !String(m2?.role).includes("USER CONTEXT"));
@@ -9562,7 +9834,7 @@ var AgentUI = ({
       return next;
     }, { replace: true });
   }, [agentData, actionInput, executionApps, setSearchParams, disableStartTab, submitInput]);
-  const abortAgent = (0, import_react14.useCallback)(async () => {
+  const abortAgent = (0, import_react15.useCallback)(async () => {
     const execId = execution?.execution_id;
     const auth = execution?.authorization;
     const wfId = execution?.workflow?.id;
@@ -9615,7 +9887,7 @@ var AgentUI = ({
       toast({ title: "Network error", description: String(err), variant: "destructive" });
     }
   }, [execution, resolveUrl2, resolveHeaders2, getExecution, setSearchParams]);
-  const getFormUrl = (0, import_react14.useCallback)((decisionId) => {
+  const getFormUrl = (0, import_react15.useCallback)((decisionId) => {
     const wfId = execution?.workflow?.id;
     const auth = execution?.authorization;
     const execId = execution?.execution_id;
@@ -9631,7 +9903,7 @@ var AgentUI = ({
     });
     return `/forms/${wfId}?${params.toString()}`;
   }, [execution, agentActionResult, apiBaseUrl]);
-  const rerunDecision = (0, import_react14.useCallback)(async (decision) => {
+  const rerunDecision = (0, import_react15.useCallback)(async (decision) => {
     if (!execution?.execution_id) {
       toast({ title: "No execution loaded", description: "Cannot rerun this decision.", variant: "destructive" });
       return;
@@ -9670,7 +9942,7 @@ var AgentUI = ({
       setAgentRequestLoading(false);
     }
   }, [execution, agentActionResult, getExecution]);
-  const { timeline, originalStartTime, totalDuration, finishDecisionId, finishAnswer } = (0, import_react14.useMemo)(() => {
+  const { timeline, originalStartTime, totalDuration, finishDecisionId, finishAnswer } = (0, import_react15.useMemo)(() => {
     const toSec = (t) => {
       const n = Number(t) || 0;
       return n > 1e12 ? n / 1e3 : n;
@@ -9792,7 +10064,7 @@ var AgentUI = ({
     else next.add(i);
     return next;
   });
-  const handlePrimarySubmit = (0, import_react14.useCallback)(() => {
+  const handlePrimarySubmit = (0, import_react15.useCallback)(() => {
     if (submitOverride) {
       submitOverride({ input: actionInput, apps: chosenApps });
     } else {
@@ -9808,7 +10080,7 @@ var AgentUI = ({
   const activeTab = showStarter ? "start" : viewMode;
   const hasExecution = !!execution?.execution_id;
   const showRunSwitcher = hasExecution || agentRequestLoading;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     onViewChange?.(activeTab);
   }, [activeTab, onViewChange]);
   const goToTab = (t) => {
@@ -9842,7 +10114,7 @@ var AgentUI = ({
       }, { replace: true });
     }
   };
-  const { scheduleDisabledReasons } = (0, import_react14.useMemo)(() => {
+  const { scheduleDisabledReasons } = (0, import_react15.useMemo)(() => {
     const decisions = agentData?.decisions || [];
     const runStatus = String(execution?.status || agentData?.status || "").toUpperCase();
     const isNotFinished = runStatus !== "" && !["FINISHED", "FAILURE", "ABORTED", "CANCELLED", "CANCELED"].includes(runStatus);
@@ -9912,16 +10184,16 @@ var AgentUI = ({
     }
     return { scheduleDisabledReasons: reasons };
   }, [agentData, execution?.status, showStarter]);
-  const scheduleHint = (0, import_react14.useMemo)(() => parseScheduleHint(actionInput), [actionInput]);
-  const lastAppliedHintRef = (0, import_react14.useRef)(null);
-  (0, import_react14.useEffect)(() => {
+  const scheduleHint = (0, import_react15.useMemo)(() => parseScheduleHint(actionInput), [actionInput]);
+  const lastAppliedHintRef = (0, import_react15.useRef)(null);
+  (0, import_react15.useEffect)(() => {
     if (!scheduleHint) return;
     if (scheduleAnchor) return;
     if (lastAppliedHintRef.current === scheduleHint.cron) return;
     setScheduleCron(scheduleHint.cron);
     lastAppliedHintRef.current = scheduleHint.cron;
   }, [scheduleHint, scheduleAnchor]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (cronManualOverrideRef.current) return;
     const m = Math.max(0, Math.min(59, schedMinute));
     const h = Math.max(0, Math.min(23, schedHour));
@@ -9957,7 +10229,7 @@ var AgentUI = ({
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Box, { component: "span", children: r })
     ] }, i)) })
   ] }) : scheduleDisabledReasons.length === 1 ? `Cannot schedule: ${scheduleDisabledReasons[0]}` : "";
-  const tabBarRef = (0, import_react14.useRef)(null);
+  const tabBarRef = (0, import_react15.useRef)(null);
   const tabBar = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_material16.Box,
     {
@@ -10664,15 +10936,25 @@ var AgentUI = ({
                     bgcolor: "hsl(var(--card))",
                     maxWidth: "100%"
                   }, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Tooltip, { title: "Configure the local LLM used for this agent", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                    !hideChooseLLM && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_material16.Tooltip, { title: "Configure the local LLM used for this agent", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                       import_material16.Box,
                       {
                         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.'
                             );
                           }
                         },
@@ -11403,7 +11685,7 @@ var AgentUI = ({
 var AgentUI_default = AgentUI;
 
 // AgentRunDrawer.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_material17 = require("@mui/material");
 var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
@@ -11425,14 +11707,23 @@ var AgentRunDrawer = ({
   paperSx,
   headerSx,
   tabsSx,
-  bodySx
+  bodySx,
+  globalUrl
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react15.useState)(initialTab);
-  const prevOpenRef = (0, import_react15.useRef)(open);
-  (0, import_react15.useEffect)(() => {
+  useSyncHostBaseUrl(globalUrl);
+  const [activeTab, setActiveTab] = (0, import_react16.useState)(initialTab);
+  const prevOpenRef = (0, import_react16.useRef)(open);
+  (0, import_react16.useEffect)(() => {
     if (open && !prevOpenRef.current) setActiveTab(initialTab);
     prevOpenRef.current = open;
   }, [open, initialTab]);
+  (0, import_react16.useEffect)(() => {
+    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;
@@ -11572,6 +11863,7 @@ var AgentRunDrawer = ({
               hideHeroIcon: true,
               title: "",
               subtitle: null,
+              apiBaseUrl: globalUrl,
               ...agentUIProps
             }
           ) }),
@@ -11585,7 +11877,7 @@ var AgentRunDrawer = ({
 var AgentRunDrawer_default = AgentRunDrawer;
 
 // AgentActivityList.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_material18 = require("@mui/material");
 var import_lucide_react13 = require("lucide-react");
 
@@ -12006,21 +12298,21 @@ var AgentActivityList = ({
   toolbarSx,
   rowSx
 }) => {
-  const [runs, setRuns] = (0, import_react16.useState)([]);
-  const [cursor, setCursor] = (0, import_react16.useState)("");
-  const [hasMore, setHasMore] = (0, import_react16.useState)(false);
-  const [isLoading, setIsLoading] = (0, import_react16.useState)(false);
-  const [error, setError] = (0, import_react16.useState)(null);
-  const [statusFilter, setStatusFilter] = (0, import_react16.useState)("");
-  const [searchQuery, setSearchQuery] = (0, import_react16.useState)("");
-  const [debouncedQuery, setDebouncedQuery] = (0, import_react16.useState)("");
-  const [agentWorkflows, setAgentWorkflows] = (0, import_react16.useState)([]);
-  const [workflowFilter, setWorkflowFilter] = (0, import_react16.useState)("");
-  const [stopOpen, setStopOpen] = (0, import_react16.useState)(false);
-  const [stopLoading, setStopLoading] = (0, import_react16.useState)(false);
-  const debounceRef = (0, import_react16.useRef)();
+  const [runs, setRuns] = (0, import_react17.useState)([]);
+  const [cursor, setCursor] = (0, import_react17.useState)("");
+  const [hasMore, setHasMore] = (0, import_react17.useState)(false);
+  const [isLoading, setIsLoading] = (0, import_react17.useState)(false);
+  const [error, setError] = (0, import_react17.useState)(null);
+  const [statusFilter, setStatusFilter] = (0, import_react17.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react17.useState)("");
+  const [debouncedQuery, setDebouncedQuery] = (0, import_react17.useState)("");
+  const [agentWorkflows, setAgentWorkflows] = (0, import_react17.useState)([]);
+  const [workflowFilter, setWorkflowFilter] = (0, import_react17.useState)("");
+  const [stopOpen, setStopOpen] = (0, import_react17.useState)(false);
+  const [stopLoading, setStopLoading] = (0, import_react17.useState)(false);
+  const debounceRef = (0, import_react17.useRef)();
   const selectedAgentWorkflow = agentWorkflows.find((w) => w.id === workflowFilter) || null;
-  const openEditPrompt = (0, import_react16.useCallback)(async () => {
+  const openEditPrompt = (0, import_react17.useCallback)(async () => {
     if (!workflowFilter) return;
     try {
       const { prompt, apps } = await getAgentScheduleConfig(workflowFilter, { apiKey, apiBaseUrl, orgId });
@@ -12034,7 +12326,7 @@ var AgentActivityList = ({
       setError(e instanceof Error ? e.message : "Failed to load workflow");
     }
   }, [workflowFilter, selectedAgentWorkflow, apiKey, apiBaseUrl, orgId, onEditWorkflow]);
-  const confirmStop = (0, import_react16.useCallback)(async () => {
+  const confirmStop = (0, import_react17.useCallback)(async () => {
     if (!workflowFilter) return;
     setStopLoading(true);
     try {
@@ -12049,15 +12341,15 @@ var AgentActivityList = ({
       setStopLoading(false);
     }
   }, [workflowFilter, apiKey, apiBaseUrl, orgId]);
-  const updateSearchQuery = (0, import_react16.useCallback)((q) => {
+  const updateSearchQuery = (0, import_react17.useCallback)((q) => {
     setSearchQuery(q);
     if (debounceRef.current) clearTimeout(debounceRef.current);
     debounceRef.current = setTimeout(() => setDebouncedQuery(q), 350);
   }, []);
-  (0, import_react16.useEffect)(() => () => {
+  (0, import_react17.useEffect)(() => () => {
     if (debounceRef.current) clearTimeout(debounceRef.current);
   }, []);
-  const fetchRuns = (0, import_react16.useCallback)(
+  const fetchRuns = (0, import_react17.useCallback)(
     async (append = false, cursorParam = "") => {
       setIsLoading(true);
       setError(null);
@@ -12086,10 +12378,10 @@ var AgentActivityList = ({
     },
     [statusFilter, limit, apiKey, apiBaseUrl, orgId, workflowFilter]
   );
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     fetchRuns(false, "");
   }, [statusFilter, apiKey, apiBaseUrl, orgId, workflowFilter]);
-  (0, import_react16.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     let cancelled = false;
     listAgentScheduleWorkflows({ apiKey, apiBaseUrl, orgId }).then((items) => {
       if (!cancelled) setAgentWorkflows(items);
@@ -12099,7 +12391,7 @@ var AgentActivityList = ({
       cancelled = true;
     };
   }, [apiKey, apiBaseUrl, orgId]);
-  const loadMore = (0, import_react16.useCallback)(() => {
+  const loadMore = (0, import_react17.useCallback)(() => {
     if (cursor && !isLoading) fetchRuns(true, cursor);
   }, [cursor, isLoading, fetchRuns]);
   const filteredRuns = debouncedQuery ? runs.filter((r) => {
@@ -12533,19 +12825,20 @@ var AgentExecutionDrawer = ({
 var AgentExecutionDrawer_default = AgentExecutionDrawer;
 
 // AgentsView.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_material20 = require("@mui/material");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
-  const [selectedRun, setSelectedRun] = (0, import_react17.useState)(null);
-  const [agentView, setAgentView] = (0, import_react17.useState)("start");
-  const [prefill, setPrefill] = (0, import_react17.useState)({
+var AgentsView = ({ onSchedule, maxWidth = 820, onChooseLLM, hideChooseLLM, globalUrl, isLoaded, isLoggedIn, userdata, serverside }) => {
+  useSyncHostBaseUrl(globalUrl);
+  const [selectedRun, setSelectedRun] = (0, import_react18.useState)(null);
+  const [agentView, setAgentView] = (0, import_react18.useState)("start");
+  const [prefill, setPrefill] = (0, import_react18.useState)({
     input: "",
     apps: [],
     key: 0
   });
-  const [editing, setEditing] = (0, import_react17.useState)(null);
-  const handleEditWorkflow = (0, import_react17.useCallback)(
+  const [editing, setEditing] = (0, import_react18.useState)(null);
+  const handleEditWorkflow = (0, import_react18.useCallback)(
     ({ workflowId, name, prompt, apps }) => {
       setEditing({ workflowId, name });
       setPrefill((prev) => ({
@@ -12557,7 +12850,7 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
     },
     []
   );
-  const handleSaveEdit = (0, import_react17.useCallback)(
+  const handleSaveEdit = (0, import_react18.useCallback)(
     async ({ input, apps }) => {
       if (!editing) return;
       try {
@@ -12577,8 +12870,8 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
     },
     [editing]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { minHeight: "100vh", width: "100%", px: { xs: 2, md: 4 }, pt: "5vh", pb: 6 }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Stack, { spacing: 6, sx: { maxWidth, mx: "auto" }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Box, { sx: { minHeight: "100%", width: "100%", px: { xs: 2, md: 4 }, pt: { xs: 3, md: "5vh" }, pb: 6, boxSizing: "border-box" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_material20.Stack, { spacing: 6, sx: { maxWidth, mx: "auto", width: "100%" }, children: [
       editing && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
         import_material20.Box,
         {
@@ -12622,8 +12915,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,
@@ -12634,9 +12930,10 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
         },
         prefill.key
       ),
-      agentView === "start" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Box, { sx: { pt: "12vh" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      agentView === "start" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material20.Box, { sx: { pt: { xs: 4, md: "8vh" } }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         AgentActivityList_default,
         {
+          apiBaseUrl: globalUrl,
           onRunClick: setSelectedRun,
           onEditWorkflow: handleEditWorkflow
         }
@@ -12648,6 +12945,7 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
         open: selectedRun !== null,
         onClose: () => setSelectedRun(null),
         run: selectedRun,
+        apiBaseUrl: globalUrl,
         onSchedule
       }
     )
@@ -12656,14 +12954,14 @@ var AgentsView = ({ onSchedule, maxWidth = 820 }) => {
 var AgentsView_default = AgentsView;
 
 // useAppLookup.ts
-var import_react18 = require("react");
+var import_react19 = require("react");
 init_api();
 init_appsCache();
 var norm3 = (s) => s.toLowerCase().replace(/[\s_\-]+/g, "_");
 function useAppLookup(appName) {
-  const [loading, setLoading] = (0, import_react18.useState)(false);
-  const [info, setInfo] = (0, import_react18.useState)(null);
-  const [algoliaId, setAlgoliaId] = (0, import_react18.useState)(null);
+  const [loading, setLoading] = (0, import_react19.useState)(false);
+  const [info, setInfo] = (0, import_react19.useState)(null);
+  const [algoliaId, setAlgoliaId] = (0, import_react19.useState)(null);
   const {
     authStates,
     authenticatedApps,
@@ -12672,7 +12970,7 @@ function useAppLookup(appName) {
     handleSaveAuth,
     refreshAuth
   } = useAppAuth();
-  (0, import_react18.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (!appName) {
       setInfo(null);
       setAlgoliaId(null);
@@ -12751,13 +13049,13 @@ function useAppLookup(appName) {
       setLoading(false);
     })();
   }, [appName]);
-  const matchingEntries = (0, import_react18.useMemo)(() => {
+  const matchingEntries = (0, import_react19.useMemo)(() => {
     if (!appName) return [];
     return authenticatedApps.filter(
       (auth) => auth.app?.name && norm3(auth.app.name) === norm3(appName)
     );
   }, [appName, authenticatedApps]);
-  const image = (0, import_react18.useMemo)(() => {
+  const image = (0, import_react19.useMemo)(() => {
     if (info?.image) return info.image;
     for (const entry of matchingEntries) {
       const img = entry.app?.large_image || entry.large_image;
@@ -12765,7 +13063,7 @@ function useAppLookup(appName) {
     }
     return "";
   }, [info, matchingEntries]);
-  const algoliaApp = (0, import_react18.useMemo)(() => {
+  const algoliaApp = (0, import_react19.useMemo)(() => {
     if (!appName) return null;
     return {
       objectID: algoliaId || appName,
@@ -12798,6 +13096,7 @@ function useAppLookup(appName) {
 
 // index.ts
 init_api();
+init_fetchBreaker();
 init_appsCache();
 
 // UsageBar.tsx
@@ -12879,6 +13178,44 @@ var UsageBar = ({
     ) })
   ] }) });
 };
+
+// index.ts
+var withMcpTheme = (Inner, displayName) => {
+  const Wrapped = ({ colorMode, ...rest }) => import_react20.default.createElement(
+    ShuffleMcpThemeProvider,
+    { mode: colorMode },
+    import_react20.default.createElement(Inner, { ...rest })
+  );
+  Wrapped.displayName = `ShuffleMCPs(${displayName})`;
+  return Wrapped;
+};
+var withMcpThemeRef = (Inner, displayName) => {
+  const Wrapped = import_react20.default.forwardRef(
+    ({ colorMode, ...rest }, ref) => import_react20.default.createElement(
+      ShuffleMcpThemeProvider,
+      { mode: colorMode },
+      import_react20.default.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");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   API_CONFIG,
@@ -12929,8 +13266,10 @@ var UsageBar = ({
   getDatastoreItem,
   getDatastoreItemPublic,
   getFailureInfo,
+  getHostBaseUrl,
   getIngestionCategory,
   hasOutputWarning,
+  installFetchBreaker,
   invalidateAppsCache,
   invalidateResolvedApps,
   isCloud,
@@ -12944,12 +13283,16 @@ var UsageBar = ({
   normalizeAppName,
   parseRunResult,
   refreshAllIntegrationStatus,
+  registerProtectedOrigin,
+  resetRegionUrl,
   resolveApp,
   resolveApps,
   searchAgentActivity,
   seedResolvedApp,
   setDatastoreItem,
   setDatastoreItems,
+  setHostBaseUrl,
+  setRegionUrl,
   setRuntimeOrgId,
   setToastImpl,
   shuffleFetch,
@@ -12957,5 +13300,6 @@ var UsageBar = ({
   useAppAuth,
   useAppDetail,
   useAppDetailOptional,
-  useAppLookup
+  useAppLookup,
+  useSyncHostBaseUrl
 });