Merge pull request #2 from iDataVisualizationLab/master

Master

Author: rinriko

package-lock.json

@@ -14,12 +14,15 @@
     "@heroicons/react": "^2.2.0",
     "@tailwindcss/forms": "^0.5.10",
     "@types/plotly.js": "^3.0.0",
+    "@types/plotly.js-dist-min": "^2.3.4",
     "lucide-react": "^0.515.0",
     "next": "15.3.3",
     "plotly.js": "^3.0.1",
+    "plotly.js-dist-min": "^3.0.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-plotly.js": "^2.6.0",
+    "react-rnd": "^10.5.2",
     "react-router-dom": "^7.6.2"
   },
   "devDependencies": {

package.json

@@ -2,8 +2,7 @@
 import './globals.css';
 import { ReactNode } from 'react';
 import Navbar from '@/components/Navbar/Navbar';
-// import Controller from '@/components/Controller';
-import SidebarLayout from '@/components/Sidebar/SidebarLayout';
+import Sidebar from '@/components/Sidebar/Sidebar';
 import { PlotSettingsProvider } from '@/context/PlotSettingsContext';
 export const metadata = {
   title: 'JWST Precision Timing',
@@ -18,8 +17,8 @@ export default function RootLayout({ children }: { children: ReactNode }) {
           <PlotSettingsProvider>
             <Navbar />
             <div className="flex flex-1 overflow-hidden">
-              <SidebarLayout />
-              <main className="flex-1 h-[calc(100vh-4rem)] overflow-auto">
+              <Sidebar />
+              <main className="flex-1 h-[calc(100vh-52px)] overflow-auto">
                 {children}
               </main>
             </div>

src/app/layout.tsx

@@ -1,4 +1,6 @@
 import React from 'react';
+import Link from 'next/link';
+
 export default function NotFound() {
     return (
         <main className="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
@@ -11,12 +13,12 @@ export default function NotFound() {
                     Sorry, we couldn’t find the page you’re looking for.
                 </p>
                 <div className="mt-10 flex items-center justify-center gap-x-6">
-                    <a
+                    <Link
                         href="/"
                         className="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
                     >
                         Go back home
-                    </a>
+                    </Link>
                     <a href="/contact" className="text-sm font-semibold text-gray-900">
                         Contact support <span aria-hidden="true">&rarr;</span>
                     </a>

src/app/not-found.tsx

@@ -2,7 +2,7 @@ import LightCurvePlot from '@/components/LightCurvePlot';
 
 export default function HomePage() {
   return (
-    <main className="min-h-screen bg-gray-50">
+    <main className="min-h-full bg-gray-50 overflow-auto">
       <LightCurvePlot />
     </main>
   );