diff --git a/src/app/(app)/playground/@workspace/@editor/components/header.tsx b/src/app/(app)/playground/@workspace/@editor/components/header.tsx
new file mode 100644
index 0000000..d44b940
--- /dev/null
+++ b/src/app/(app)/playground/@workspace/@editor/components/header.tsx
@@ -0,0 +1,24 @@
+import { cn } from "@/lib/utils";
+import LanguageSelector from "./language-selector";
+
+interface WorkspaceEditorHeaderProps {
+  className?: string;
+}
+
+export default function WorkspaceEditorHeader({
+  className,
+  ...props
+}: WorkspaceEditorHeaderProps) {
+  return (
+    <header
+      {...props}
+      className={cn("h-8 flex items-center p-1 border-b", className)}
+    >
+      <div className="w-full flex items-center">
+        <div className="flex items-center gap-x-2">
+          <LanguageSelector />
+        </div>
+      </div>
+    </header>
+  );
+}