Streamline imports and update dependencies in various components

.gitignore

@@ -21,6 +21,7 @@ env/
 .eggs/
 dist/
 build/
+uv.lock
 
 # Next.js
 .next/

apps/web/next.config.ts

@@ -18,9 +18,7 @@ const securityHeaders = [
 
 const nextConfig: NextConfig = {
   reactStrictMode: true,
-  experimental: {
-    typedRoutes: true,
-  },
+  typedRoutes: true,
   transpilePackages: ["@micracode/shared", "@webcontainer/api"],
   async headers() {
     return [

apps/web/package.json

@@ -20,21 +20,21 @@
     "clsx": "^2.1.1",
     "lucide-react": "^0.453.0",
     "monaco-editor": "^0.55.1",
-    "next": "15.0.3",
-    "react": "19.0.0-rc-02c0e824-20241028",
-    "react-dom": "19.0.0-rc-02c0e824-20241028",
+    "next": "15.5.18",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-resizable-panels": "^2.1.6",
     "tailwind-merge": "^2.5.4",
     "tailwindcss-animate": "^1.0.7",
     "zustand": "^5.0.1"
   },
   "devDependencies": {
     "@types/node": "^22.8.6",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.14.0",
-    "eslint-config-next": "15.0.3",
+    "eslint-config-next": "15.5.18",
     "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.8",

apps/web/src/app/page.tsx

@@ -1,7 +1,4 @@
-import { FeatureChips } from "@/components/home/FeatureChips";
 import { HeroComposer } from "@/components/home/HeroComposer";
-import { HomeTopNav } from "@/components/home/HomeTopNav";
-import { PromoBanner } from "@/components/home/PromoBanner";
 import { RecentTasksSection } from "@/components/home/RecentTasksSection";
 import { ApiError, listProjects, type ProjectRecord } from "@/lib/api/projects";
 

apps/web/src/components/chat/V0ChatInput.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ArrowUp, Mic, Paperclip, Square } from "lucide-react";
+import { ArrowUp, Square } from "lucide-react";
 import { useCallback, useRef } from "react";
 
 import { ModelPicker } from "@/components/chat/ModelPicker";

apps/web/src/components/editor/EditorTopBar.tsx

@@ -1,15 +1,9 @@
 "use client";
 
 import {
-  ChevronLeft,
-  ChevronRight,
   Code2,
-  Database,
   Eye,
-  MoreHorizontal,
   RefreshCw,
-  Share2,
-  Terminal,
 } from "lucide-react";
 
 import { cn } from "@/lib/utils";
@@ -58,7 +52,7 @@ export function EditorTopBar({
   activeTab,
   onTabChange,
   urlText = "/",
-  onTerminalToggle,
+  onTerminalToggle: _onTerminalToggle,
   onRefresh,
 }: EditorTopBarProps) {
   return (

apps/web/src/components/home/CommandPrompt.tsx

@@ -2,7 +2,6 @@
 
 import {
   BookOpen,
-  MoreHorizontal,
   Plus,
   UserRound,
   Youtube,
@@ -60,9 +59,9 @@ export function CommandPrompt({
   onSubmit,
   placeholder = "Ask anything ...",
   disabled = false,
-  chips = DEFAULT_CHIPS,
-  onChipClick,
-  onMoreClick,
+  chips: _chips = DEFAULT_CHIPS,
+  onChipClick: _onChipClick,
+  onMoreClick: _onMoreClick,
   leadingHeader,
   trailingHeader,
   className,

apps/web/src/components/home/HeroComposer.tsx

@@ -49,7 +49,7 @@ export function HeroComposer({ className }: { className?: string }) {
           color: "transparent",
         }}
       >
-        <span className="block">Let's Build</span>
+        <span className="block">Let&apos;s Build</span>
         <span className="block">Something Cool</span>
       </h1>
       <style jsx>{`

apps/web/src/components/layout/TopNav.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ChevronDown, Code2, Download } from "lucide-react";
+import { Code2, Download } from "lucide-react";
 import Link from "next/link";
 
 import { getProjectDownloadUrl } from "@/lib/api/projects";
@@ -12,7 +12,7 @@ export interface TopNavProps {
   onPublish?: () => void;
 }
 
-function Avatar({ className, initials = "JM" }: { className?: string; initials?: string }) {
+function _Avatar({ className, initials = "JM" }: { className?: string; initials?: string }) {
   return (
     <span
       className={cn(
@@ -27,7 +27,7 @@ function Avatar({ className, initials = "JM" }: { className?: string; initials?:
 }
 
 export function TopNav({ projectId, projectName, onPublish }: TopNavProps) {
-  const display = projectName?.trim() || projectId;
+  const _display = projectName?.trim() || projectId;
 
   return (
     <header className="flex h-12 shrink-0 items-center justify-between border-zinc-800 bg-black px-3 text-sm text-zinc-50">