@shuffleio/shuffle-mcps 0.0.33 → 0.0.35

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.
@@ -286,13 +286,21 @@
286
286
  /* Inline Results Container */
287
287
  .singul-results-container {
288
288
  margin-top: 16px;
289
- max-height: calc(100vh - 200px);
289
+ max-height: calc(100vh - 240px);
290
290
  overflow-y: auto;
291
291
  position: relative;
292
- mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);
293
- -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 32px), transparent 100%);
292
+ scroll-behavior: smooth;
293
+ mask-image: linear-gradient(to bottom, black calc(100% - 48px), transparent 100%);
294
+ -webkit-mask-image: linear-gradient(to bottom, black calc(100% - 48px), transparent 100%);
295
+ padding-bottom: 24px;
294
296
  }
295
297
 
298
+ @keyframes singul-skeleton-pulse {
299
+ 0%, 100% { opacity: 0.55; }
300
+ 50% { opacity: 0.25; }
301
+ }
302
+
303
+
296
304
  .singul-results-container.singul-results-grid {
297
305
  display: grid;
298
306
  grid-template-columns: repeat(var(--singul-grid-columns), 1fr);
@@ -327,7 +335,8 @@
327
335
  padding: var(--singul-item-padding);
328
336
  cursor: pointer;
329
337
  border-bottom: var(--singul-item-border);
330
- transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
338
+ transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
339
+ box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
331
340
  overflow: hidden;
332
341
  outline: none;
333
342
  }
@@ -338,6 +347,20 @@
338
347
 
339
348
  .singul-dropdown-item:hover {
340
349
  background-color: var(--singul-item-hover-bg);
350
+ box-shadow: inset 2px 0 0 var(--singul-accent-color);
351
+ }
352
+
353
+ .singul-dropdown-item:active {
354
+ transform: scale(0.995);
355
+ }
356
+
357
+ /* Make it obvious the row is selectable: the checkbox lights up on hover. */
358
+ .singul-dropdown-item:hover .singul-checkbox {
359
+ border-color: var(--singul-accent-color);
360
+ }
361
+
362
+ .singul-dropdown-item:hover .singul-app-icon {
363
+ border-color: var(--singul-accent-color);
341
364
  }
342
365
 
343
366
  .singul-dropdown-item.singul-selected {
@@ -362,7 +385,10 @@
362
385
 
363
386
  .singul-dropdown-grid .singul-dropdown-item:hover,
364
387
  .singul-results-grid .singul-dropdown-item:hover {
365
- border-color: rgba(255, 255, 255, 0.2);
388
+ border-color: var(--singul-accent-color);
389
+ background-color: var(--singul-item-hover-bg);
390
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
391
+ transform: translateY(-1px);
366
392
  }
367
393
 
368
394
  .singul-dropdown-grid .singul-dropdown-item.singul-selected,
@@ -371,6 +397,7 @@
371
397
  background-color: var(--singul-item-selected-bg);
372
398
  }
373
399
 
400
+
374
401
  .singul-app-info {
375
402
  display: flex;
376
403
  align-items: flex-start;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shuffleio/shuffle-mcps",
3
- "version": "0.0.33",
3
+ "version": "0.0.35",
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": {