chore: refresh UI dependencies and pnpm toolchain

.github/workflows/ci.yml

@@ -43,9 +43,9 @@ jobs:
         with:
           node-version: "24.18.0"
           package-manager-cache: false
-      - run: npm install --global pnpm@11.10.0
+      - run: npm install --global pnpm@12.6.0
       - run: pnpm install --frozen-lockfile
-      - uses: astral-sh/setup-uv@20cfd1bf945f4377ade1205e4dbc17946fc9a30d # v10.0.1
+      - uses: astral-sh/setup-uv@bec219d24cd3e171d82865faccec33120bb574f4 # v10.1.0
       - run: pnpm run format:check
       - run: pnpm run lint
       - run: uv run --no-project --python 3.12 python scripts/check_loc.py
@@ -72,7 +72,7 @@ jobs:
         with:
           node-version: "24.18.0"
           package-manager-cache: false
-      - run: npm install --global pnpm@11.10.0
+      - run: npm install --global pnpm@12.6.0
       - run: pnpm install --frozen-lockfile
       # Native commands also work on release tags predating the local just recipes.
       - name: Correctness lint

.github/workflows/deadcode.yml

@@ -15,13 +15,13 @@ jobs:
       - uses: actions/checkout@3d3c42e5aac5ba805825da76410c181273ba90b1 # v7.0.1
         with:
           persist-credentials: false
-      - uses: astral-sh/setup-uv@20cfd1bf945f4377ade1205e4dbc17946fc9a30d # v10.0.1
+      - uses: astral-sh/setup-uv@bec219d24cd3e171d82865faccec33120bb574f4 # v10.1.0
       - uses: extractions/setup-just@53165ef7e734c5c07cb06b3c8e7b647c5aa16db3 # v4
       - uses: actions/setup-node@820762786026740c76f36085b0efc47a31fe5020 # v7.0.0
         with:
           node-version: "24.18.0"
           package-manager-cache: false
-      - run: npm install --global pnpm@11.10.0
+      - run: npm install --global pnpm@12.6.0
       - run: just deadcode-setup
       - run: just deadcode
       - uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7

.github/workflows/publish.yml

@@ -70,7 +70,7 @@ jobs:
           package-manager-cache: false
 
       - name: Install pnpm
-        run: npm install --global pnpm@11.10.0
+        run: npm install --global pnpm@12.6.0
 
       - name: Verify release tag
         env:

README.md

@@ -6,7 +6,7 @@ Run `pnpm dev`, then open [http://127.0.0.1:5174](http://127.0.0.1:5174) to view
 
 ## Development checks
 
-Install Node 22.14+, pnpm 11.10.0, `just`, and uv. On Windows, install PowerShell 7.5+
+Install Node 22.14+, pnpm 12.6.0, `just`, and uv. On Windows, install PowerShell 7.5+
 with `pwsh` available on PATH.
 
 - `just setup` installs the frozen workspace lockfile.

apps/playground/package.json

@@ -13,23 +13,23 @@
   },
   "dependencies": {
     "@nextide/ui": "workspace:*",
-    "lucide-react": "1.41.0",
-    "react": "19.2.8",
-    "react-dom": "19.2.8"
+    "lucide-react": "1.46.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0"
   },
   "devDependencies": {
     "@eslint/js": "10.0.1",
     "@tailwindcss/vite": "4.3.3",
-    "@types/node": "25.9.3",
-    "@types/react": "19.2.18",
-    "@types/react-dom": "19.2.7",
+    "@types/node": "26.6.1",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
     "@vitejs/plugin-react": "6.1.1",
-    "eslint": "10.5.0",
+    "eslint": "10.10.0",
     "eslint-plugin-react-hooks": "7.1.1",
-    "eslint-plugin-react-refresh": "0.5.3",
-    "globals": "17.6.0",
+    "eslint-plugin-react-refresh": "0.5.7",
+    "globals": "17.12.0",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.61.1",
-    "vite": "8.2.2"
+    "typescript-eslint": "8.70.0",
+    "vite": "8.3.0"
   }
 }

package.json

@@ -16,16 +16,16 @@
     "format:check": "prettier --check ."
   },
   "devDependencies": {
-    "@axe-core/playwright": "4.12.1",
-    "@playwright/test": "1.61.1",
-    "knip": "6.34.0",
-    "oxlint": "1.80.0",
-    "prettier": "3.8.4",
-    "prettier-plugin-tailwindcss": "0.8.0",
-    "turbo": "2.9.18",
+    "@axe-core/playwright": "4.13.0",
+    "@playwright/test": "1.63.0",
+    "knip": "6.36.0",
+    "oxlint": "1.83.0",
+    "prettier": "3.9.7",
+    "prettier-plugin-tailwindcss": "0.8.1",
+    "turbo": "2.10.13",
     "typescript": "6.0.3"
   },
-  "packageManager": "pnpm@11.10.0",
+  "packageManager": "pnpm@12.6.0",
   "engines": {
     "node": ">=22.14.0"
   }

packages/ui/package.json

@@ -32,9 +32,9 @@
     "@base-ui/react": "1.8.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "lucide-react": "1.41.0",
+    "lucide-react": "1.46.0",
     "react-number-format": "5.4.5",
-    "tailwind-merge": "3.6.0",
+    "tailwind-merge": "3.7.0",
     "tw-animate-css": "1.4.0"
   },
   "peerDependencies": {
@@ -45,19 +45,19 @@
   "devDependencies": {
     "@eslint/js": "10.0.1",
     "@tailwindcss/vite": "4.3.3",
-    "@turbo/gen": "2.9.18",
-    "@types/node": "25.9.3",
-    "@types/react": "19.2.18",
-    "@types/react-dom": "19.2.7",
-    "eslint": "10.5.0",
+    "@turbo/gen": "2.10.13",
+    "@types/node": "26.6.1",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "eslint": "10.10.0",
     "eslint-plugin-react-hooks": "7.1.1",
-    "eslint-plugin-react-refresh": "0.5.3",
-    "globals": "17.6.0",
-    "react": "19.2.8",
-    "react-dom": "19.2.8",
+    "eslint-plugin-react-refresh": "0.5.7",
+    "globals": "17.12.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
     "tailwindcss": "4.3.3",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.61.1"
+    "typescript-eslint": "8.70.0"
   },
   "exports": {
     "./display-font.css": "./dist/styles/display-font.css",

packages/ui/src/blocks/campaign-schedule-matrix-model.ts

@@ -24,8 +24,7 @@ type CampaignScheduleBooking = {
   id: string
   creatorId: string
   title:
-    | React.ReactNode
-    | ((booking: CampaignScheduleBooking) => React.ReactNode)
+    React.ReactNode | ((booking: CampaignScheduleBooking) => React.ReactNode)
   meta?: React.ReactNode
   startIndex: number
   endIndex: number

packages/ui/src/blocks/dashboard-filter-bar.tsx

@@ -9,11 +9,7 @@ import { useContainedScroll } from "@nextide/ui/hooks/use-contained-scroll"
 import { cn } from "@nextide/ui/lib/utils"
 
 type DashboardFilterTone =
-  | "neutral"
-  | "success"
-  | "processing"
-  | "warning"
-  | "danger"
+  "neutral" | "success" | "processing" | "warning" | "danger"
 
 type DashboardFilterGroup = {
   id: string

packages/ui/src/blocks/evidence-drawer.tsx

@@ -14,11 +14,7 @@ import {
 import { cn } from "@nextide/ui/lib/utils"
 
 type EvidenceDrawerTone =
-  | "neutral"
-  | "success"
-  | "processing"
-  | "warning"
-  | "danger"
+  "neutral" | "success" | "processing" | "warning" | "danger"
 
 type EvidenceDrawerFact = {
   id: string

packages/ui/src/blocks/fit-leaderboard.tsx

@@ -103,11 +103,7 @@ function FitLeaderboard({
 }
 
 type ScorePlateTone =
-  | "success"
-  | "processing"
-  | "warning"
-  | "danger"
-  | "neutral"
+  "success" | "processing" | "warning" | "danger" | "neutral"
 
 const scorePlateClasses: Record<ScorePlateTone, string> = {
   success: "border-nextide-tide/35 [--score-plate:var(--nextide-tide)]",

packages/ui/src/blocks/intelligence-progression-chart.tsx

@@ -5,10 +5,7 @@ import { ProcessingText } from "@nextide/ui/components/processing-text"
 import { cn } from "@nextide/ui/lib/utils"
 
 type IntelligenceStageStatus =
-  | "completed"
-  | "processing"
-  | "queued"
-  | "degraded"
+  "completed" | "processing" | "queued" | "degraded"
 
 type IntelligenceProgressionStage = {
   id: string

packages/ui/src/blocks/live-event-timeline.tsx

@@ -4,9 +4,7 @@ import { MessageSquare, ShieldAlert, Sparkles } from "lucide-react"
 import { cn } from "@nextide/ui/lib/utils"
 
 type LiveEventTimelineLane =
-  | "creator-brand-safety"
-  | "creator-mentions"
-  | "chat-mentions"
+  "creator-brand-safety" | "creator-mentions" | "chat-mentions"
 type LiveEventTimelineSeverity = "clean" | "watch" | "alert" | "critical"
 
 type LiveEventTimelineIncident = {

packages/ui/src/blocks/navigation-panel-types.ts

@@ -6,11 +6,7 @@ import { type StatusBadgeIndicator } from "@nextide/ui/components/status-badge"
 import { Surface } from "@nextide/ui/components/surface"
 
 type NavigationPanelStatusTone =
-  | "neutral"
-  | "success"
-  | "processing"
-  | "warning"
-  | "danger"
+  "neutral" | "success" | "processing" | "warning" | "danger"
 
 type NavigationPanelSelectionStyle = "rail" | "fill" | "outline" | "dot"
 

packages/ui/src/blocks/report-rail.tsx

@@ -11,11 +11,7 @@ import {
 import { cn } from "@nextide/ui/lib/utils"
 
 type ReportRailStatus =
-  | "draft"
-  | "queued"
-  | "processing"
-  | "completed"
-  | "failed"
+  "draft" | "queued" | "processing" | "completed" | "failed"
 
 type ReportRailItem = {
   id: string

packages/ui/src/blocks/run-monitor-table.tsx

@@ -13,11 +13,7 @@ import {
 import { cn } from "@nextide/ui/lib/utils"
 
 type RunMonitorTone =
-  | "neutral"
-  | "success"
-  | "processing"
-  | "warning"
-  | "danger"
+  "neutral" | "success" | "processing" | "warning" | "danger"
 
 type RunMonitorStage = {
   id: string

packages/ui/src/components/donut-chart.tsx

@@ -3,11 +3,7 @@ import * as React from "react"
 import { cn } from "@nextide/ui/lib/utils"
 
 type DonutChartTone =
-  | "success"
-  | "processing"
-  | "warning"
-  | "danger"
-  | "neutral"
+  "success" | "processing" | "warning" | "danger" | "neutral"
 
 type DonutChartSegment = {
   id: string

packages/ui/src/components/line-item-graph-types.ts

@@ -5,12 +5,7 @@ import type {
 } from "./line-item-graph-data.js"
 
 export type LineItemGraphTone =
-  | "cyan"
-  | "tide"
-  | "yellow"
-  | "red"
-  | "violet"
-  | "neutral"
+  "cyan" | "tide" | "yellow" | "red" | "violet" | "neutral"
 
 export type LineItemGraphAxisLabelMode = "day" | "weekday-day" | "angled-day"
 

playwright.config.ts

@@ -7,7 +7,7 @@ export default defineConfig({
   workers: 2,
   retries: 0,
   timeout: 30_000,
-  globalTimeout: 120_000,
+  globalTimeout: 180_000,
   expect: { timeout: 5_000 },
   reporter: "line",
   use: {
@@ -24,8 +24,9 @@ export default defineConfig({
     },
   ],
   webServer: {
+    cwd: "./apps/playground",
     command:
-      "pnpm --filter playground exec vite preview --host 127.0.0.1 --port 4173 --strictPort",
+      "node node_modules/vite/bin/vite.js preview --host 127.0.0.1 --port 4173 --strictPort",
     url: "http://127.0.0.1:4173/qualification",
     reuseExistingServer: false,
     timeout: 60_000,