fix: tweak ui

app/components/RuleStateItem.vue

@@ -37,11 +37,15 @@ function goto() {
       <span v-else ml1 op50>Set to </span>
       <span font-mono :class="colors[state.level]">{{ state.level }}</span>
       <template v-if="!isLocal">
-        <span op50>in the</span>
-        <button hover="underline" @click="goto()">
+        <span op50>in</span>
+        <button hover="!color-base" text-gray @click="goto()">
+          <ColorizedConfigName
+            v-if="config.name" :name="config.name"
+            font-mono px2 border="~ base rounded"
+          />
+          <span op50> the </span>
           {{ nth(state.configIndex + 1) }}
           <span op50> config item </span>
-          <span v-if="config.name" text-sm text-teal6 font-mono op75 dark:text-teal>({{ config.name }})</span>
         </button>
       </template>
       <div v-else op50>

app/pages/rules.vue

@@ -6,7 +6,7 @@ import { filtersRules as filters } from '~/composables/state'
 import { payload } from '~/composables/payload'
 
 const rules = computed(() => Object.values(payload.value.rules))
-const pluginNames = computed(() => Array.from(new Set(rules.value.map(i => i.plugin))))
+const pluginNames = computed(() => Array.from(new Set(rules.value.map(i => i.plugin))).filter(Boolean))
 
 const conditionalFiltered = computed(() => {
   let conditional = rules.value

app/styles/global.css

@@ -27,14 +27,14 @@ html.dark .shiki span {
 /* Overrides Floating Vue */
 .v-popper--theme-dropdown .v-popper__inner,
 .v-popper--theme-tooltip .v-popper__inner {
-  --at-apply: bg-base color-base font-sans rounded border border-base shadow;
+  --at-apply: bg-tooltip color-base font-sans rounded border border-base shadow dark:shadow-2xl;
   box-shadow: 0 6px 30px #0000001a;
 }
 
 .v-popper--theme-tooltip .v-popper__arrow-inner,
 .v-popper--theme-dropdown .v-popper__arrow-inner {
   visibility: visible;
-  --at-apply: border-white dark:border-hex-121212;
+  --at-apply: border-white dark:border-neutral-900;
 }
 
 .v-popper--theme-tooltip .v-popper__arrow-outer,

package.json

@@ -51,7 +51,7 @@
     "@iconify-json/carbon": "^1.1.31",
     "@iconify-json/ph": "^1.1.11",
     "@iconify-json/twemoji": "^1.1.15",
-    "@nuxt/eslint": "0.3.0-beta.6",
+    "@nuxt/eslint": "0.3.0-beta.9",
     "@types/connect": "^3.4.38",
     "@types/ws": "^8.5.10",
     "@typescript-eslint/utils": "^7.5.0",