chore(ui,deps): bump tailwindcss v4, typescript v6, lucide-react v1, npm-minor-patch

[jsonmp-k8]

Summary

Consolidates the four open UI dependabot PRs into a single change so the major-version migrations land together with consistent CI signal. Each underlying PR was failing on main for migration reasons rather than flakes.

Supersedes / closes:

• chore(deps): bump tailwindcss from 3.4.19 to 4.2.4 in /ui #1751 — tailwindcss 3.4 → 4.2.4
• chore(deps): bump typescript from 5.9.3 to 6.0.2 in /ui #1587 — typescript 5.9.3 → 6.0.2
• chore(deps): bump lucide-react from 0.577.0 to 1.8.0 in /ui #1665 — lucide-react 0.577 → 1.8
• chore(deps): bump the npm-minor-patch group in /ui with 8 updates #1750 — npm-minor-patch group (react-hook-form, @vitest/browser-playwright, chromatic, cypress, msw, vite)

Migration notes

tailwindcss v4 — v4 uses CSS-first config. Changes:

• Deleted ui/tailwind.config.ts; moved theme tokens into @theme inline { ... } in ui/src/app/globals.css.
• globals.css now uses @import \"tailwindcss\" and @import \"tw-animate-css\" instead of @tailwind base/components/utilities.
• Dark mode preserved via @custom-variant dark (&:where(.dark, .dark *));.
• postcss.config.mjs switched from tailwindcss + autoprefixer to @tailwindcss/postcss (autoprefixer dropped — v4 handles vendor prefixes via Lightning CSS).
• tailwindcss-animate (v3-only) replaced with tw-animate-css. All animate-in, fade-in-0, slide-in-from-*, zoom-in-95, etc. utilities used by Radix components verified to render.

typescript v6 — @typescript-eslint/* peer cap raises to <6.1.0 via the transitive bump that ships with this lockfile, so the upgrade resolves cleanly.

lucide-react v1 — brand icons (Linkedin, Github, etc.) were removed in v1. Replaced the only impacted call site (FinishStep.tsx) with an inline SVG. LucideIcon is still exported as a type and is now imported via type LucideIcon.

eslint-plugin-react-hooks pin — 7.0.1 → 7.1.1 (transitive) introduces react-hooks/set-state-in-effect, which surfaces 23 pre-existing violations across the codebase (AuthContext, use-mobile, GroupedChats, etc.). Fixing those is a separate concern; pinning to 7.0.1 via overrides keeps this PR scoped to dependency bumps.

Local verification

Check	Status
npm run build (Next.js + TS)	✅
npm run lint	✅
npm test (jest)	✅ 129/129
npm run build-storybook	✅
Dev server /agents smoke test	✅ — generated CSS contains bg-background, text-foreground, animation utilities

Caveats

• One combined PR is reviewer-hostile and bisect-hostile compared to four sequential PRs; this is a deliberate trade-off because the four were fighting each other in CI and dependabot kept rebasing on top of unmerged majors. Drafting so reviewers can decide whether to land as-is or split.
• Chromatic baselines will need to be re-accepted — Tailwind v4's reset and border-color defaults differ subtly from v3. No deliberate visual changes were made.
• A pre-existing tsc --noEmit error on PromptInstructionsTextarea.test.tsx (toBeInTheDocument matcher typing) reproduces on main and is unrelated.

[Copilot]

Pull request overview

Consolidates multiple UI dependency upgrades (Tailwind v4, TypeScript v6, lucide-react v1, and other minor/patch bumps) and applies the required migration changes in the UI codebase (Tailwind CSS-first config and icon replacement).

Changes:

• Migrates Tailwind to v4 by removing tailwind.config.ts, updating globals.css to CSS-first Tailwind directives, and switching PostCSS to @tailwindcss/postcss.
• Updates lucide-react usage for v1 (type-only LucideIcon import; replaces removed Linkedin icon with inline SVG).
• Bumps UI dependencies/devDependencies (Tailwind, TypeScript, MSW, Cypress, Vite, etc.) and pins eslint-plugin-react-hooks via overrides.

Reviewed changes

Copilot reviewed 7 out of 8 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
ui/tailwind.config.ts	Removes Tailwind v3 JS/TS config in favor of Tailwind v4 CSS-first configuration.
ui/src/app/globals.css	Adds Tailwind v4 @import/@theme/@custom-variant and moves theme tokens/animations into CSS.
ui/postcss.config.mjs	Switches PostCSS plugin from tailwindcss (+ autoprefixer) to @tailwindcss/postcss.
ui/package.json	Bumps key UI deps/devDeps and adds an overrides pin for eslint-plugin-react-hooks.
ui/src/components/onboarding/steps/FinishStep.tsx	Replaces removed lucide brand icon (Linkedin) with an inline SVG component.
ui/src/components/create/SelectToolsDialog.tsx	Updates lucide-react LucideIcon to a type-only import for v1 compatibility.
ui/public/mockServiceWorker.js	Updates MSW worker metadata for the MSW version bump.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.