Feature/draft

next.config.ts

@@ -1,5 +1,14 @@
 import type { NextConfig } from 'next';
 
-const nextConfig: NextConfig = {};
+const nextConfig: NextConfig = {
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+    ],
+  },
+};
 
 export default nextConfig;

package.json

@@ -13,11 +13,10 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@hookform/resolvers": "^5.2.1",
-    "@radix-ui/react-label": "^2.1.7",
     "@ariakit/react": "^0.4.17",
     "@emoji-mart/data": "1.2.1",
     "@faker-js/faker": "^9.9.0",
+    "@hookform/resolvers": "^5.2.1",
     "@platejs/autoformat": "^49.0.0",
     "@platejs/basic-nodes": "^49.0.0",
     "@platejs/basic-styles": "^49.0.0",
@@ -55,9 +54,11 @@
     "@radix-ui/react-context-menu": "^2.2.15",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.14",
     "@radix-ui/react-separator": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toolbar": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@udecode/cn": "^49.0.15",
@@ -72,7 +73,7 @@
     "pdf-lib": "^1.17.1",
     "platejs": "^49.1.13",
     "react": "19.1.0",
-    "react-day-picker": "^9.8.1",
+    "react-day-picker": "^9.9.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "19.1.0",
@@ -86,9 +87,10 @@
     "remark-math": "^6.0.0",
     "sonner": "^2.0.6",
     "tailwind-merge": "^3.3.1",
-    "zod": "^4.0.14",
     "tailwind-scrollbar-hide": "^4.0.0",
     "use-file-picker": "2.1.2",
+    "vaul": "^1.1.2",
+    "zod": "^4.0.14",
     "zustand": "^5.0.8"
   },
   "devDependencies": {

src/app/draft/layout.tsx

@@ -0,0 +1,17 @@
+import { SidebarProvider } from '@/components/ui/sidebar';
+import DraftHeader from '@/features/draft/components/draft-main/draft-header';
+import AppSideBar from '@/features/draft/components/draft-sidebar.tsx/app-sidebar';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <section className='h-dvh w-full'>
+      <SidebarProvider className='h-full w-full'>
+        <AppSideBar />
+        <div className='w-full'>
+          <DraftHeader />
+          <main className='mx-auto h-full w-full max-w-[1920px]'>{children}</main>
+        </div>
+      </SidebarProvider>
+    </section>
+  );
+}

src/app/draft/page.tsx

@@ -1,5 +1,5 @@
-import Edit from './edit';
+import DraftMain from '@/features/draft/components/draft-main/draft-main';
 
 export default function EditPage() {
-  return <Edit />;
+  return <DraftMain />;
 }