Upgraded tailwindcss

apps/frontend/package.json

@@ -10,22 +10,21 @@
     "lint": "eslint src --ext ts,tsx"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.59.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.453.0",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
-    "react-router-dom": "^6.27.0",
-    "@tanstack/react-query": "^5.59.0",
     "react-dropzone": "^14.2.0",
-    "lucide-react": "^0.453.0",
-    "clsx": "^2.1.1"
+    "react-router-dom": "^6.27.0"
   },
   "devDependencies": {
+    "@tailwindcss/vite": "^4.1.18",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.3.0",
-    "autoprefixer": "^10.4.20",
-    "postcss": "^8.4.47",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^4.1.18",
     "typescript": "^5.5.0",
-    "vite": "^5.4.0"
+    "vite": "^7.3.0"
   }
 }

apps/frontend/src/components/documents/document-card.tsx

@@ -11,7 +11,7 @@ export function DocumentCard({ document }: DocumentCardProps) {
     <div className="bg-white border border-gray-200 rounded-lg p-4 hover:shadow-md transition-shadow">
       <div className="flex items-start justify-between mb-2">
         <div className="flex items-start gap-3 flex-1 min-w-0">
-          <FileText className="w-5 h-5 text-gray-400 flex-shrink-0 mt-0.5" />
+          <FileText className="w-5 h-5 text-gray-400 shrink-0 mt-0.5" />
           <div className="min-w-0 flex-1">
             <h3 className="font-medium text-gray-900 truncate">{document.filename}</h3>
             <div className="flex items-center gap-4 mt-1 text-xs text-gray-500">

apps/frontend/src/index.css

@@ -1,9 +1,16 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+  /* Custom color palette */
+  --color-primary-50: #eff6ff;
+  --color-primary-500: #3b82f6;
+  --color-primary-600: #2563eb;
+  --color-primary-700: #1d4ed8;
+}
 
 @layer base {
   body {
-    @apply bg-gray-50 text-gray-900;
+    background-color: var(--color-gray-50);
+    color: var(--color-gray-900);
   }
 }

apps/frontend/vite.config.ts

@@ -1,9 +1,10 @@
+import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import path from 'path';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()] as any,
   resolve: {
     alias: {
       '@': path.resolve(__dirname, 'src'),

pnpm-workspace.yaml

@@ -1,3 +1,14 @@
 packages:
-  - 'apps/*'
-  - 'packages/*'
+  - apps/*
+  - packages/*
+
+onlyBuiltDependencies:
+  - '@prisma/client'
+  - '@prisma/engines'
+  - cpu-features
+  - esbuild
+  - msgpackr-extract
+  - onnxruntime-node
+  - prisma
+  - protobufjs
+  - ssh2