fix: Adjust shadcn config

components.json

@@ -4,18 +4,19 @@
   "rsc": false,
   "tsx": true,
   "tailwind": {
-    "config": "",
+    "config": "tailwind.config.js",
     "css": "src/App.css",
     "baseColor": "slate",
     "cssVariables": true,
     "prefix": ""
   },
+  "iconLibrary": "lucide",
   "aliases": {
-    "components": "src/components",
+    "components": "@/components",
-    "utils": "src/lib/utils",
+    "utils": "@/lib/utils",
-    "ui": "src/components/ui",
+    "ui": "@/components/ui",
-    "lib": "src/lib",
+    "lib": "@/lib",
-    "hooks": "src/hooks"
+    "hooks": "@/hooks"
   },
-  "iconLibrary": "lucide"
+  "registries": {}
 }

package-lock.json

@@ -32,6 +32,7 @@
         "react-konva": "^19.2.1",
         "tailwind-merge": "^3.4.0",
         "tailwindcss": "^4.1.17",
+        "tailwindcss-animate": "^1.0.7",
         "tw-animate-css": "^1.4.0",
         "update-electron-app": "^3.1.2",
         "zustand": "^5.0.9"
@@ -16685,6 +16686,15 @@
       "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
       "license": "MIT"
     },
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
+      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
+      }
+    },
     "node_modules/tapable": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",

package.json

@@ -45,6 +45,7 @@
     "react-konva": "^19.2.1",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.17",
+    "tailwindcss-animate": "^1.0.7",
     "tw-animate-css": "^1.4.0",
     "update-electron-app": "^3.1.2",
     "zustand": "^5.0.9"

src/App.css

@@ -1,4 +1,6 @@
 @import "tailwindcss";
+
+@plugin "tailwindcss-animate";
 @import "tw-animate-css";
 
 /* ============================================
@@ -85,8 +87,8 @@
       --accent: hsl(263.4 70% 50.4%); /* purple-600 for dark */
       --accent-foreground: hsl(210 40% 98%);
 
-      --destructive: hsl(0 62.8% 30.6%); /* red-900 */
+      --destructive: hsl(210 40% 98%);
-      --destructive-foreground: hsl(210 40% 98%);
+      --destructive-foreground: hsl(0 62.8% 30.6%); /* red-900 */
 
       --success: hsl(142.1 70.6% 45.3%); /* green-500 for dark */
       --success-foreground: hsl(210 40% 98%);

src/components/FileUpload.tsx

@@ -390,7 +390,7 @@ export function FileUpload() {
               variant="destructive"
               className="bg-danger-100 dark:bg-danger-900/20 border-danger-200 dark:border-danger-800"
             >
-              <AlertDescription className="text-danger-800 dark:text-danger-200 text-sm">
+              <AlertDescription className="text-danger-900 dark:text-danger-100 text-sm">
                 <strong>Pattern too large:</strong> {boundsCheck.error}
               </AlertDescription>
             </Alert>

src/lib/utils.ts

@@ -1,6 +1,6 @@
-import { type ClassValue, clsx } from "clsx";
+import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge";
+import { twMerge } from "tailwind-merge"
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
+  return twMerge(clsx(inputs))
 }

tsconfig.electron.json

@@ -1,6 +1,10 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
     "module": "commonjs",
     "outDir": "dist-electron",
     "types": ["node"]

tsconfig.json

@@ -3,5 +3,11 @@
   "references": [
     { "path": "./tsconfig.app.json" },
     { "path": "./tsconfig.node.json" }
-  ]
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
 }