From 126da35e885a346998d9d1fa3e467d449f75d765 Mon Sep 17 00:00:00 2001 From: Aditya Gupta Date: Sun, 12 Jul 2026 13:13:24 +0530 Subject: [PATCH] feat(gui): Revamp Simulation View --- apps/gui/next-env.d.ts | 2 +- apps/gui/package.json | 2 + apps/gui/src/app/builder/page.tsx | 14 +- apps/gui/src/app/layout.tsx | 8 +- apps/gui/src/components/config/ConfigView.tsx | 342 ++++----- .../gui/src/components/play/DashboardView.tsx | 4 +- apps/gui/src/components/play/PlayView.tsx | 334 ++++++--- apps/gui/src/components/ui/sheet.tsx | 140 ++++ apps/gui/src/components/ui/sidebar.tsx | 702 ++++++++++++++++++ apps/gui/src/components/ui/tooltip.tsx | 30 + apps/gui/src/hooks/use-mobile.tsx | 19 + pnpm-lock.yaml | 6 + 12 files changed, 1307 insertions(+), 296 deletions(-) create mode 100644 apps/gui/src/components/ui/sheet.tsx create mode 100644 apps/gui/src/components/ui/sidebar.tsx create mode 100644 apps/gui/src/components/ui/tooltip.tsx create mode 100644 apps/gui/src/hooks/use-mobile.tsx diff --git a/apps/gui/next-env.d.ts b/apps/gui/next-env.d.ts index c4b7818..9edff1c 100644 --- a/apps/gui/next-env.d.ts +++ b/apps/gui/next-env.d.ts @@ -1,6 +1,6 @@ /// /// -import "./.next/dev/types/routes.d.ts"; +import "./.next/types/routes.d.ts"; // NOTE: This file should not be edited // see https://nextjs.org/docs/app/api-reference/config/typescript for more information. diff --git a/apps/gui/package.json b/apps/gui/package.json index 010fb0f..bfe39ce 100644 --- a/apps/gui/package.json +++ b/apps/gui/package.json @@ -19,8 +19,10 @@ "@omnia/memory": "workspace:*", "@omnia/scenario": "workspace:*", "@omnia/spatial": "workspace:*", + "@radix-ui/react-dialog": "^1.1.19", "@radix-ui/react-separator": "^1.1.11", "@radix-ui/react-slot": "^1.3.0", + "@radix-ui/react-tooltip": "^1.2.12", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "dotenv": "^17.4.2", diff --git a/apps/gui/src/app/builder/page.tsx b/apps/gui/src/app/builder/page.tsx index 41f29f9..b8b973c 100644 --- a/apps/gui/src/app/builder/page.tsx +++ b/apps/gui/src/app/builder/page.tsx @@ -2,12 +2,14 @@ export default function BuilderPage() { return ( -
-

Scenario Builder

-
-

- Scenario builder interface coming soon... -

+
+
+

Scenario Builder

+
+

+ Scenario builder interface coming soon... +

+
); diff --git a/apps/gui/src/app/layout.tsx b/apps/gui/src/app/layout.tsx index 46decfc..3daadea 100644 --- a/apps/gui/src/app/layout.tsx +++ b/apps/gui/src/app/layout.tsx @@ -42,8 +42,8 @@ export default function RootLayout({ children }: { children: ReactNode }) { return ( - -