ClayPulse
diff --git a/‎app/layout.tsx‎
Lines changed: 1 addition & 2 deletions b/‎app/layout.tsx‎
Lines changed: 1 addition & 2 deletions
diff --git a/‎app/page.tsx‎
Lines changed: 24 additions & 31 deletions b/‎app/page.tsx‎
Lines changed: 24 additions & 31 deletions
diff --git a/‎components/canvas/canvas.tsx‎
Lines changed: 0 additions & 1 deletion b/‎components/canvas/canvas.tsx‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎components/loading.tsx‎
Lines changed: 18 additions & 0 deletions b/‎components/loading.tsx‎
Lines changed: 18 additions & 0 deletions
@@ -4,7 +4,6 @@ import "./globals.css";
 import { WrappedNextUIProvider } from "../components/providers/wrapped-next-ui-provider";
 import EditorContextProvider from "@/components/providers/editor-context-provider";
 import { Toaster } from "react-hot-toast";
-import { EditorStates } from "@/lib/types";
 import "material-icons/iconfont/material-icons.css";
 import CapacitorProvider from "@/components/providers/capacitor-provider";
 import Nav from "@/components/nav";
@@ -31,7 +30,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <body
         className={`${geistSans.variable} ${geistMono.variable} h-screen w-screen antialiased`}
       >
 
@@ -14,7 +14,6 @@ import AgentChatTerminalView from "@/components/views/agent-chat-terminal-view";
 import { AnimatePresence, motion } from "framer-motion";
 import { ViewDocument, ViewRef } from "@/lib/types";
 import EditorToolbar from "@/components/editor-toolbar";
-import { getPlatform } from "@/lib/platforms/platform-checker";
 import { EditorContext } from "@/components/providers/editor-context-provider";
 
 export default function Home() {
@@ -113,12 +112,6 @@ export default function Home() {
     },
   });
 
-  // Check platform
-  useEffect(() => {
-    const platform = getPlatform();
-    console.log("Platform:", platform);
-  }, []);
-
   // Load models
   useEffect(() => {
     if (editorContext?.persistSettings) {
@@ -184,30 +177,30 @@ export default function Home() {
     }
   }, [editorContext?.editorStates, vad]);
 
-  useEffect(() => {
-    const url = "/test.tsx";
-    if (url) {
-      fetch(url)
-        .then((res) => res.text())
-        .then((text) => {
-          const viewId = "1";
-
-          // Init a new viewDocument
-          const viewDocument: ViewDocument = {
-            fileContent: text,
-            filePath: url,
-          };
-
-          // Get the code editor view
-          const codeEditor = editorContext?.getViewById(
-            viewId,
-          ) as CodeEditorViewRef;
-
-          // Set the viewDocument
-          codeEditor?.setViewDocument(viewDocument);
-        });
-    }
-  }, []);
+  // useEffect(() => {
+  //   const url = "/test.tsx";
+  //   if (url) {
+  //     fetch(url)
+  //       .then((res) => res.text())
+  //       .then((text) => {
+  //         const viewId = "1";
+
+  //         // Init a new viewDocument
+  //         const viewDocument: ViewDocument = {
+  //           fileContent: text,
+  //           filePath: url,
+  //         };
+
+  //         // Get the code editor view
+  //         const codeEditor = editorContext?.getViewById(
+  //           viewId,
+  //         ) as CodeEditorViewRef;
+
+  //         // Set the viewDocument
+  //         codeEditor?.setViewDocument(viewDocument);
+  //       });
+  //   }
+  // }, []);
 
   return (
     <div className="flex h-full w-full flex-col">
 
@@ -4,7 +4,6 @@ import { convexHull, Point } from "@/lib/canvas/convex-hull";
 import { DrawnLine } from "@/lib/types";
 import Konva from "konva";
 import { Stage as StageType } from "konva/lib/Stage";
-import { useTheme } from "next-themes";
 import { useEffect, useRef, useState } from "react";
 import { Stage, Layer, Line, Text } from "react-konva";
 import { recognizeText } from "@/lib/image-processing/ocr";
 
@@ -0,0 +1,18 @@
+import { Progress } from "@nextui-org/react";
+
+export default function Loading() {
+  return (
+    <div className="flex h-full w-full flex-col items-center justify-center dark:bg-[#27272A]">
+      <Progress
+        isIndeterminate={true}
+        className="w-1/2 text-black dark:text-white"
+        color="default"
+        size="md"
+        label="Loading..."
+        classNames={{
+          label: "w-full text-center",
+        }}
+      />
+    </div>
+  );
+}