@shuffleio/shuffle-mcps 0.0.29 → 0.0.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -7072,7 +7072,11 @@ function AppSearchDrawer({
7072
7072
  paper: {
7073
7073
  className: scopeClassName,
7074
7074
  sx: {
7075
- width: { xs: "100%", sm: width },
7075
+ // Strict, environment-independent sizing so the drawer
7076
+ // looks identical on every host (Shuffle Security, /agents,
7077
+ // test page, embedded library, etc.). No breakpoint variance.
7078
+ width: `min(${width}px, 100vw)`,
7079
+ minWidth: `min(${width}px, 100vw)`,
7076
7080
  maxWidth: "100vw",
7077
7081
  height: "100vh",
7078
7082
  display: "flex",
@@ -7182,32 +7186,34 @@ function AppSearchDrawer({
7182
7186
  overflowY: "auto"
7183
7187
  },
7184
7188
  "& .singul-results-grid": {
7185
- gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
7186
- gridAutoRows: "78px",
7187
- gap: "12px"
7189
+ gridTemplateColumns: "repeat(2, minmax(0, 1fr)) !important",
7190
+ gridAutoRows: "78px !important",
7191
+ gap: "12px !important"
7188
7192
  },
7189
7193
  "& .singul-results-grid .singul-dropdown-item": {
7190
7194
  minWidth: 0,
7191
- minHeight: 78,
7192
- maxHeight: 78,
7193
- height: 78,
7194
- padding: "10px 14px",
7195
+ minHeight: "78px !important",
7196
+ maxHeight: "78px !important",
7197
+ height: "78px !important",
7198
+ padding: "10px 14px !important",
7195
7199
  alignItems: "center",
7196
- overflow: "hidden"
7200
+ overflow: "hidden",
7201
+ boxSizing: "border-box"
7197
7202
  },
7198
7203
  "& .singul-results-grid .singul-app-info": {
7199
7204
  alignItems: "center",
7200
- gap: "12px"
7205
+ gap: "12px !important"
7201
7206
  },
7202
7207
  "& .singul-results-grid .singul-app-icon": {
7203
- width: 36,
7204
- height: 36,
7205
- borderRadius: 8,
7206
- padding: 4
7208
+ width: "36px !important",
7209
+ height: "36px !important",
7210
+ minWidth: "36px !important",
7211
+ borderRadius: "8px !important",
7212
+ padding: "4px !important"
7207
7213
  },
7208
7214
  "& .singul-results-grid .singul-app-details": { minWidth: 0 },
7209
7215
  "& .singul-results-grid .singul-app-name": { maxWidth: "100%" },
7210
- "& .singul-results-grid .singul-checkbox": { marginLeft: "auto" },
7216
+ "& .singul-results-grid .singul-checkbox": { marginLeft: "auto", flexShrink: 0 },
7211
7217
  ...highlightActive && highlightAppName ? {
7212
7218
  [`& .singul-dropdown-item[data-app-name="${highlightAppName}"]`]: {
7213
7219
  borderColor: "hsl(var(--primary)) !important",
@@ -14302,12 +14308,6 @@ var AgentsView = ({
14302
14308
  onChooseLLM();
14303
14309
  return;
14304
14310
  }
14305
- if (typeof window !== "undefined" && window.__shuffleAgentDrawerMounted > 0) {
14306
- window.dispatchEvent(
14307
- new CustomEvent("agent-drawer-open", { detail: { tab: "localLLM" } })
14308
- );
14309
- return;
14310
- }
14311
14311
  setBuiltInDrawer({ open: true, tab: "localLLM" });
14312
14312
  }, [onChooseLLM]);
14313
14313
  const handleEditWorkflow = (0, import_react20.useCallback)(
package/dist/index.mjs CHANGED
@@ -6686,7 +6686,11 @@ function AppSearchDrawer({
6686
6686
  paper: {
6687
6687
  className: scopeClassName,
6688
6688
  sx: {
6689
- width: { xs: "100%", sm: width },
6689
+ // Strict, environment-independent sizing so the drawer
6690
+ // looks identical on every host (Shuffle Security, /agents,
6691
+ // test page, embedded library, etc.). No breakpoint variance.
6692
+ width: `min(${width}px, 100vw)`,
6693
+ minWidth: `min(${width}px, 100vw)`,
6690
6694
  maxWidth: "100vw",
6691
6695
  height: "100vh",
6692
6696
  display: "flex",
@@ -6796,32 +6800,34 @@ function AppSearchDrawer({
6796
6800
  overflowY: "auto"
6797
6801
  },
6798
6802
  "& .singul-results-grid": {
6799
- gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
6800
- gridAutoRows: "78px",
6801
- gap: "12px"
6803
+ gridTemplateColumns: "repeat(2, minmax(0, 1fr)) !important",
6804
+ gridAutoRows: "78px !important",
6805
+ gap: "12px !important"
6802
6806
  },
6803
6807
  "& .singul-results-grid .singul-dropdown-item": {
6804
6808
  minWidth: 0,
6805
- minHeight: 78,
6806
- maxHeight: 78,
6807
- height: 78,
6808
- padding: "10px 14px",
6809
+ minHeight: "78px !important",
6810
+ maxHeight: "78px !important",
6811
+ height: "78px !important",
6812
+ padding: "10px 14px !important",
6809
6813
  alignItems: "center",
6810
- overflow: "hidden"
6814
+ overflow: "hidden",
6815
+ boxSizing: "border-box"
6811
6816
  },
6812
6817
  "& .singul-results-grid .singul-app-info": {
6813
6818
  alignItems: "center",
6814
- gap: "12px"
6819
+ gap: "12px !important"
6815
6820
  },
6816
6821
  "& .singul-results-grid .singul-app-icon": {
6817
- width: 36,
6818
- height: 36,
6819
- borderRadius: 8,
6820
- padding: 4
6822
+ width: "36px !important",
6823
+ height: "36px !important",
6824
+ minWidth: "36px !important",
6825
+ borderRadius: "8px !important",
6826
+ padding: "4px !important"
6821
6827
  },
6822
6828
  "& .singul-results-grid .singul-app-details": { minWidth: 0 },
6823
6829
  "& .singul-results-grid .singul-app-name": { maxWidth: "100%" },
6824
- "& .singul-results-grid .singul-checkbox": { marginLeft: "auto" },
6830
+ "& .singul-results-grid .singul-checkbox": { marginLeft: "auto", flexShrink: 0 },
6825
6831
  ...highlightActive && highlightAppName ? {
6826
6832
  [`& .singul-dropdown-item[data-app-name="${highlightAppName}"]`]: {
6827
6833
  borderColor: "hsl(var(--primary)) !important",
@@ -14000,12 +14006,6 @@ var AgentsView = ({
14000
14006
  onChooseLLM();
14001
14007
  return;
14002
14008
  }
14003
- if (typeof window !== "undefined" && window.__shuffleAgentDrawerMounted > 0) {
14004
- window.dispatchEvent(
14005
- new CustomEvent("agent-drawer-open", { detail: { tab: "localLLM" } })
14006
- );
14007
- return;
14008
- }
14009
14009
  setBuiltInDrawer({ open: true, tab: "localLLM" });
14010
14010
  }, [onChooseLLM]);
14011
14011
  const handleEditWorkflow = useCallback10(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuffleio/shuffle-mcps",
3
- "version": "0.0.29",
3
+ "version": "0.0.31",
4
4
  "description": "Turn 3,000+ SaaS tools into MCP servers your agents can use. Headless React component for search, selection, and OAuth handoff.",
5
5
  "license": "MIT",
6
6
  "repository": {