@shuffleio/shuffle-mcps 0.0.58 → 0.0.60

package/dist/{shuffle-mcp-SHQXQS3F.css → shuffle-mcp-E56K3LGU.css}

@@ -91,7 +91,11 @@ body:not(.dark) .shuffle-mcp-scope:not(.dark),
   --infra-email: 215 90% 45%;
 }
 
-.MuiTooltip-popper .MuiTooltip-tooltip {
+/* Scoped to Shuffle-MCPs' own tooltips only. The provider stamps
+ * `shuffle-mcp-scope` on the portaled `.MuiTooltip-tooltip`, so this styles
+ * our tooltips without leaking into host apps whose tooltips carry no scope
+ * class. */
+.MuiTooltip-tooltip.shuffle-mcp-scope {
   background-color: hsl(var(--popover)) !important;
   color: hsl(var(--popover-foreground)) !important;
   border: 1px solid hsl(var(--border)) !important;
@@ -99,11 +103,11 @@ body:not(.dark) .shuffle-mcp-scope:not(.dark),
   border-radius: 8px !important;
 }
 
-.MuiTooltip-popper .MuiTooltip-arrow {
+.MuiTooltip-tooltip.shuffle-mcp-scope .MuiTooltip-arrow {
   color: hsl(var(--popover)) !important;
 }
 
-.MuiTooltip-popper .MuiTooltip-arrow::before {
+.MuiTooltip-tooltip.shuffle-mcp-scope .MuiTooltip-arrow::before {
   border: 1px solid hsl(var(--border)) !important;
   box-sizing: border-box;
 }
@@ -141,40 +145,40 @@ body:not(.dark) .shuffle-mcp-scope:not(.dark),
   --singul-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   --singul-input-padding: 12px 16px;
   --singul-input-padding-right: 48px;
-  --singul-input-border: 1px solid rgba(255, 255, 255, 0.08);
+  --singul-input-border: 1px solid hsl(var(--border));
   --singul-input-border-radius: 10px;
-  --singul-input-bg: #14161b;
-  --singul-input-color: #f3f4f6;
+  --singul-input-bg: hsl(var(--input));
+  --singul-input-color: hsl(var(--foreground));
   --singul-input-font-size: 14px;
   --singul-input-line-height: 1.5;
   --singul-input-shadow: 0 1px 0 rgba(255, 255, 255, 0.02) inset;
   --singul-input-focus-border: rgba(255, 102, 0, 0.55);
   --singul-input-focus-shadow: 0 0 0 3px rgba(255, 102, 0, 0.15);
-  --singul-placeholder-color: #6b7280;
-  --singul-icon-color: #9ca3af;
-  --singul-spinner-border: 2px solid rgba(255, 255, 255, 0.08);
+  --singul-placeholder-color: hsl(var(--muted-foreground));
+  --singul-icon-color: hsl(var(--muted-foreground));
+  --singul-spinner-border: 2px solid hsl(var(--border));
   --singul-spinner-border-top: 2px solid #FF6600;
-  --singul-dropdown-bg: #14161b;
-  --singul-dropdown-border: 1px solid rgba(255, 255, 255, 0.08);
+  --singul-dropdown-bg: hsl(var(--card));
+  --singul-dropdown-border: 1px solid hsl(var(--border));
   --singul-dropdown-border-radius: 10px;
   --singul-dropdown-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.6);
   --singul-dropdown-max-height: 400px;
   --singul-item-padding: 12px 16px;
-  --singul-item-border: 1px solid rgba(255, 255, 255, 0.06);
-  --singul-item-hover-bg: rgba(255, 255, 255, 0.04);
+  --singul-item-border: 1px solid hsl(var(--border));
+  --singul-item-hover-bg: hsla(var(--primary) / 0.08);
   --singul-item-selected-bg: rgba(255, 102, 0, 0.12);
   --singul-item-selected-border: rgba(255, 102, 0, 0.55);
   --singul-app-icon-size: 40px;
-  --singul-app-icon-border: 1px solid rgba(255, 255, 255, 0.08);
+  --singul-app-icon-border: 1px solid hsl(var(--border));
   --singul-app-icon-border-radius: 8px;
   --singul-app-name-font-weight: 600;
-  --singul-app-name-color: #f3f4f6;
+  --singul-app-name-color: hsl(var(--foreground));
   --singul-app-name-font-size: 14px;
-  --singul-app-description-color: #9ca3af;
+  --singul-app-description-color: hsl(var(--muted-foreground));
   --singul-app-description-font-size: 12px;
-  --singul-app-category-bg: rgba(255, 255, 255, 0.06);
-  --singul-app-category-color: #d1d5db;
-  --singul-empty-state-color: #9ca3af;
+  --singul-app-category-bg: hsl(var(--muted));
+  --singul-app-category-color: hsl(var(--muted-foreground));
+  --singul-empty-state-color: hsl(var(--muted-foreground));
   --singul-empty-state-font-size: 14px;
   --singul-grid-gap: 12px;
   --singul-grid-columns: 3;
@@ -558,7 +562,7 @@ body:not(.dark) .shuffle-mcp-scope:not(.dark),
   flex-shrink: 0;
   width: 18px;
   height: 18px;
-  border: 2px solid rgba(255, 255, 255, 0.2);
+  border: 2px solid hsl(var(--border));
   border-radius: 4px;
   display: flex;
   align-items: center;
@@ -683,6 +687,7 @@ body:not(.dark) .shuffle-mcp-scope:not(.dark),
   border-radius: 4px;
   background: rgba(156, 90, 242, 0.15);
   color: #B584F5;
+  border: 1px solid rgba(156, 90, 242, 0.3);
   font-size: 9px;
   font-weight: 700;
   text-transform: uppercase;
@@ -690,6 +695,13 @@ body:not(.dark) .shuffle-mcp-scope:not(.dark),
   vertical-align: middle;
 }
 
+:root:not(.dark) .singul-private-badge,
+.light .singul-private-badge {
+  background: rgba(124, 58, 237, 0.12);
+  color: #7c3aed;
+  border-color: rgba(124, 58, 237, 0.3);
+}
+
 /* ============================================================
  * Built-in App Auth Drawer (default click behavior)
  * ============================================================ */
@@ -994,3 +1006,85 @@ body:not(.dark) .shuffle-mcp-scope:not(.dark),
   border-color: rgba(239, 68, 68, 0.25);
   color: #fca5a5;
 }
+
+:root:not(.dark) .singul-drawer,
+.light .singul-drawer {
+  background: hsl(var(--card));
+  color: hsl(var(--foreground));
+  border-left: 1px solid hsl(var(--border));
+}
+
+:root:not(.dark) .singul-drawer-header,
+.light .singul-drawer-header {
+  border-bottom: 1px solid hsl(var(--border));
+}
+
+:root:not(.dark) .singul-drawer-title,
+.light .singul-drawer-title,
+:root:not(.dark) .singul-drawer-section-title,
+.light .singul-drawer-section-title,
+:root:not(.dark) .singul-drawer-auth-label,
+.light .singul-drawer-auth-label {
+  color: hsl(var(--foreground));
+}
+
+:root:not(.dark) .singul-drawer-subtitle,
+.light .singul-drawer-subtitle,
+:root:not(.dark) .singul-drawer-desc,
+.light .singul-drawer-desc,
+:root:not(.dark) .singul-drawer-count,
+.light .singul-drawer-count,
+:root:not(.dark) .singul-drawer-close,
+.light .singul-drawer-close {
+  color: hsl(var(--muted-foreground));
+}
+
+:root:not(.dark) .singul-drawer-auth-item,
+.light .singul-drawer-auth-item {
+  border-color: hsl(var(--border));
+  background: hsl(var(--muted) / 0.3);
+}
+
+:root:not(.dark) .singul-auth-input,
+.light .singul-auth-input {
+  background: hsl(var(--input));
+  border-color: hsl(var(--border));
+  color: hsl(var(--foreground));
+}
+
+:root:not(.dark) .singul-auth-field-label,
+.light .singul-auth-field-label {
+  color: hsl(var(--foreground));
+}
+
+:root:not(.dark) .singul-auth-tab,
+.light .singul-auth-tab {
+  background: hsl(var(--muted) / 0.4);
+  border-color: hsl(var(--border));
+  color: hsl(var(--foreground));
+}
+
+:root:not(.dark) .singul-auth-tab-active,
+.light .singul-auth-tab-active {
+  background: hsla(var(--primary) / 0.1);
+  border-color: hsl(var(--primary));
+  color: hsl(var(--primary));
+}
+
+:root:not(.dark) .singul-mcp-input-wrap,
+.light .singul-mcp-input-wrap {
+  background: hsl(var(--input));
+  border-color: hsl(var(--border));
+}
+
+:root:not(.dark) .singul-mcp-input,
+.light .singul-mcp-input {
+  color: hsl(var(--foreground));
+}
+
+:root:not(.dark) .singul-mcp-result,
+.light .singul-mcp-result {
+  background: hsl(var(--muted) / 0.3);
+  border-color: hsl(var(--border));
+  color: hsl(var(--foreground));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuffleio/shuffle-mcps",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "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": {