diff --git a/src/app/(app)/problems/[id]/@TestResult/page.tsx b/src/app/(app)/problems/[id]/@TestResult/page.tsx
deleted file mode 100644
index c954c5a..0000000
--- a/src/app/(app)/problems/[id]/@TestResult/page.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function TestResult() {
-  return <div className="h-full px-4">Test Result</div>;
-}
diff --git a/src/app/(app)/problems/[id]/features/bot.tsx b/src/app/(app)/problems/[id]/features/bot.tsx
deleted file mode 100644
index c81eb25..0000000
--- a/src/app/(app)/problems/[id]/features/bot.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-"use client";
-
-import { toast } from "sonner";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip";
-import { useCallback } from "react";
-import { useChat } from "@ai-sdk/react";
-import { Button } from "@/components/ui/button";
-import { useProblem } from "@/hooks/use-problem";
-import MdxPreview from "@/components/mdx-preview";
-import { Textarea } from "@/components/ui/textarea";
-import { BotIcon, SendHorizonal } from "lucide-react";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { ChatMessageList } from "@/components/ui/chat/chat-message-list";
-import { ChatBubble, ChatBubbleMessage } from "@/components/ui/chat/chat-bubble";
-
-export default function Bot() {
-  const { problemId, problem, currentLang, currentValue } = useProblem();
-
-  const { messages, input, handleInputChange, setMessages, handleSubmit } = useChat({
-    initialMessages: [
-      {
-        id: problemId,
-        role: "system",
-        content: `Problem description:\n${problem.description}`,
-      },
-    ],
-  });
-
-  const handleFormSubmit = useCallback(
-    (e: React.FormEvent) => {
-      e.preventDefault();
-
-      if (!input.trim()) {
-        toast.error("Input cannot be empty");
-        return;
-      }
-
-      const currentCodeMessage = {
-        id: problemId,
-        role: "system" as const,
-        content: `Current code:\n\`\`\`${currentLang}\n${currentValue}\n\`\`\``,
-      };
-
-      setMessages((prev) => [...prev, currentCodeMessage]);
-      handleSubmit();
-    },
-    [currentLang, currentValue, handleSubmit, input, problemId, setMessages]
-  );
-
-  return (
-    <div className="flex flex-col h-full border border-t-0 border-muted rounded-b-3xl bg-background">
-      <div className="flex-1 relative">
-        {!messages.some(
-          (message) => message.role === "user" || message.role === "assistant"
-        ) && (
-            <div className="h-full flex flex-col items-center justify-center gap-2 text-muted-foreground">
-              <BotIcon />
-              <span>Ask Bot</span>
-              <span className="font-thin text-xs">Powered by Vercel Ai SDK</span>
-            </div>
-          )}
-
-        <div className="absolute h-full w-full">
-          <ScrollArea className="h-full [&>[data-radix-scroll-area-viewport]>div:min-w-0 [&>[data-radix-scroll-area-viewport]>div]:!block">
-            <ChatMessageList>
-              {messages
-                .filter(
-                  (message) => message.role === "user" || message.role === "assistant"
-                )
-                .map((message) => (
-                  <ChatBubble key={message.id} layout="ai" className="border-b pb-4">
-                    <ChatBubbleMessage layout="ai">
-                      <MdxPreview source={message.content} />
-                    </ChatBubbleMessage>
-                  </ChatBubble>
-                ))}
-            </ChatMessageList>
-          </ScrollArea>
-        </div>
-      </div>
-
-      <footer className="h-36 flex flex-none">
-        <form onSubmit={handleFormSubmit} className="w-full p-4 pt-0 relative">
-          <Textarea
-            value={input}
-            onChange={handleInputChange}
-            onKeyDown={(e) => {
-              if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
-                e.preventDefault();
-                if (input.trim()) {
-                  handleFormSubmit(e);
-                } else {
-                  toast.error("Input cannot be empty");
-                }
-              }
-            }}
-            className="h-full bg-muted border-transparent shadow-none rounded-lg"
-            placeholder="Bot will automatically get your current code"
-          />
-
-          <TooltipProvider delayDuration={0}>
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <Button
-                  type="submit"
-                  variant="ghost"
-                  className="absolute bottom-6 right-6 h-6 w-auto px-2"
-                  aria-label="Send Message"
-                >
-                  <SendHorizonal className="size-4" />
-                </Button>
-              </TooltipTrigger>
-              <TooltipContent className="px-2 py-1 text-xs">Ctrl + Enter</TooltipContent>
-            </Tooltip>
-          </TooltipProvider>
-        </form>
-      </footer>
-    </div>
-  );
-}
diff --git a/src/app/(app)/problems/[id]/features/code.tsx b/src/app/(app)/problems/[id]/features/code.tsx
deleted file mode 100644
index 8731298..0000000
--- a/src/app/(app)/problems/[id]/features/code.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { ProblemEditor } from "@/components/problem-editor";
-import { WorkspaceEditorHeader } from "@/components/features/playground/workspace/editor/components/header";
-import { WorkspaceEditorFooter } from "@/components/features/playground/workspace/editor/components/footer";
-
-export default function Code() {
-  return (
-    <div className="flex flex-col h-full">
-      <WorkspaceEditorHeader className="border-b border-x border-muted bg-background" />
-      <div className="relative flex-1 border-x border-muted">
-        <div className="absolute w-full h-full">
-          <ProblemEditor />
-        </div>
-      </div>
-      <WorkspaceEditorFooter />
-    </div>
-  );
-}
diff --git a/src/app/(app)/problems/[id]/features/description.tsx b/src/app/(app)/problems/[id]/features/description.tsx
deleted file mode 100644
index eb2f493..0000000
--- a/src/app/(app)/problems/[id]/features/description.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client";
-
-import { notFound } from "next/navigation";
-import { useProblem } from "@/hooks/use-problem";
-import MdxPreview from "@/components/mdx-preview";
-import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
-import ProblemDescriptionFooter from "@/components/features/playground/problem/description/footer";
-
-export default function Description() {
-  const { problem } = useProblem();
-
-  if (!problem) {
-    notFound();
-  }
-
-  return (
-    <div className="flex flex-col h-full">
-      <div className="relative flex-1 border-x border-muted">
-        <div className="absolute h-full w-full">
-          <ScrollArea className="h-full [&>[data-radix-scroll-area-viewport]>div:min-w-0 [&>[data-radix-scroll-area-viewport]>div]:!block bg-background">
-            <MdxPreview source={problem.description} className="p-4 md:p-6" />
-            <ScrollBar orientation="horizontal" />
-          </ScrollArea>
-        </div>
-      </div>
-      <ProblemDescriptionFooter title={problem.title} />
-    </div>
-  );
-}
diff --git a/src/app/(app)/problems/[id]/features/index.ts b/src/app/(app)/problems/[id]/features/index.ts
deleted file mode 100644
index f70a7d6..0000000
--- a/src/app/(app)/problems/[id]/features/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export { default as Bot } from "./bot";
-export { default as Code } from "./code";
-export { default as Description } from "./description";
-export { default as Solutions } from "./solutions";
-export { default as Submissions } from "./submissions";
-export { default as Testcase } from "./testcase";
-export { default as TestResult } from "./test-result";
diff --git a/src/app/(app)/problems/[id]/features/solutions.tsx b/src/app/(app)/problems/[id]/features/solutions.tsx
deleted file mode 100644
index 7b05fb6..0000000
--- a/src/app/(app)/problems/[id]/features/solutions.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-"use client";
-
-import { notFound } from "next/navigation";
-import { useProblem } from "@/hooks/use-problem";
-import MdxPreview from "@/components/mdx-preview";
-import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
-import ProblemSolutionFooter from "@/components/features/playground/problem/solution/footer";
-
-export default function Solutions() {
-  const { problem } = useProblem();
-
-  if (!problem) {
-    notFound();
-  }
-
-  return (
-    <div className="flex flex-col h-full">
-      <div className="relative flex-1 border-x border-muted">
-        <div className="absolute h-full w-full">
-          <ScrollArea className="h-full [&>[data-radix-scroll-area-viewport]>div:min-w-0 [&>[data-radix-scroll-area-viewport]>div]:!block bg-background">
-            <MdxPreview source={problem.solution} className="p-4 md:p-6" />
-            <ScrollBar orientation="horizontal" />
-          </ScrollArea>
-        </div>
-      </div>
-      <ProblemSolutionFooter title={problem.title} />
-    </div>
-  );
-}
diff --git a/src/app/(app)/problems/[id]/features/submissions.tsx b/src/app/(app)/problems/[id]/features/submissions.tsx
deleted file mode 100644
index 8bf0d4d..0000000
--- a/src/app/(app)/problems/[id]/features/submissions.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import SubmissionsTable from "@/components/submissions-table";
-import { ScrollArea, ScrollBar } from "@/components/ui/scroll-area";
-import { useProblemStore } from "@/providers/problem-store-provider";
-
-export default function Submissions() {
-  const submissions = useProblemStore((state) => state.submissions);
-
-  return (
-    <div className="px-3 flex flex-col h-full border border-t-0 border-muted rounded-b-3xl bg-background">
-      <ScrollArea className="h-full">
-        <SubmissionsTable submissions={submissions} />
-        <ScrollBar orientation="horizontal" />
-      </ScrollArea>
-    </div>
-  )
-}
diff --git a/src/app/(app)/problems/[id]/features/test-result.tsx b/src/app/(app)/problems/[id]/features/test-result.tsx
deleted file mode 100644
index c954c5a..0000000
--- a/src/app/(app)/problems/[id]/features/test-result.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function TestResult() {
-  return <div className="h-full px-4">Test Result</div>;
-}
diff --git a/src/app/(app)/problems/[id]/features/testcase.tsx b/src/app/(app)/problems/[id]/features/testcase.tsx
deleted file mode 100644
index 3f315e9..0000000
--- a/src/app/(app)/problems/[id]/features/testcase.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import TestcaseCard from "@/components/testcase-card";
-import { ScrollArea } from "@/components/ui/scroll-area";
-import { useProblemStore } from "@/providers/problem-store-provider";
-
-export default function Testcase() {
-  const problem = useProblemStore((state) => state.problem);
-
-  return (
-    <div className="relative h-full border border-t-0 border-muted rounded-b-3xl bg-background">
-      <div className="absolute h-full w-full">
-        <ScrollArea className="h-full">
-          <TestcaseCard testcases={problem.testcases} />
-        </ScrollArea>
-      </div>
-    </div>
-  );
-}