From 883463cb54773181c6e10b42fde16211f6cbcb6a Mon Sep 17 00:00:00 2001
From: bymyself <cbyrne@comfy.org>
Date: Mon, 27 Oct 2025 01:58:42 -0700
Subject: [PATCH] [fix] temporarily disable TailwindCSS ESLint plugin and
 revert MultiSelect.vue

- Disable eslint-plugin-tailwindcss due to TailwindCSS v4 incompatibility
- Revert MultiSelect.vue changes as they were not part of vueNodes scope

The eslint-plugin-tailwindcss v4.0.0-beta.0 is incompatible with TailwindCSS v4.1.12
as it tries to load v3 file structure that no longer exists.
---
 eslint.config.ts                     | 3 +--
 src/components/input/MultiSelect.vue | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/eslint.config.ts b/eslint.config.ts
index 2a4d219a9..3fd325b84 100644
--- a/eslint.config.ts
+++ b/eslint.config.ts
@@ -5,7 +5,6 @@ import { createTypeScriptImportResolver } from 'eslint-import-resolver-typescrip
 import { importX } from 'eslint-plugin-import-x'
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
 import storybook from 'eslint-plugin-storybook'
-import tailwind from 'eslint-plugin-tailwindcss'
 import unusedImports from 'eslint-plugin-unused-imports'
 import pluginVue from 'eslint-plugin-vue'
 import { defineConfig } from 'eslint/config'
@@ -97,7 +96,7 @@ export default defineConfig([
   // Difference in typecheck on CI vs Local
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore Bad types in the plugin
-  tailwind.configs['flat/recommended'],
+  // tailwind.configs['flat/recommended'], // Temporarily disabled due to TailwindCSS v4 compatibility issues
   pluginVue.configs['flat/recommended'],
   eslintPluginPrettierRecommended,
   storybook.configs['flat/recommended'],
diff --git a/src/components/input/MultiSelect.vue b/src/components/input/MultiSelect.vue
index 42cf967e2..263831cc7 100644
--- a/src/components/input/MultiSelect.vue
+++ b/src/components/input/MultiSelect.vue
@@ -59,7 +59,7 @@
 
     <!-- Trigger value (keep text scale identical) -->
     <template #value>
-      <span class="text-sm text-primary">
+      <span class="text-sm text-zinc-700 dark-theme:text-gray-200">
         {{ label }}
       </span>
       <span
@@ -205,7 +205,7 @@ const pt = computed(() => ({
   root: ({ props }: MultiSelectPassThroughMethodOptions) => ({
     class: cn(
       'h-10 relative inline-flex cursor-pointer select-none',
-      'rounded-lg bg-white dark-theme:bg-zinc-800 text-primary',
+      'rounded-lg bg-white dark-theme:bg-zinc-800 text-neutral dark-theme:text-white',
       'transition-all duration-200 ease-in-out',
       'border-[2.5px] border-solid',
       selectedCount.value > 0