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" />;
+}