Merge pull request #45 from atomantic/chore/update-all-deps

chore: update all dependencies to latest versions

Author: atomantic

.github/workflows/ci.yml

@@ -24,7 +24,7 @@ jobs:
       - uses: actions/checkout@v6
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: '20'
           cache: 'npm'
@@ -54,7 +54,7 @@ jobs:
       - uses: actions/checkout@v6
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: '20'
           cache: 'npm'
@@ -91,7 +91,7 @@ jobs:
       - uses: actions/checkout@v6
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: '20'
           cache: 'npm'
@@ -121,7 +121,7 @@ jobs:
       - uses: actions/checkout@v6
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: '20'
           cache: 'npm'

.github/workflows/release.yml

@@ -20,7 +20,7 @@ jobs:
           token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Use Node.js 20.x
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: 20.x
 

.github/workflows/validate-mocks.yml

@@ -15,7 +15,7 @@ jobs:
       - uses: actions/checkout@v6
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
           node-version: '20'
           cache: 'npm'

client/package.json

@@ -11,25 +11,25 @@
     "@fsf/shared": "*",
     "d3": "^7.9.0",
     "leaflet": "^1.9.4",
-    "lucide-react": "^0.575.0",
-    "portos-ai-toolkit": "^0.1.0",
+    "lucide-react": "^0.577.0",
+    "portos-ai-toolkit": "^0.8.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hot-toast": "^2.6.0",
     "react-leaflet": "^4.2.1",
-    "react-router-dom": "^7.1.1",
+    "react-router-dom": "^7.13.1",
     "socket.io-client": "^4.8.3",
-    "zustand": "^5.0.2"
+    "zustand": "^5.0.11"
   },
   "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@tailwindcss/vite": "^4.2.1",
     "@types/d3": "^7.4.3",
     "@types/leaflet": "^1.9.21",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^5.1.4",
-    "autoprefixer": "^10.4.20",
-    "postcss": "^8.4.49",
-    "tailwindcss": "^3.4.17",
+    "tailwindcss": "^4.2.1",
     "typescript": "^5.7.2",
     "vite": "^7.3.1"
   }

client/postcss.config.js

@@ -1,6 +1,8 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@config "../tailwind.config.js";
+
+/* Scan portos-ai-toolkit for Tailwind classes */
+@source "../../node_modules/portos-ai-toolkit/src/client/**/*.{js,ts,jsx,tsx}";
 
 /* Light theme (default) */
 :root {
@@ -171,7 +173,6 @@ input:focus, select:focus, textarea:focus {
 }
 
 /* Custom theme utilities - Override Tailwind's hardcoded values with CSS variables */
-/* These MUST come after @tailwind utilities to override properly */
 .text-app-text {
   color: var(--color-app-text) !important;
 }
@@ -223,7 +224,6 @@ input:focus, select:focus, textarea:focus {
 }
 
 /* Override hardcoded text-white in portos-ai-toolkit for light mode */
-/* The library uses text-white for headings/text which is invisible on light backgrounds */
 :root:not(.dark) h1.text-white,
 :root:not(.dark) h2.text-white,
 :root:not(.dark) h3.text-white,

client/src/index.css

@@ -1,21 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-    "./node_modules/portos-ai-toolkit/src/client/**/*.{js,ts,jsx,tsx}",
-  ],
   darkMode: 'class',
-  safelist: [
-    'text-app-text',
-    'text-app-text-secondary',
-    'text-app-text-muted',
-    'text-app-text-subtle',
-    'bg-app-text',
-    'bg-app-text-muted',
-    'border-app-text',
-    'border-app-text-muted',
-  ],
   theme: {
     extend: {
       screens: {

client/tailwind.config.js

@@ -1,8 +1,9 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import tailwindcss from '@tailwindcss/vite';
 
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
   server: {
     port: 6373,
     proxy: {