feat: Added YOLOE model to dropdowns, fixed Radix UI hydration mismatches on the New Analysis page, and resolved the Next.js scroll-behavior: smooth warning. All issues identified have been addressed.

2026-03-10 12:34:53 +05:30
parent 01c1117a0b
commit 22f3dec02c
5 changed files with 15 additions and 3 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -175,7 +175,6 @@

 html {
  scrollbar-gutter: stable;
-  scroll-behavior: smooth;
 }

 body[data-scroll-locked] {
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -40,7 +40,7 @@ export default function RootLayout({
  children: React.ReactNode
 }>) {
  return (
-    <html lang="en">
+    <html lang="en" data-scroll-behavior="smooth">
      <body className={`font-sans antialiased`} suppressHydrationWarning>
        <TooltipProvider>
          {children}
--- a/app/new-analysis/page.tsx
+++ b/app/new-analysis/page.tsx
@@ -1,11 +1,16 @@
 "use client"

 import { useRouter } from "next/navigation"
-import { ProjectSelectionSection } from "@/components/project-selection-section"
+import dynamic from "next/dynamic"
 import { SidebarNavigation } from "@/components/sidebar-navigation"
 import { type SessionContext, saveSession } from "@/lib/api"
 import { TrendingUp } from "lucide-react"

+const ProjectSelectionSection = dynamic(
+    () => import("@/components/project-selection-section").then(mod => mod.ProjectSelectionSection),
+    { ssr: false }
+)
+
 export default function NewAnalysisPage() {
    const router = useRouter()

--- a/app/upload/page.tsx
+++ b/app/upload/page.tsx
@@ -318,6 +318,9 @@ export default function UploadPage() {
                                            <SelectItem value="sam3">
                                                <span className="font-medium">OpenAI SAM 3 Segmentation Model</span>
                                            </SelectItem>
+                                            <SelectItem value="yoloe">
+                                                <span className="font-medium">YOLOE Open-Vocabulary Detection</span>
+                                            </SelectItem>
                                        </SelectContent>
                                    </Select>
                                </div>