@mcpc-tech/unplugin-dev-inspector-mcp 0.1.5 → 0.1.7

package/client/dist/inspector.css

@@ -78,14 +78,20 @@
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
     --color-red-500: oklch(63.7% .237 25.331);
     --color-red-600: oklch(57.7% .245 27.325);
+    --color-yellow-50: oklch(98.7% .026 102.212);
+    --color-yellow-100: oklch(97.3% .071 103.193);
+    --color-yellow-200: oklch(94.5% .129 101.54);
+    --color-yellow-400: oklch(85.2% .199 91.936);
     --color-yellow-500: oklch(79.5% .184 86.047);
     --color-yellow-600: oklch(68.1% .162 75.834);
+    --color-yellow-900: oklch(42.1% .095 57.708);
     --color-green-500: oklch(72.3% .219 149.579);
     --color-green-600: oklch(62.7% .194 149.214);
     --color-blue-50: oklch(97% .014 254.604);
     --color-blue-100: oklch(93.2% .032 255.585);
     --color-blue-200: oklch(88.2% .059 254.128);
     --color-blue-300: oklch(80.9% .105 251.813);
+    --color-blue-400: oklch(70.7% .165 254.624);
     --color-blue-500: oklch(62.3% .214 259.815);
     --color-blue-600: oklch(54.6% .245 262.881);
     --color-blue-700: oklch(48.8% .243 264.376);
@@ -95,10 +101,19 @@
     --color-purple-600: oklch(55.8% .288 302.321);
     --color-purple-700: oklch(49.6% .265 301.924);
     --color-purple-800: oklch(43.8% .218 303.724);
-    --color-gray-100: oklch(96.7% .003 264.542);
-    --color-gray-300: oklch(87.2% .01 258.338);
+    --color-slate-200: oklch(92.9% .013 255.508);
+    --color-slate-300: oklch(86.9% .022 252.894);
+    --color-slate-400: oklch(70.4% .04 256.788);
+    --color-slate-500: oklch(55.4% .046 257.417);
+    --color-slate-600: oklch(44.6% .043 257.281);
+    --color-slate-700: oklch(37.2% .044 257.287);
     --color-gray-400: oklch(70.7% .022 261.325);
-    --color-gray-900: oklch(21% .034 264.665);
+    --color-zinc-50: oklch(98.5% 0 0);
+    --color-zinc-200: oklch(92% .004 286.32);
+    --color-zinc-500: oklch(55.2% .016 285.938);
+    --color-zinc-700: oklch(37% .013 285.805);
+    --color-zinc-800: oklch(27.4% .006 286.033);
+    --color-zinc-900: oklch(21% .006 285.885);
     --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
@@ -527,8 +542,12 @@
     top: calc(var(--spacing) * -.5);
   }
 
-  .-top-6 {
-    top: calc(var(--spacing) * -6);
+  .-top-2\.5 {
+    top: calc(var(--spacing) * -2.5);
+  }
+
+  .-top-10 {
+    top: calc(var(--spacing) * -10);
   }
 
   .-top-12 {
@@ -539,6 +558,14 @@
     top: calc(var(--spacing) * 0);
   }
 
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
+
+  .top-1\.5 {
+    top: calc(var(--spacing) * 1.5);
+  }
+
   .top-1\/2 {
     top: 50%;
   }
@@ -559,6 +586,10 @@
     right: calc(var(--spacing) * -.5);
   }
 
+  .-right-2\.5 {
+    right: calc(var(--spacing) * -2.5);
+  }
+
   .-right-12 {
     right: calc(var(--spacing) * -12);
   }
@@ -567,6 +598,10 @@
     right: calc(var(--spacing) * 0);
   }
 
+  .right-1 {
+    right: calc(var(--spacing) * 1);
+  }
+
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -631,6 +666,14 @@
     z-index: 10;
   }
 
+  .z-20 {
+    z-index: 20;
+  }
+
+  .z-30 {
+    z-index: 30;
+  }
+
   .z-50 {
     z-index: 50;
   }
@@ -725,6 +768,10 @@
     margin-inline: calc(var(--spacing) * -1);
   }
 
+  .mx-1\.5 {
+    margin-inline: calc(var(--spacing) * 1.5);
+  }
+
   .mx-auto {
     margin-inline: auto;
   }
@@ -757,6 +804,10 @@
     margin-top: calc(var(--spacing) * 1);
   }
 
+  .mt-1\.5 {
+    margin-top: calc(var(--spacing) * 1.5);
+  }
+
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
@@ -1657,14 +1708,24 @@
     border-color: var(--color-background);
   }
 
-  .border-black {
-    border-color: var(--color-black);
-  }
-
   .border-blue-200 {
     border-color: var(--color-blue-200);
   }
 
+  .border-blue-400\/50 {
+    border-color: #54a2ff80;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-blue-400\/50 {
+      border-color: color-mix(in oklab, var(--color-blue-400) 50%, transparent);
+    }
+  }
+
+  .border-blue-500 {
+    border-color: var(--color-blue-500);
+  }
+
   .border-border {
     border-color: var(--color-border);
   }
@@ -1715,14 +1776,56 @@
     }
   }
 
-  .border-purple-500 {
-    border-color: var(--color-purple-500);
+  .border-red-500\/20 {
+    border-color: #fb2c3633;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-red-500\/20 {
+      border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent);
+    }
+  }
+
+  .border-slate-200 {
+    border-color: var(--color-slate-200);
+  }
+
+  .border-slate-300\/30 {
+    border-color: #cad5e24d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-slate-300\/30 {
+      border-color: color-mix(in oklab, var(--color-slate-300) 30%, transparent);
+    }
   }
 
   .border-transparent {
     border-color: #0000;
   }
 
+  .border-yellow-200 {
+    border-color: var(--color-yellow-200);
+  }
+
+  .border-yellow-400 {
+    border-color: var(--color-yellow-400);
+  }
+
+  .border-zinc-200 {
+    border-color: var(--color-zinc-200);
+  }
+
+  .border-zinc-500\/20 {
+    border-color: #71717b33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .border-zinc-500\/20 {
+      border-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
+    }
+  }
+
   .border-t-transparent {
     border-top-color: #0000;
   }
@@ -1789,16 +1892,6 @@
     }
   }
 
-  .bg-black\/\[0\.06\] {
-    background-color: #0000000f;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-black\/\[0\.06\] {
-      background-color: color-mix(in oklab, var(--color-black) 6%, transparent);
-    }
-  }
-
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
@@ -1821,6 +1914,26 @@
     background-color: var(--color-blue-500);
   }
 
+  .bg-blue-500\/5 {
+    background-color: #3080ff0d;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-blue-500\/5 {
+      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
+    }
+  }
+
+  .bg-blue-500\/10 {
+    background-color: #3080ff1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-blue-500\/10 {
+      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
+    }
+  }
+
   .bg-blue-500\/20 {
     background-color: #3080ff33;
   }
@@ -1831,6 +1944,10 @@
     }
   }
 
+  .bg-blue-600 {
+    background-color: var(--color-blue-600);
+  }
+
   .bg-border {
     background-color: var(--color-border);
   }
@@ -1857,10 +1974,6 @@
     background-color: var(--color-foreground);
   }
 
-  .bg-gray-900 {
-    background-color: var(--color-gray-900);
-  }
-
   .bg-green-500\/20 {
     background-color: #00c75833;
   }
@@ -1951,16 +2064,6 @@
     background-color: var(--color-purple-500);
   }
 
-  .bg-purple-500\/10 {
-    background-color: #ac4bff1a;
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-purple-500\/10 {
-      background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);
-    }
-  }
-
   .bg-purple-500\/20 {
     background-color: #ac4bff33;
   }
@@ -1971,14 +2074,20 @@
     }
   }
 
-  .bg-purple-600 {
-    background-color: var(--color-purple-600);
-  }
-
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
 
+  .bg-red-500\/10 {
+    background-color: #fb2c361a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-red-500\/10 {
+      background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
+    }
+  }
+
   .bg-red-500\/20 {
     background-color: #fb2c3633;
   }
@@ -1997,6 +2106,38 @@
     background-color: #0000;
   }
 
+  .bg-white {
+    background-color: var(--color-white);
+  }
+
+  .bg-white\/90 {
+    background-color: #ffffffe6;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-white\/90 {
+      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
+    }
+  }
+
+  .bg-yellow-50 {
+    background-color: var(--color-yellow-50);
+  }
+
+  .bg-yellow-400 {
+    background-color: var(--color-yellow-400);
+  }
+
+  .bg-yellow-400\/10 {
+    background-color: #fac8001a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-yellow-400\/10 {
+      background-color: color-mix(in oklab, var(--color-yellow-400) 10%, transparent);
+    }
+  }
+
   .bg-yellow-500\/20 {
     background-color: #edb20033;
   }
@@ -2007,6 +2148,20 @@
     }
   }
 
+  .bg-zinc-500\/10 {
+    background-color: #71717b1a;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-zinc-500\/10 {
+      background-color: color-mix(in oklab, var(--color-zinc-500) 10%, transparent);
+    }
+  }
+
+  .bg-zinc-900 {
+    background-color: var(--color-zinc-900);
+  }
+
   .bg-gradient-to-br {
     --tw-gradient-position: to bottom right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
@@ -2108,10 +2263,6 @@
     padding-inline: calc(var(--spacing) * 3);
   }
 
-  .px-3\.5 {
-    padding-inline: calc(var(--spacing) * 3.5);
-  }
-
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -2136,10 +2287,6 @@
     padding-block: calc(var(--spacing) * 2);
   }
 
-  .py-2\.5 {
-    padding-block: calc(var(--spacing) * 2.5);
-  }
-
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -2332,6 +2479,10 @@
     text-wrap: balance;
   }
 
+  .break-words {
+    overflow-wrap: break-word;
+  }
+
   .wrap-anywhere {
     overflow-wrap: anywhere;
   }
@@ -2420,6 +2571,16 @@
     color: var(--color-muted-foreground);
   }
 
+  .text-muted-foreground\/40 {
+    color: color-mix(in srgb, hsl(var(--muted-foreground)) 40%, transparent);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .text-muted-foreground\/40 {
+      color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent);
+    }
+  }
+
   .text-muted-foreground\/50 {
     color: color-mix(in srgb, hsl(var(--muted-foreground)) 50%, transparent);
   }
@@ -2478,6 +2639,22 @@
     color: var(--color-secondary-foreground);
   }
 
+  .text-slate-400 {
+    color: var(--color-slate-400);
+  }
+
+  .text-slate-500 {
+    color: var(--color-slate-500);
+  }
+
+  .text-slate-600 {
+    color: var(--color-slate-600);
+  }
+
+  .text-slate-700 {
+    color: var(--color-slate-700);
+  }
+
   .text-white {
     color: var(--color-white);
   }
@@ -2486,6 +2663,18 @@
     color: var(--color-yellow-600);
   }
 
+  .text-yellow-900 {
+    color: var(--color-yellow-900);
+  }
+
+  .text-zinc-500 {
+    color: var(--color-zinc-500);
+  }
+
+  .text-zinc-700 {
+    color: var(--color-zinc-700);
+  }
+
   .uppercase {
     text-transform: uppercase;
   }
@@ -2535,11 +2724,6 @@
     opacity: 1;
   }
 
-  .shadow {
-    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
   .shadow-2xl {
     --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2620,12 +2804,6 @@
     filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
   }
 
-  .backdrop-blur-\[1px\] {
-    --tw-backdrop-blur: blur(1px);
-    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
-    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
-  }
-
   .backdrop-blur-sm {
     --tw-backdrop-blur: blur(var(--blur-sm));
     -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
@@ -2684,6 +2862,11 @@
     transition-delay: 75ms;
   }
 
+  .duration-100 {
+    --tw-duration: .1s;
+    transition-duration: .1s;
+  }
+
   .duration-200 {
     --tw-duration: .2s;
     transition-duration: .2s;
@@ -2719,6 +2902,12 @@
     user-select: none;
   }
 
+  @media (hover: hover) {
+    .group-hover\:opacity-100:is(:where(.group):hover *) {
+      opacity: 1;
+    }
+  }
+
   .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
     padding-top: calc(var(--spacing) * 2.5);
   }
@@ -2814,6 +3003,14 @@
       border-color: var(--color-blue-300);
     }
 
+    .hover\:border-blue-400:hover {
+      border-color: var(--color-blue-400);
+    }
+
+    .hover\:border-blue-500:hover {
+      border-color: var(--color-blue-500);
+    }
+
     .hover\:bg-accent:hover {
       background-color: var(--color-accent);
     }
@@ -2852,6 +3049,26 @@
       background-color: var(--color-blue-100);
     }
 
+    .hover\:bg-blue-400\/10:hover {
+      background-color: #54a2ff1a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-blue-400\/10:hover {
+        background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent);
+      }
+    }
+
+    .hover\:bg-blue-500\/10:hover {
+      background-color: #3080ff1a;
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-blue-500\/10:hover {
+        background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
+      }
+    }
+
     .hover\:bg-destructive\/90:hover {
       background-color: color-mix(in srgb, hsl(var(--destructive)) 90%, transparent);
     }
@@ -2896,6 +3113,18 @@
       }
     }
 
+    .hover\:bg-yellow-100:hover {
+      background-color: var(--color-yellow-100);
+    }
+
+    .hover\:bg-zinc-50:hover {
+      background-color: var(--color-zinc-50);
+    }
+
+    .hover\:bg-zinc-800:hover {
+      background-color: var(--color-zinc-800);
+    }
+
     .hover\:from-purple-700:hover {
       --tw-gradient-from: var(--color-purple-700);
       --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2928,6 +3157,14 @@
       color: var(--color-foreground);
     }
 
+    .hover\:text-slate-600:hover {
+      color: var(--color-slate-600);
+    }
+
+    .hover\:text-slate-700:hover {
+      color: var(--color-slate-700);
+    }
+
     .hover\:underline:hover {
       text-decoration-line: underline;
     }
@@ -2960,6 +3197,14 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
+  .focus\:ring-blue-500:focus {
+    --tw-ring-color: var(--color-blue-500);
+  }
+
+  .focus\:ring-primary:focus {
+    --tw-ring-color: var(--color-primary);
+  }
+
   .focus\:ring-ring:focus {
     --tw-ring-color: var(--color-ring);
   }
@@ -3308,25 +3553,17 @@
     }
   }
 
-  .dark\:border-blue-500:where(.dark, .dark *) {
-    border-color: var(--color-blue-500);
-  }
-
-  .dark\:border-gray-300:where(.dark, .dark *) {
-    border-color: var(--color-gray-300);
-  }
-
   .dark\:border-input:where(.dark, .dark *) {
     border-color: var(--color-input);
   }
 
-  .dark\:bg-blue-500\/10:where(.dark, .dark *) {
-    background-color: #3080ff1a;
+  .dark\:border-yellow-900\/40:where(.dark, .dark *) {
+    border-color: #733e0a66;
   }
 
   @supports (color: color-mix(in lab, red, red)) {
-    .dark\:bg-blue-500\/10:where(.dark, .dark *) {
-      background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
+    .dark\:border-yellow-900\/40:where(.dark, .dark *) {
+      border-color: color-mix(in oklab, var(--color-yellow-900) 40%, transparent);
     }
   }
 
@@ -3340,10 +3577,6 @@
     }
   }
 
-  .dark\:bg-gray-100:where(.dark, .dark *) {
-    background-color: var(--color-gray-100);
-  }
-
   .dark\:bg-input\/30:where(.dark, .dark *) {
     background-color: color-mix(in srgb, hsl(var(--input)) 30%, transparent);
   }
@@ -3358,12 +3591,18 @@
     background-color: #0000;
   }
 
-  .dark\:text-blue-500:where(.dark, .dark *) {
-    color: var(--color-blue-500);
+  .dark\:bg-yellow-900\/20:where(.dark, .dark *) {
+    background-color: #733e0a33;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .dark\:bg-yellow-900\/20:where(.dark, .dark *) {
+      background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
+    }
   }
 
-  .dark\:text-gray-900:where(.dark, .dark *) {
-    color: var(--color-gray-900);
+  .dark\:text-blue-500:where(.dark, .dark *) {
+    color: var(--color-blue-500);
   }
 
   .dark\:text-green-500:where(.dark, .dark *) {
@@ -3374,6 +3613,10 @@
     color: var(--color-red-500);
   }
 
+  .dark\:text-yellow-500:where(.dark, .dark *) {
+    color: var(--color-yellow-500);
+  }
+
   @media (hover: hover) {
     .dark\:hover\:bg-accent\/50:where(.dark, .dark *):hover {
       background-color: color-mix(in srgb, hsl(var(--accent)) 50%, transparent);