@shuffleio/shuffle-mcps 0.0.24 → 0.0.26

package/dist/{appsCache-CFCVTF7D.mjs → appsCache-VFYHI4NL.mjs}

@@ -2,7 +2,7 @@ import {
   fetchApps,
   fetchAppsViaApiConfig,
   invalidateAppsCache
-} from "./chunk-R3YLER6P.mjs";
+} from "./chunk-R5NT3IQ7.mjs";
 export {
   fetchApps,
   fetchAppsViaApiConfig,

package/dist/{chunk-R3YLER6P.mjs → chunk-R5NT3IQ7.mjs}

@@ -187,6 +187,7 @@ var resetRegionUrl = () => {
   }
   _regionUrl = null;
 };
+var SHUFFLE_HOST_BASE_URL_EVENT = "shuffle:set-host-base-url";
 var setHostBaseUrl = (url) => {
   const next = url ? url.replace(/\/+$/, "") : null;
   if (next === _hostBaseUrl) return;
@@ -197,7 +198,22 @@ var setHostBaseUrl = (url) => {
     } catch {
     }
   }
+  if (typeof window !== "undefined") {
+    try {
+      window.dispatchEvent(new CustomEvent(SHUFFLE_HOST_BASE_URL_EVENT, { detail: next }));
+    } catch {
+    }
+  }
 };
+if (typeof window !== "undefined") {
+  try {
+    window.addEventListener(SHUFFLE_HOST_BASE_URL_EVENT, (e) => {
+      const detail = e.detail;
+      setHostBaseUrl(detail ?? null);
+    });
+  } catch {
+  }
+}
 var getHostBaseUrl = () => _hostBaseUrl;
 var getTrackedOrgId = () => _trackedOrgId;
 var API_CONFIG = {

package/dist/index.d.mts

@@ -584,14 +584,6 @@ declare const setRegionUrl: (regionUrl: string | undefined | null, orgId: string
  * Called when org changes. Resets region URL to default until next getinfo.
  */
 declare const resetRegionUrl: () => void;
-/**
- * Host override — call from a top-level component (or `useSyncHostBaseUrl`)
- * with the `globalUrl` injected via `ShuffleHostProps`. When set, this beats
- * region URL and the env-based default for ALL fetches that go through
- * `getApiUrl()` / `API_CONFIG.baseUrl` / `shuffleFetch`.
- *
- * Pass `null` / `undefined` / empty string to clear the override.
- */
 declare const setHostBaseUrl: (url: string | undefined | null) => void;
 /** Get the currently active host override, if any. */
 declare const getHostBaseUrl: () => string | null;

package/dist/index.d.ts

@@ -584,14 +584,6 @@ declare const setRegionUrl: (regionUrl: string | undefined | null, orgId: string
  * Called when org changes. Resets region URL to default until next getinfo.
  */
 declare const resetRegionUrl: () => void;
-/**
- * Host override — call from a top-level component (or `useSyncHostBaseUrl`)
- * with the `globalUrl` injected via `ShuffleHostProps`. When set, this beats
- * region URL and the env-based default for ALL fetches that go through
- * `getApiUrl()` / `API_CONFIG.baseUrl` / `shuffleFetch`.
- *
- * Pass `null` / `undefined` / empty string to clear the override.
- */
 declare const setHostBaseUrl: (url: string | undefined | null) => void;
 /** Get the currently active host override, if any. */
 declare const getHostBaseUrl: () => string | null;

package/dist/index.js

@@ -155,7 +155,7 @@ var init_fetchBreaker = __esm({
 });
 
 // api.ts
-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 DEV_BACKEND, PROD_BACKEND, CLOUD_DOMAINS, getEnvVar, isDevEnvironment, isCloudDomain, isCloud, isOnprem, getDefaultBaseUrl, _regionUrl, _trackedOrgId, _hostBaseUrl, isShufflerSubdomain, setRegionUrl, resetRegionUrl, SHUFFLE_HOST_BASE_URL_EVENT, setHostBaseUrl, getHostBaseUrl, getTrackedOrgId, API_CONFIG, getApiUrl, shuffleFetch, getAuthHeader;
 var init_api = __esm({
   "api.ts"() {
     init_fetchBreaker();
@@ -227,6 +227,7 @@ var init_api = __esm({
       }
       _regionUrl = null;
     };
+    SHUFFLE_HOST_BASE_URL_EVENT = "shuffle:set-host-base-url";
     setHostBaseUrl = (url) => {
       const next = url ? url.replace(/\/+$/, "") : null;
       if (next === _hostBaseUrl) return;
@@ -237,7 +238,22 @@ var init_api = __esm({
         } catch {
         }
       }
+      if (typeof window !== "undefined") {
+        try {
+          window.dispatchEvent(new CustomEvent(SHUFFLE_HOST_BASE_URL_EVENT, { detail: next }));
+        } catch {
+        }
+      }
     };
+    if (typeof window !== "undefined") {
+      try {
+        window.addEventListener(SHUFFLE_HOST_BASE_URL_EVENT, (e) => {
+          const detail = e.detail;
+          setHostBaseUrl(detail ?? null);
+        });
+      } catch {
+      }
+    }
     getHostBaseUrl = () => _hostBaseUrl;
     getTrackedOrgId = () => _trackedOrgId;
     API_CONFIG = {
@@ -450,12 +466,13 @@ __export(index_exports, {
   useSyncHostBaseUrl: () => useSyncHostBaseUrl
 });
 module.exports = __toCommonJS(index_exports);
-var import_shuffle_mcp2 = require("./shuffle-mcp-ER33P3W2.css");
+var import_shuffle_mcp3 = require("./shuffle-mcp-ER33P3W2.css");
 var import_react22 = __toESM(require("react"));
 
 // ShuffleMcpThemeProvider.tsx
 var import_react = __toESM(require("react"));
 var import_material = require("@mui/material");
+var import_shuffle_mcp = require("./shuffle-mcp-ER33P3W2.css");
 var import_jsx_runtime = require("react/jsx-runtime");
 var readHtmlDarkClass = () => {
   if (typeof document === "undefined") return false;
@@ -6095,7 +6112,7 @@ function AppDetailDrawer({
 }
 
 // views/ShuffleMCP.tsx
-var import_shuffle_mcp = require("./shuffle-mcp-ER33P3W2.css");
+var import_shuffle_mcp2 = require("./shuffle-mcp-ER33P3W2.css");
 init_appsCache();
 
 // components/SegmentedControl.tsx
@@ -6950,6 +6967,17 @@ function AppSearchDrawer({
   const [detailAppName, setDetailAppName] = (0, import_react13.useState)(null);
   const [detailAppId, setDetailAppId] = (0, import_react13.useState)(null);
   const [highlightActive, setHighlightActive] = (0, import_react13.useState)(false);
+  const [bodyReady, setBodyReady] = (0, import_react13.useState)(false);
+  (0, import_react13.useEffect)(() => {
+    if (!open) {
+      setBodyReady(false);
+      return;
+    }
+    const raf = requestAnimationFrame(() => {
+      requestAnimationFrame(() => setBodyReady(true));
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [open]);
   (0, import_react13.useEffect)(() => {
     setHighlightActive(false);
     if (!open || !highlightAppName) return;
@@ -7147,15 +7175,15 @@ function AppSearchDrawer({
                   },
                   "& .singul-results-grid": {
                     gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
-                    gridAutoRows: "88px",
+                    gridAutoRows: "78px",
                     gap: "12px"
                   },
                   "& .singul-results-grid .singul-dropdown-item": {
                     minWidth: 0,
-                    minHeight: 88,
-                    maxHeight: 88,
-                    height: 88,
-                    padding: "12px 14px",
+                    minHeight: 78,
+                    maxHeight: 78,
+                    height: 78,
+                    padding: "10px 14px",
                     alignItems: "center",
                     overflow: "hidden"
                   },
@@ -7192,7 +7220,7 @@ function AppSearchDrawer({
                     exit: { opacity: 0, x: -20 },
                     transition: { duration: 0.2 },
                     style: { height: "100%", minHeight: 0 },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    children: bodyReady ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                       ShuffleMCP2,
                       {
                         apiKey: API_CONFIG.apiKey || void 0,
@@ -7243,7 +7271,32 @@ function AppSearchDrawer({
                         })),
                         customStyles: singulStyles
                       }
-                    )
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material11.Box, { sx: { display: "flex", flexDirection: "column", gap: 1.5, height: "100%" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Box, { sx: {
+                        height: 44,
+                        borderRadius: "12px",
+                        border: "1px solid hsl(var(--border))",
+                        backgroundColor: "hsl(var(--background-elevated))"
+                      } }),
+                      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Box, { sx: {
+                        display: "grid",
+                        gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+                        gap: "12px",
+                        mt: 1
+                      }, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material11.Box, { sx: {
+                        height: 78,
+                        borderRadius: "12px",
+                        backgroundColor: "hsl(var(--input))",
+                        border: "1px solid hsl(var(--border))",
+                        opacity: 0.6,
+                        animation: "shufflePulse 1.4s ease-in-out infinite",
+                        animationDelay: `${i * 60}ms`,
+                        "@keyframes shufflePulse": {
+                          "0%, 100%": { opacity: 0.35 },
+                          "50%": { opacity: 0.7 }
+                        }
+                      } }, i)) })
+                    ] })
                   },
                   "search"
                 ) })
@@ -12117,11 +12170,13 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
       cancelled = true;
     };
   }, [orgId]);
-  const appRunLimit = orgData?.app_execution_limit ?? userdata?.app_execution_limit ?? 0;
-  const appRunUsage = (orgData?.app_execution_usage ?? userdata?.app_execution_usage ?? 0) + (orgData?.app_executions_suborgs ?? userdata?.app_executions_suborgs ?? 0);
-  const agentTokens = orgData?.sync_features?.agent_tokens ?? userdata?.sync_features?.agent_tokens;
-  const agentTokenLimit = Number(agentTokens?.limit) || 0;
-  const agentTokenUsage = Number(agentTokens?.usage) || 0;
+  const sync = orgData?.sync_features ?? userdata?.sync_features ?? {};
+  const appExec = sync.app_executions ?? {};
+  const appRunLimit = Number(appExec.limit) || 0;
+  const appRunUsage = Number(appExec.usage) || 0;
+  const agentTokens = sync.agent_tokens ?? {};
+  const agentTokenLimit = Number(agentTokens.limit) || 0;
+  const agentTokenUsage = Number(agentTokens.usage) || 0;
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material18.Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material18.Typography, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: "AI Provider" }),
@@ -12273,7 +12328,6 @@ var AgentRunDrawer = ({
   const effectiveLocalLLMSlot = localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     LocalLLMConfig_default,
     {
-      compact: true,
       globalUrl,
       userdata,
       isLoaded,
@@ -13571,7 +13625,6 @@ var AgentsView = ({
     () => localLLMSlot ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       LocalLLMConfig_default,
       {
-        compact: true,
         globalUrl,
         userdata,
         isLoaded,
@@ -13588,6 +13641,12 @@ var AgentsView = ({
       onChooseLLM();
       return;
     }
+    if (typeof window !== "undefined" && window.__shuffleAgentDrawerMounted > 0) {
+      window.dispatchEvent(
+        new CustomEvent("agent-drawer-open", { detail: { tab: "localLLM" } })
+      );
+      return;
+    }
     setBuiltInDrawer({ open: true, tab: "localLLM" });
   }, [onChooseLLM]);
   const handleEditWorkflow = (0, import_react20.useCallback)(

package/dist/index.mjs

@@ -16,7 +16,7 @@ import {
   setHostBaseUrl,
   setRegionUrl,
   shuffleFetch
-} from "./chunk-R3YLER6P.mjs";
+} from "./chunk-R5NT3IQ7.mjs";
 
 // index.ts
 import "./shuffle-mcp-ER33P3W2.css";
@@ -25,6 +25,7 @@ import React5 from "react";
 // ShuffleMcpThemeProvider.tsx
 import React from "react";
 import { ThemeProvider, createTheme, useTheme as useMuiTheme } from "@mui/material";
+import "./shuffle-mcp-ER33P3W2.css";
 import { jsx, jsxs } from "react/jsx-runtime";
 var readHtmlDarkClass = () => {
   if (typeof document === "undefined") return false;
@@ -777,7 +778,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-CFCVTF7D.mjs");
+    const { fetchAppsViaApiConfig: fetchAppsViaApiConfig2 } = await import("./appsCache-VFYHI4NL.mjs");
     const apps = await fetchAppsViaApiConfig2().catch(() => []);
     if (Array.isArray(apps) && apps.length > 0) {
       const byName = /* @__PURE__ */ new Map();
@@ -6586,6 +6587,17 @@ function AppSearchDrawer({
   const [detailAppName, setDetailAppName] = useState10(null);
   const [detailAppId, setDetailAppId] = useState10(null);
   const [highlightActive, setHighlightActive] = useState10(false);
+  const [bodyReady, setBodyReady] = useState10(false);
+  useEffect9(() => {
+    if (!open) {
+      setBodyReady(false);
+      return;
+    }
+    const raf = requestAnimationFrame(() => {
+      requestAnimationFrame(() => setBodyReady(true));
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [open]);
   useEffect9(() => {
     setHighlightActive(false);
     if (!open || !highlightAppName) return;
@@ -6783,15 +6795,15 @@ function AppSearchDrawer({
                   },
                   "& .singul-results-grid": {
                     gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
-                    gridAutoRows: "88px",
+                    gridAutoRows: "78px",
                     gap: "12px"
                   },
                   "& .singul-results-grid .singul-dropdown-item": {
                     minWidth: 0,
-                    minHeight: 88,
-                    maxHeight: 88,
-                    height: 88,
-                    padding: "12px 14px",
+                    minHeight: 78,
+                    maxHeight: 78,
+                    height: 78,
+                    padding: "10px 14px",
                     alignItems: "center",
                     overflow: "hidden"
                   },
@@ -6828,7 +6840,7 @@ function AppSearchDrawer({
                     exit: { opacity: 0, x: -20 },
                     transition: { duration: 0.2 },
                     style: { height: "100%", minHeight: 0 },
-                    children: /* @__PURE__ */ jsx15(
+                    children: bodyReady ? /* @__PURE__ */ jsx15(
                       ShuffleMCP2,
                       {
                         apiKey: API_CONFIG.apiKey || void 0,
@@ -6879,7 +6891,32 @@ function AppSearchDrawer({
                         })),
                         customStyles: singulStyles
                       }
-                    )
+                    ) : /* @__PURE__ */ jsxs12(Box9, { sx: { display: "flex", flexDirection: "column", gap: 1.5, height: "100%" }, children: [
+                      /* @__PURE__ */ jsx15(Box9, { sx: {
+                        height: 44,
+                        borderRadius: "12px",
+                        border: "1px solid hsl(var(--border))",
+                        backgroundColor: "hsl(var(--background-elevated))"
+                      } }),
+                      /* @__PURE__ */ jsx15(Box9, { sx: {
+                        display: "grid",
+                        gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+                        gap: "12px",
+                        mt: 1
+                      }, children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx15(Box9, { sx: {
+                        height: 78,
+                        borderRadius: "12px",
+                        backgroundColor: "hsl(var(--input))",
+                        border: "1px solid hsl(var(--border))",
+                        opacity: 0.6,
+                        animation: "shufflePulse 1.4s ease-in-out infinite",
+                        animationDelay: `${i * 60}ms`,
+                        "@keyframes shufflePulse": {
+                          "0%, 100%": { opacity: 0.35 },
+                          "50%": { opacity: 0.7 }
+                        }
+                      } }, i)) })
+                    ] })
                   },
                   "search"
                 ) })
@@ -11808,11 +11845,13 @@ var LocalLLMConfig = ({ compact, globalUrl, userdata, isLoaded, isLoggedIn, serv
       cancelled = true;
     };
   }, [orgId]);
-  const appRunLimit = orgData?.app_execution_limit ?? userdata?.app_execution_limit ?? 0;
-  const appRunUsage = (orgData?.app_execution_usage ?? userdata?.app_execution_usage ?? 0) + (orgData?.app_executions_suborgs ?? userdata?.app_executions_suborgs ?? 0);
-  const agentTokens = orgData?.sync_features?.agent_tokens ?? userdata?.sync_features?.agent_tokens;
-  const agentTokenLimit = Number(agentTokens?.limit) || 0;
-  const agentTokenUsage = Number(agentTokens?.usage) || 0;
+  const sync = orgData?.sync_features ?? userdata?.sync_features ?? {};
+  const appExec = sync.app_executions ?? {};
+  const appRunLimit = Number(appExec.limit) || 0;
+  const appRunUsage = Number(appExec.usage) || 0;
+  const agentTokens = sync.agent_tokens ?? {};
+  const agentTokenLimit = Number(agentTokens.limit) || 0;
+  const agentTokenUsage = Number(agentTokens.usage) || 0;
   return /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
     /* @__PURE__ */ jsxs19(Box16, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
       /* @__PURE__ */ jsx22(Typography15, { sx: { fontSize: "0.85rem", fontWeight: 600, color: "hsl(var(--foreground))" }, children: "AI Provider" }),
@@ -11964,7 +12003,6 @@ var AgentRunDrawer = ({
   const effectiveLocalLLMSlot = localLLMSlot ?? /* @__PURE__ */ jsx23(
     LocalLLMConfig_default,
     {
-      compact: true,
       globalUrl,
       userdata,
       isLoaded,
@@ -13291,7 +13329,6 @@ var AgentsView = ({
     () => localLLMSlot ?? /* @__PURE__ */ jsx26(
       LocalLLMConfig_default,
       {
-        compact: true,
         globalUrl,
         userdata,
         isLoaded,
@@ -13308,6 +13345,12 @@ var AgentsView = ({
       onChooseLLM();
       return;
     }
+    if (typeof window !== "undefined" && window.__shuffleAgentDrawerMounted > 0) {
+      window.dispatchEvent(
+        new CustomEvent("agent-drawer-open", { detail: { tab: "localLLM" } })
+      );
+      return;
+    }
     setBuiltInDrawer({ open: true, tab: "localLLM" });
   }, [onChooseLLM]);
   const handleEditWorkflow = useCallback10(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuffleio/shuffle-mcps",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "Turn 3,000+ SaaS tools into MCP servers your agents can use. Headless React component for search, selection, and OAuth handoff.",
   "license": "MIT",
   "repository": {