From c55c7e222a866abdac84bfcd4ca37909b9fdefdb Mon Sep 17 00:00:00 2001
From: Aditya Gupta <mail@adityagupta.dev>
Date: Thu, 16 Jul 2026 08:14:46 +0530
Subject: [PATCH] refactor(gui): Improve nextjs scaffolding

---
 apps/gui/src/app/builder/page.tsx              | 17 ++---------------
 apps/gui/src/app/page.tsx                      |  4 ++--
 .../gui/src/components/builder/BuilderView.tsx | 18 ++++++++++++++++++
 .../DashboardView.tsx => home/HomeView.tsx}    |  2 +-
 4 files changed, 23 insertions(+), 18 deletions(-)
 create mode 100644 apps/gui/src/components/builder/BuilderView.tsx
 rename apps/gui/src/components/{play/DashboardView.tsx => home/HomeView.tsx} (99%)

diff --git a/apps/gui/src/app/builder/page.tsx b/apps/gui/src/app/builder/page.tsx
index 0d397b7..500af83 100644
--- a/apps/gui/src/app/builder/page.tsx
+++ b/apps/gui/src/app/builder/page.tsx
@@ -1,18 +1,5 @@
-"use client";
+import { BuilderView } from "@/components/builder/BuilderView";
 
 export default function BuilderPage() {
-  return (
-    <div className="flex-1 overflow-y-auto w-full">
-      <div className="mx-auto max-w-[800px] px-10 py-12">
-        <h1 className="mb-6 text-headline-lg text-primary animate-fade-in">
-          Scenario Builder
-        </h1>
-        <div className="border border-border/30 bg-card p-6 shadow-[2px_2px_0_0_var(--border)] min-h-[300px] flex flex-col items-center justify-center">
-          <p className="text-body-md text-muted-foreground font-mono text-center">
-            Scenario builder interface coming soon...
-          </p>
-        </div>
-      </div>
-    </div>
-  );
+  return <BuilderView />;
 }
diff --git a/apps/gui/src/app/page.tsx b/apps/gui/src/app/page.tsx
index 475e4cd..c65301e 100644
--- a/apps/gui/src/app/page.tsx
+++ b/apps/gui/src/app/page.tsx
@@ -1,5 +1,5 @@
-import { DashboardView } from "@/components/play/DashboardView";
+import { HomeView } from "@/components/home/HomeView";
 
 export default function Home() {
-  return <DashboardView />;
+  return <HomeView />;
 }
diff --git a/apps/gui/src/components/builder/BuilderView.tsx b/apps/gui/src/components/builder/BuilderView.tsx
new file mode 100644
index 0000000..0168853
--- /dev/null
+++ b/apps/gui/src/components/builder/BuilderView.tsx
@@ -0,0 +1,18 @@
+"use client";
+
+export function BuilderView() {
+  return (
+    <div className="flex-1 overflow-y-auto w-full">
+      <div className="mx-auto max-w-[800px] px-10 py-12">
+        <h1 className="mb-6 text-headline-lg text-primary animate-fade-in">
+          Scenario Builder
+        </h1>
+        <div className="border border-border/30 bg-card p-6 shadow-[2px_2px_0_0_var(--border)] min-h-[300px] flex flex-col items-center justify-center">
+          <p className="text-body-md text-muted-foreground font-mono text-center">
+            Scenario builder interface coming soon...
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/apps/gui/src/components/play/DashboardView.tsx b/apps/gui/src/components/home/HomeView.tsx
similarity index 99%
rename from apps/gui/src/components/play/DashboardView.tsx
rename to apps/gui/src/components/home/HomeView.tsx
index b92b896..bebe88b 100644
--- a/apps/gui/src/components/play/DashboardView.tsx
+++ b/apps/gui/src/components/home/HomeView.tsx
@@ -34,7 +34,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 
-export function DashboardView() {
+export function HomeView() {
   const router = useRouter();
   const [loading, setLoading] = useState(false);
   const [loadingData, setLoadingData] = useState(true);