From 3ba51715643dbdc21ba792f860901560fa480e8e Mon Sep 17 00:00:00 2001
From: ngc2207 <cfngc3109@gmail.com>
Date: Tue, 7 Jan 2025 22:20:28 +0800
Subject: [PATCH] feat(playground): add EditorPanel component to layout for
 enhanced functionality

---
 src/app/playground/layout.tsx              | 7 +++++--
 src/app/playground/layout/editor-panel.tsx | 3 +++
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 src/app/playground/layout/editor-panel.tsx

diff --git a/src/app/playground/layout.tsx b/src/app/playground/layout.tsx
index 2cedf70..49117dc 100644
--- a/src/app/playground/layout.tsx
+++ b/src/app/playground/layout.tsx
@@ -7,6 +7,7 @@ import Tools from "./components/tools";
 import Banner from "./components/banner";
 import Terminal from "./components/terminal";
 import Chat from "./components/chat";
+import EditorPanel from "./layout/editor-panel";
 
 export default function PlaygroundLayout() {
   return (
@@ -21,10 +22,12 @@ export default function PlaygroundLayout() {
             <ResizablePanelGroup direction="vertical">
               <ResizablePanel defaultSize={75}>
                 <ResizablePanelGroup direction="horizontal">
-                  <ResizablePanel defaultSize={75}>One</ResizablePanel>
+                  <ResizablePanel defaultSize={75}>
+                    <EditorPanel />
+                  </ResizablePanel>
                   <ResizableHandle className="bg-[#3e4452]" />
                   <ResizablePanel defaultSize={25}>
-                    <Chat/>
+                    <Chat />
                   </ResizablePanel>
                 </ResizablePanelGroup>
               </ResizablePanel>
diff --git a/src/app/playground/layout/editor-panel.tsx b/src/app/playground/layout/editor-panel.tsx
new file mode 100644
index 0000000..8fbe0c4
--- /dev/null
+++ b/src/app/playground/layout/editor-panel.tsx
@@ -0,0 +1,3 @@
+export default function EditorPanel() {
+  return <iframe src="http://192.168.2.110:5173" className="w-full h-full" />;
+}