diff --git a/app/Http/Controllers/Admin/ResourceController.php b/app/Http/Controllers/Admin/ResourceController.php
index 0355185d..72a2798d 100644
--- a/app/Http/Controllers/Admin/ResourceController.php
+++ b/app/Http/Controllers/Admin/ResourceController.php
@@ -2,10 +2,7 @@
 
 namespace App\Http\Controllers\Admin;
 
-use App\Http\Controllers\Controller;
-use App\Http\Requests\Resource\BulkImageStoreRequest;
-use App\Http\Requests\Resource\BulkVideoStoreRequest;
-use App\Http\Requests\Resource\StoreResourceRequest;
+use App\Http\Controllers\ResourceController as BaseResourceController;
 use App\Http\Requests\Resource\UpdateResourceRequest;
 use App\Models\Node;
 use App\Models\Resource;
@@ -13,90 +10,33 @@
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\DB;
-use Illuminate\Support\Facades\Http;
 use Illuminate\Support\Facades\Storage;
-use Illuminate\Validation\ValidationException;
 
-class ResourceController extends Controller
+class ResourceController extends BaseResourceController
 {
-    /**
-     * Determine maximum allowed pending submissions for the user.
-     * Verified users: 100, Unverified users: 30.
-     */
-    protected function getMaxPendingSubmissions(): int
-    {
-        return Auth::user()?->is_verified ? 100 : 30;
-    }
-
-    /**
-     * Check if user would exceed their pending change requests quota.
-     * Throws standard ValidationException so it returns as a typed error in Inertia errors.
-     */
-    protected function ensureUnderPendingLimit(int $incomingCount = 1): void
-    {
-        if (Auth::user()?->can('moderate resources')) {
-            return;
-        }
-
-        $userId = Auth::id();
-        $maxLimit = $this->getMaxPendingSubmissions();
-
-        $currentPending = ResourceChangeRequest::where('user_id', $userId)
-            ->where('status', 'pending')
-            ->count();
-
-        if (($currentPending + $incomingCount) > $maxLimit) {
-            throw ValidationException::withMessages([
-                'pending_limit' => "আপনি সর্বোচ্চ {$maxLimit}টি কন্টেন্ট আপলোড করার অনুরোধ করতে পারেন। আপনার আপলোডকৃত {$currentPending}টি কন্টেন্ট বর্তমানে পর্যালোচনাধীন রয়েছে, তাই অনুগ্রহ করে অপেক্ষা করুন। ",
-            ]);
-        }
-    }
-
-    public function store(StoreResourceRequest $request)
+    public function update(UpdateResourceRequest $request, Resource $resource)
     {
         $validated = $request->validated();
 
-        if ($request->hasFile('file')) {
-            $validated['file_path'] = $request->file('file')->store("resources/{$validated['resource_type']}s");
-        }
-
-        if ($request->user()->can('moderate resources')) {
-            $validated['user_id'] = Auth::id();
-            Resource::create($validated);
+        $isModerator = $request->user()->can('moderate resources');
 
-            return back()->with('success', 'Resource created successfully.');
+        if (! $isModerator) {
+            $this->ensureCanSubmit(1);
         }
 
-        $this->ensureUnderPendingLimit(1);
-
-        ResourceChangeRequest::recordCreate(
-            Auth::id(),
-            (int) $validated['node_id'],
-            $validated
-        );
-
-        return back()->with('success', 'Resource submitted for moderation.');
-    }
-
-    public function update(UpdateResourceRequest $request, Resource $resource)
-    {
-        $validated = $request->validated();
-
         if ($request->hasFile('file')) {
-            if ($request->user()->can('moderate resources') && $resource->file_path) {
+            if ($isModerator && $resource->file_path) {
                 Storage::delete($resource->file_path);
             }
             $validated['file_path'] = $request->file('file')->store("resources/{$validated['resource_type']}s");
         }
 
-        if ($request->user()->can('moderate resources')) {
+        if ($isModerator) {
             $resource->update($validated);
 
             return back()->with('success', 'Resource updated successfully.');
         }
 
-        $this->ensureUnderPendingLimit(1);
-
         ResourceChangeRequest::recordUpdate(
             Auth::id(),
             $resource,
@@ -117,157 +57,13 @@ public function destroy(Resource $resource)
             return redirect()->back()->with('success', 'Resource deleted successfully.');
         }
 
-        $this->ensureUnderPendingLimit(1);
+        $this->ensureCanSubmit(1);
 
         ResourceChangeRequest::recordDelete(Auth::id(), $resource);
 
         return redirect()->back()->with('success', 'Resource deletion request submitted for moderation.');
     }
 
-    public function storeBulkImages(BulkImageStoreRequest $request)
-    {
-        $validated = $request->validated();
-        $filesCount = count($request->file('files') ?? []);
-        $isModerator = $request->user()->can('moderate resources');
-
-        if (! $isModerator) {
-            $this->ensureUnderPendingLimit($filesCount);
-        }
-
-        $userId = Auth::id();
-        $nodeId = (int) $validated['node_id'];
-
-        DB::transaction(function () use ($request, $validated, $userId, $nodeId, $isModerator) {
-            foreach ($request->file('files') as $index => $file) {
-                $filePath = $file->store('resources/images');
-                $title = $validated['custom_titles'][$index];
-
-                if ($isModerator) {
-                    Resource::create([
-                        'user_id' => $userId,
-                        'node_id' => $nodeId,
-                        'title' => $title,
-                        'resource_type' => 'image',
-                        'file_path' => $filePath,
-                    ]);
-                } else {
-                    ResourceChangeRequest::recordCreate($userId, $nodeId, [
-                        'title' => $title,
-                        'resource_type' => 'image',
-                        'file_path' => $filePath,
-                    ]);
-                }
-            }
-        });
-
-        $message = $isModerator ? 'Images uploaded successfully.' : 'Images submitted for moderation.';
-
-        return back()->with('success', $message);
-    }
-
-    public function storeBulkVideos(BulkVideoStoreRequest $request)
-    {
-        $validated = $request->validated();
-
-        $playlistUrl = $validated['playlist_url'];
-
-        // Extract playlist ID
-        parse_str(parse_url($playlistUrl, PHP_URL_QUERY), $query);
-
-        $playlistId = $query['list'] ?? null;
-
-        if (! $playlistId) {
-            return back()->with('error', 'Invalid Youtube URL');
-        }
-
-        $videos = [];
-        $pageToken = null;
-
-        do {
-            $response = Http::get('https://www.googleapis.com/youtube/v3/playlistItems', [
-                'part' => 'snippet',
-                'playlistId' => $playlistId,
-                'maxResults' => 50,
-                'pageToken' => $pageToken,
-                'key' => config('services.youtube.key'),
-            ]);
-
-            if (! $response->successful()) {
-                return back()->with('error', 'Unable to fetch youtube url');
-            }
-
-            $data = $response->json();
-
-            foreach ($data['items'] as $item) {
-                $videos[] = [
-                    'title' => $item['snippet']['title'],
-                    'video_id' => $item['snippet']['resourceId']['videoId'],
-                    'position' => $item['snippet']['position'],
-                ];
-            }
-
-            $pageToken = $data['nextPageToken'] ?? null;
-        } while ($pageToken);
-
-        if (! empty($validated['is_reversed'])) {
-            $videos = array_reverse($videos);
-        }
-
-        // Apply naming strategy
-        foreach ($videos as $index => &$video) {
-            if ($validated['naming_strategy'] === 'youtube') {
-                $video['title'] = $video['title'];
-            } else {
-                $number = str_pad(
-                    ($validated['start_number'] ?? 1) + $index,
-                    2,
-                    '0',
-                    STR_PAD_LEFT
-                );
-
-                $prefix = trim($validated['naming_prefix'] ?? '');
-                $video['title'] = $prefix !== '' ? "{$prefix} - {$number}" : $number;
-            }
-        }
-
-        $userId = Auth::id();
-        $nodeId = (int) $validated['node_id'];
-        $videosCount = count($videos);
-        $isModerator = $request->user()->can('moderate resources');
-
-        if (! $isModerator) {
-            $this->ensureUnderPendingLimit($videosCount);
-        }
-
-        DB::transaction(function () use ($videos, $userId, $nodeId, $isModerator) {
-            foreach ($videos as $video) {
-                $finalUrl = "https://www.youtube.com/watch?v={$video['video_id']}";
-
-                if ($isModerator) {
-                    Resource::create([
-                        'user_id' => $userId,
-                        'node_id' => $nodeId,
-                        'title' => $video['title'],
-                        'resource_type' => 'video',
-                        'external_url' => $finalUrl,
-                    ]);
-                } else {
-                    ResourceChangeRequest::recordCreate($userId, $nodeId, [
-                        'title' => $video['title'],
-                        'resource_type' => 'video',
-                        'external_url' => $finalUrl,
-                    ]);
-                }
-            }
-        });
-
-        $message = $isModerator
-            ? 'YouTube playlist imported successfully.'
-            : 'YouTube playlist imported and submitted for moderation.';
-
-        return back()->with('success', $message);
-    }
-
     public function bulkRename(Request $request, Node $node)
     {
         if ($node->isEffectivelyFrozen()) {
diff --git a/app/Http/Controllers/NodeController.php b/app/Http/Controllers/NodeController.php
index 9ac54df7..e7199ea9 100644
--- a/app/Http/Controllers/NodeController.php
+++ b/app/Http/Controllers/NodeController.php
@@ -65,6 +65,7 @@ public function show(Subject $subject, $path)
                 'id' => $node->id,
                 'name' => $node->name,
                 'slug' => $node->slug,
+                'is_frozen' => $node->isEffectivelyFrozen(),
             ],
             'nodes' => $nodes,
             'breadcrumb' => $node->breadcrumb(),
diff --git a/app/Http/Controllers/ResourceController.php b/app/Http/Controllers/ResourceController.php
index e4649c31..1d1e4c65 100644
--- a/app/Http/Controllers/ResourceController.php
+++ b/app/Http/Controllers/ResourceController.php
@@ -2,10 +2,18 @@
 
 namespace App\Http\Controllers;
 
+use App\Http\Requests\Resource\BulkImageStoreRequest;
+use App\Http\Requests\Resource\BulkVideoStoreRequest;
+use App\Http\Requests\Resource\StoreResourceRequest;
 use App\Models\Node;
 use App\Models\Resource;
+use App\Models\ResourceChangeRequest;
 use App\Models\ResourceCompletion;
+use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Validation\ValidationException;
 use Inertia\Inertia;
 
 class ResourceController extends Controller
@@ -71,4 +79,227 @@ public function toggleComplete(Resource $resource)
 
         return back();
     }
+
+    /**
+     * Determine maximum allowed pending submissions for the user.
+     * Verified users: 100, Unverified users: 30.
+     */
+    public function getMaxPendingSubmissions(): int
+    {
+        return Auth::user()?->is_verified ? 100 : 30;
+    }
+
+    /**
+     * Check if user is eligible to submit (account age) and within pending change requests quota.
+     */
+    public function ensureCanSubmit(int $incomingCount = 1): void
+    {
+        $user = Auth::user();
+        if ($user?->can('moderate resources')) {
+            return;
+        }
+
+        if ($user?->created_at && $user->created_at->diffInHours(now()) < 24) {
+            throw ValidationException::withMessages([
+                'account_age' => 'আপনার অ্যাকাউন্টটি নতুন। স্প্যাম রোধে অ্যাকাউন্ট তৈরির ২৪ ঘণ্টা পর রিসোর্স আপলোড করা যাবে।',
+            ]);
+        }
+
+        $userId = Auth::id();
+        $maxLimit = $this->getMaxPendingSubmissions();
+
+        $currentPending = ResourceChangeRequest::where('user_id', $userId)
+            ->where('status', 'pending')
+            ->count();
+
+        if (($currentPending + $incomingCount) > $maxLimit) {
+            throw ValidationException::withMessages([
+                'pending_limit' => "আপনি সর্বোচ্চ {$maxLimit}টি কন্টেন্ট আপলোড করার অনুরোধ করতে পারেন। আপনার আপলোডকৃত {$currentPending}টি কন্টেন্ট বর্তমানে পর্যালোচনাধীন রয়েছে, তাই অনুগ্রহ করে অপেক্ষা করুন। ",
+            ]);
+        }
+    }
+
+    public function store(StoreResourceRequest $request)
+    {
+        $validated = $request->validated();
+        $isModerator = $request->user()->can('moderate resources');
+
+        if (! $isModerator) {
+            $this->ensureCanSubmit(1);
+        }
+
+        if ($request->hasFile('file')) {
+            $validated['file_path'] = $request->file('file')->store("resources/{$validated['resource_type']}s");
+        }
+
+        if ($isModerator) {
+            $validated['user_id'] = Auth::id();
+            Resource::create($validated);
+
+            return back()->with('success', 'Resource created successfully.');
+        }
+
+        ResourceChangeRequest::recordCreate(
+            Auth::id(),
+            (int) $validated['node_id'],
+            $validated
+        );
+
+        return redirect()->route('submissions.index')->with('success', 'Resource submitted for moderation.');
+    }
+
+    public function storeBulkImages(BulkImageStoreRequest $request)
+    {
+        $validated = $request->validated();
+        $filesCount = count($request->file('files') ?? []);
+        $isModerator = $request->user()->can('moderate resources');
+
+        if (! $isModerator) {
+            $this->ensureCanSubmit($filesCount);
+        }
+
+        $userId = Auth::id();
+        $nodeId = (int) $validated['node_id'];
+
+        DB::transaction(function () use ($request, $validated, $userId, $nodeId, $isModerator) {
+            foreach ($request->file('files') as $index => $file) {
+                $filePath = $file->store('resources/images');
+                $title = $validated['custom_titles'][$index];
+
+                if ($isModerator) {
+                    Resource::create([
+                        'user_id' => $userId,
+                        'node_id' => $nodeId,
+                        'title' => $title,
+                        'resource_type' => 'image',
+                        'file_path' => $filePath,
+                    ]);
+                } else {
+                    ResourceChangeRequest::recordCreate($userId, $nodeId, [
+                        'title' => $title,
+                        'resource_type' => 'image',
+                        'file_path' => $filePath,
+                    ]);
+                }
+            }
+        });
+
+        if ($isModerator) {
+            return back()->with('success', 'Images uploaded successfully.');
+        }
+
+        return redirect()->route('submissions.index')->with('success', 'Images submitted for moderation.');
+    }
+
+    public function storeBulkVideos(BulkVideoStoreRequest $request)
+    {
+        $validated = $request->validated();
+        $isModerator = $request->user()->can('moderate resources');
+
+        if (! $isModerator) {
+            $this->ensureCanSubmit(1);
+        }
+
+        $playlistUrl = $validated['playlist_url'];
+
+        // Extract playlist ID
+        parse_str(parse_url($playlistUrl, PHP_URL_QUERY), $query);
+
+        $playlistId = $query['list'] ?? null;
+
+        if (! $playlistId) {
+            return back()->with('error', 'Invalid Youtube URL');
+        }
+
+        $videos = [];
+        $pageToken = null;
+
+        do {
+            $response = Http::get('https://www.googleapis.com/youtube/v3/playlistItems', [
+                'part' => 'snippet',
+                'playlistId' => $playlistId,
+                'maxResults' => 50,
+                'pageToken' => $pageToken,
+                'key' => config('services.youtube.key'),
+            ]);
+
+            if (! $response->successful()) {
+                return back()->with('error', 'Unable to fetch youtube url');
+            }
+
+            $data = $response->json();
+
+            foreach ($data['items'] as $item) {
+                $videos[] = [
+                    'title' => $item['snippet']['title'],
+                    'video_id' => $item['snippet']['resourceId']['videoId'],
+                    'position' => $item['snippet']['position'],
+                ];
+            }
+
+            if (! $isModerator && count($videos) >= $this->getMaxPendingSubmissions()) {
+                break;
+            }
+
+            $pageToken = $data['nextPageToken'] ?? null;
+        } while ($pageToken);
+
+        if (! empty($validated['is_reversed'])) {
+            $videos = array_reverse($videos);
+        }
+
+        // Apply naming strategy
+        foreach ($videos as $index => &$video) {
+            if ($validated['naming_strategy'] === 'youtube') {
+                $video['title'] = $video['title'];
+            } else {
+                $number = str_pad(
+                    ($validated['start_number'] ?? 1) + $index,
+                    2,
+                    '0',
+                    STR_PAD_LEFT
+                );
+
+                $prefix = trim($validated['naming_prefix'] ?? '');
+                $video['title'] = $prefix !== '' ? "{$prefix} - {$number}" : $number;
+            }
+        }
+
+        $userId = Auth::id();
+        $nodeId = (int) $validated['node_id'];
+        $videosCount = count($videos);
+        $isModerator = $request->user()->can('moderate resources');
+
+        if (! $isModerator) {
+            $this->ensureCanSubmit($videosCount);
+        }
+
+        DB::transaction(function () use ($videos, $userId, $nodeId, $isModerator) {
+            foreach ($videos as $video) {
+                $finalUrl = "https://www.youtube.com/watch?v={$video['video_id']}";
+
+                if ($isModerator) {
+                    Resource::create([
+                        'user_id' => $userId,
+                        'node_id' => $nodeId,
+                        'title' => $video['title'],
+                        'resource_type' => 'video',
+                        'external_url' => $finalUrl,
+                    ]);
+                } else {
+                    ResourceChangeRequest::recordCreate($userId, $nodeId, [
+                        'title' => $video['title'],
+                        'resource_type' => 'video',
+                        'external_url' => $finalUrl,
+                    ]);
+                }
+            }
+        });
+
+        if ($isModerator) {
+            return back()->with('success', 'YouTube playlist imported successfully.');
+        }
+
+        return redirect()->route('submissions.index')->with('success', 'YouTube playlist imported and submitted for moderation.');
+    }
 }
diff --git a/app/Http/Controllers/SubmissionController.php b/app/Http/Controllers/SubmissionController.php
new file mode 100644
index 00000000..59517998
--- /dev/null
+++ b/app/Http/Controllers/SubmissionController.php
@@ -0,0 +1,58 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Models\ResourceChangeRequest;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Inertia\Inertia;
+
+class SubmissionController extends Controller
+{
+    public function index(Request $request)
+    {
+        $user = Auth::user();
+
+        $maxLimit = $user->is_verified ? 100 : 30;
+        $counts = ResourceChangeRequest::where('user_id', $user->id)
+            ->selectRaw('status, count(*) as total')
+            ->groupBy('status')
+            ->pluck('total', 'status');
+
+        $pendingCount = (int) $counts->get('pending', 0);
+        $approvedCount = (int) $counts->get('approved', 0);
+        $rejectedCount = (int) $counts->get('rejected', 0);
+        $totalCount = (int) $counts->sum();
+
+        $status = $request->query('status');
+        $query = ResourceChangeRequest::where('user_id', $user->id)
+            ->with(['resource', 'node.subject'])
+            ->latest();
+
+        if ($status && in_array($status, ['pending', 'approved', 'rejected'])) {
+            $query->where('status', $status);
+        }
+
+        $submissions = $query->paginate(15)->withQueryString();
+
+        $submissions->getCollection()->each(function ($submission) {
+            $submission->node?->append('breadcrumb');
+        });
+
+        return Inertia::render('Submissions/Index', [
+            'submissions' => $submissions,
+            'quota' => [
+                'used' => $pendingCount,
+                'max' => $maxLimit,
+                'is_verified' => (bool) $user->is_verified,
+            ],
+            'counts' => [
+                'all' => $totalCount,
+                'pending' => $pendingCount,
+                'approved' => $approvedCount,
+                'rejected' => $rejectedCount,
+            ],
+            'currentStatus' => $status ?? 'all',
+        ]);
+    }
+}
diff --git a/app/Notifications/ResourceModerationNotification.php b/app/Notifications/ResourceModerationNotification.php
index 4266c5d6..a3e72bfa 100644
--- a/app/Notifications/ResourceModerationNotification.php
+++ b/app/Notifications/ResourceModerationNotification.php
@@ -35,14 +35,9 @@ public function via(object $notifiable): array
      */
     public function toArray(object $notifiable): array
     {
-        $node = $this->changeRequest->node;
-        if ($node && $node->subject) {
-            $path = implode('/', array_column($node->breadcrumb(), 'slug'));
-            $hash = $this->status === 'rejected' ? '#rejected' : '#live';
-            $url = "/admin/subjects/{$node->subject->slug}/nodes/{$path}{$hash}";
-        } else {
-            $url = '/admin';
-        }
+        $url = $this->status === 'rejected'
+            ? '/my-submissions?status=rejected'
+            : '/my-submissions?status=approved';
 
         if ($this->totalCount > 1) {
             $title = $this->status === 'rejected'
diff --git a/database/migrations/2026_10_13_160000_remove_create_resources_permission.php b/database/migrations/2026_10_13_160000_remove_create_resources_permission.php
new file mode 100644
index 00000000..e69193f1
--- /dev/null
+++ b/database/migrations/2026_10_13_160000_remove_create_resources_permission.php
@@ -0,0 +1,23 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Spatie\Permission\Models\Permission;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Permission::where('name', 'create resources')->delete();
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Permission::findOrCreate('create resources', 'web');
+    }
+};
diff --git a/database/seeders/RolePermissionSeeder.php b/database/seeders/RolePermissionSeeder.php
index 9017d5a4..85e9ad9e 100644
--- a/database/seeders/RolePermissionSeeder.php
+++ b/database/seeders/RolePermissionSeeder.php
@@ -46,7 +46,6 @@ public function run(): void
         /*
          * Resource management
          */
-        Permission::findOrCreate('create resources');
         Permission::findOrCreate('edit resources');
         Permission::findOrCreate('delete resources');
         Permission::findOrCreate('moderate resources');
diff --git a/resources/js/components/EmptyState.vue b/resources/js/components/EmptyState.vue
index fc37ccc8..c8027f96 100644
--- a/resources/js/components/EmptyState.vue
+++ b/resources/js/components/EmptyState.vue
@@ -1,19 +1,13 @@
 <script setup lang="ts">
-import { Link, usePage } from '@inertiajs/vue3';
-import { ArrowRight, FolderSearch } from 'lucide-vue-next';
+import { FolderSearch } from 'lucide-vue-next';
 import { computed } from 'vue';
 import type { Component } from 'vue';
-import { usePermissions } from '@/lib/usePermissions';
 
 interface Props {
     icon?: Component | null;
     title?: string;
     description?: string | null;
     variant?: 'simple' | 'card' | 'dashed';
-    showCta?: boolean;
-    ctaPrompt?: string;
-    ctaText?: string;
-    ctaLink?: string;
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -21,21 +15,6 @@ const props = withDefaults(defineProps<Props>(), {
     title: 'কোনো তথ্য পাওয়া যায়নি',
     description: null,
     variant: 'simple',
-    showCta: false,
-    ctaPrompt: 'তোমার নিজের নোট শেয়ার করতে চাও?',
-    ctaText: 'কন্ট্রিবিউটর হও',
-    ctaLink: '/join',
-});
-
-const page = usePage();
-const { can } = usePermissions();
-
-const isAlreadyContributor = computed(() => {
-    return Boolean(
-        (page.props.auth as any)?.can_access_admin ||
-        can('create resources') ||
-        can('create nodes'),
-    );
 });
 
 const variantClasses = computed(() => {
@@ -97,22 +76,5 @@ const variantClasses = computed(() => {
                 <slot />
             </slot>
         </div>
-
-        <!-- Contributor CTA Card (Hidden for existing contributors/admins) -->
-        <div
-            v-if="showCta && !isAlreadyContributor"
-            class="mt-6 flex flex-col items-center gap-2.5 rounded-2xl border border-indigo-100/80 bg-indigo-50/50 p-3.5 sm:flex-row sm:gap-3.5 sm:px-4 sm:py-2.5 dark:border-indigo-900/30 dark:bg-indigo-950/20"
-        >
-            <span class="text-xs font-medium text-slate-600 dark:text-gray-300">
-                {{ ctaPrompt }}
-            </span>
-            <Link
-                :href="ctaLink"
-                class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl bg-indigo-600 px-3.5 py-1.5 text-xs font-semibold text-white shadow-2xs transition-colors hover:bg-indigo-700 dark:bg-indigo-600 dark:hover:bg-indigo-500"
-            >
-                <span>{{ ctaText }}</span>
-                <ArrowRight class="h-3.5 w-3.5" />
-            </Link>
-        </div>
     </div>
 </template>
diff --git a/resources/js/components/admin/BulkImageModal.vue b/resources/js/components/admin/BulkImageModal.vue
index d9eddb39..715f768a 100644
--- a/resources/js/components/admin/BulkImageModal.vue
+++ b/resources/js/components/admin/BulkImageModal.vue
@@ -220,7 +220,7 @@ const submitForm = async () => {
         custom_titles: processedTitles.value,
     };
 
-    router.post('/admin/resources/bulk/images', payload, {
+    router.post('/resources/bulk/images', payload, {
         forceFormData: true,
         preserveScroll: true,
         onProgress: (progress) => {
@@ -245,6 +245,7 @@ const submitForm = async () => {
         onError: (errors) => {
             errorMessage.value =
                 (errors.pending_limit as string) ||
+                (errors.account_age as string) ||
                 Object.values(errors).flat().join(', ') ||
                 'Failed to upload images.';
         },
@@ -270,6 +271,19 @@ const submitForm = async () => {
             @submit.prevent="submitForm"
             class="flex flex-1 flex-col overflow-hidden"
         >
+            <!-- Submission Notice -->
+            <div
+                class="m-4 mb-0 flex items-start gap-2.5 rounded-xl border border-indigo-100 bg-indigo-50/70 p-3 text-xs text-indigo-900 dark:border-indigo-900/40 dark:bg-indigo-950/30 dark:text-indigo-200"
+            >
+                <AlertCircle
+                    class="mt-0.5 h-4 w-4 shrink-0 text-indigo-600 dark:text-indigo-400"
+                />
+                <span
+                    >আপনার আপলোডকৃত ছবিগুলো অ্যাডমিন পর্যালোচনার পর ওয়েবসাইটে
+                    দৃশ্যমান হবে।</span
+                >
+            </div>
+
             <!-- Error Banner -->
             <div
                 v-if="errorMessage"
diff --git a/resources/js/components/admin/BulkVideoModal.vue b/resources/js/components/admin/BulkVideoModal.vue
index e2ddc95b..cba8cd3c 100644
--- a/resources/js/components/admin/BulkVideoModal.vue
+++ b/resources/js/components/admin/BulkVideoModal.vue
@@ -79,7 +79,7 @@ const submitForm = () => {
         is_reversed: isReversed.value,
     };
 
-    router.post('/admin/resources/bulk/videos', payload, {
+    router.post('/resources/bulk/videos', payload, {
         preserveScroll: true,
         onSuccess: () => {
             resetForm();
@@ -88,6 +88,7 @@ const submitForm = () => {
         onError: (errors) => {
             errorMessage.value =
                 (errors.pending_limit as string) ||
+                (errors.account_age as string) ||
                 Object.values(errors).flat().join(', ') ||
                 'Failed to import playlist.';
         },
@@ -111,6 +112,20 @@ const submitForm = () => {
             @submit.prevent="submitForm"
             class="flex flex-1 flex-col overflow-hidden"
         >
+            <!-- Submission Notice -->
+            <div
+                class="m-4 mb-0 flex items-start gap-2.5 rounded-xl border border-indigo-100 bg-indigo-50/70 p-3 text-xs text-indigo-900 dark:border-indigo-900/40 dark:bg-indigo-950/30 dark:text-indigo-200"
+            >
+                <AlertCircle
+                    class="mt-0.5 h-4 w-4 shrink-0 text-indigo-600 dark:text-indigo-400"
+                />
+                <span
+                    >শুধুমাত্র ভেরিফাইড শিক্ষকদের অফিশিয়াল চ্যানেলের ভিডিও যুক্ত
+                    করা যাবে। কোনো ধরনের আনলিস্টেড কিংবা পাইরেটেড ভিডিও অনুমোদিত
+                    নয়।</span
+                >
+            </div>
+
             <!-- Error Banner -->
             <div
                 v-if="errorMessage"
diff --git a/resources/js/components/admin/CreateResourceModal.vue b/resources/js/components/admin/CreateResourceModal.vue
index ccd79ff3..f37cbc84 100644
--- a/resources/js/components/admin/CreateResourceModal.vue
+++ b/resources/js/components/admin/CreateResourceModal.vue
@@ -211,7 +211,7 @@ const submitForm = () => {
             },
         });
     } else {
-        router.post('/admin/resources', payload, {
+        router.post('/resources', payload, {
             forceFormData: true,
             preserveScroll: true,
             onSuccess: () => {
@@ -220,6 +220,7 @@ const submitForm = () => {
             onError: (errors) => {
                 errorMessage.value =
                     (errors.pending_limit as string) ||
+                    (errors.account_age as string) ||
                     Object.values(errors).flat().join(', ') ||
                     'Failed to create resource.';
             },
@@ -244,6 +245,20 @@ const submitForm = () => {
             @submit.prevent="submitForm"
             class="flex flex-1 flex-col overflow-hidden"
         >
+            <!-- Submission Notice -->
+            <div
+                v-if="!resource"
+                class="m-4 mb-0 flex items-start gap-2.5 rounded-xl border border-indigo-100 bg-indigo-50/70 p-3 text-xs text-indigo-900 dark:border-indigo-900/40 dark:bg-indigo-950/30 dark:text-indigo-200"
+            >
+                <AlertCircle
+                    class="mt-0.5 h-4 w-4 shrink-0 text-indigo-600 dark:text-indigo-400"
+                />
+                <span
+                    >আপনার আপলোডকৃত কন্টেন্টটি অ্যাডমিন পর্যালোচনার পর ওয়েবসাইটে
+                    দৃশ্যমান হবে।</span
+                >
+            </div>
+
             <!-- Error Banner -->
             <div
                 v-if="errorMessage"
diff --git a/resources/js/components/admin/NodeHeader.vue b/resources/js/components/admin/NodeHeader.vue
index 36f0fae4..67d4c991 100644
--- a/resources/js/components/admin/NodeHeader.vue
+++ b/resources/js/components/admin/NodeHeader.vue
@@ -6,10 +6,10 @@ import {
     ChevronRight,
     FolderPlus,
     Lock,
-    Plus,
     Unlock,
 } from 'lucide-vue-next';
 import { onMounted, onUnmounted, ref } from 'vue';
+import UploadResourceDropdown from '@/components/resources/UploadResourceDropdown.vue';
 import { usePermissions } from '@/lib/usePermissions';
 
 defineProps<{
@@ -27,29 +27,16 @@ const emit = defineEmits<{
     (e: 'toggle-freeze'): void;
     (e: 'create-single-folder'): void;
     (e: 'create-bulk-folder'): void;
-    (e: 'create-single-resource'): void;
-    (e: 'create-bulk-image'): void;
-    (e: 'create-bulk-video'): void;
 }>();
 
 const { can } = usePermissions();
 
-const isResourceDropdownOpen = ref(false);
 const isFolderDropdownOpen = ref(false);
-const resourceDropdownRef = ref<HTMLElement | null>(null);
 const folderDropdownRef = ref<HTMLElement | null>(null);
 
 const closeDropdowns = (e: MouseEvent) => {
     const target = e.target as Node | null;
 
-    if (
-        resourceDropdownRef.value &&
-        target &&
-        !resourceDropdownRef.value.contains(target)
-    ) {
-        isResourceDropdownOpen.value = false;
-    }
-
     if (
         folderDropdownRef.value &&
         target &&
@@ -233,62 +220,11 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
                 </div>
 
                 <!-- Add Resource Dropdown -->
-                <div
-                    v-if="!isFrozen && parent?.id && can('create resources')"
-                    ref="resourceDropdownRef"
-                    class="relative inline-block"
-                >
-                    <button
-                        type="button"
-                        @click="
-                            isResourceDropdownOpen = !isResourceDropdownOpen
-                        "
-                        class="inline-flex cursor-pointer items-center gap-1 rounded-lg bg-indigo-600 px-2.5 py-1.5 text-xs font-semibold text-white shadow-2xs transition-colors duration-150 hover:bg-indigo-700 sm:gap-1.5 sm:px-3"
-                    >
-                        <Plus class="h-3.5 w-3.5" :stroke-width="2.2" />
-                        <span
-                            ><span class="hidden sm:inline">Add </span
-                            >Resource</span
-                        >
-                        <ChevronDown class="h-3.5 w-3.5" />
-                    </button>
-
-                    <div
-                        v-if="isResourceDropdownOpen"
-                        class="absolute right-0 z-10 mt-1.5 w-48 rounded-xl border border-slate-100 bg-white p-1 shadow-lg dark:border-gray-800 dark:bg-gray-900"
-                    >
-                        <button
-                            type="button"
-                            @click="
-                                isResourceDropdownOpen = false;
-                                emit('create-single-resource');
-                            "
-                            class="block w-full cursor-pointer rounded-lg px-3 py-2 text-left text-xs font-medium text-slate-700 hover:bg-slate-50 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100"
-                        >
-                            Upload Single Resource
-                        </button>
-                        <button
-                            type="button"
-                            @click="
-                                isResourceDropdownOpen = false;
-                                emit('create-bulk-image');
-                            "
-                            class="block w-full cursor-pointer rounded-lg px-3 py-2 text-left text-xs font-medium text-slate-700 hover:bg-slate-50 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100"
-                        >
-                            Upload Multiple Images
-                        </button>
-                        <button
-                            type="button"
-                            @click="
-                                isResourceDropdownOpen = false;
-                                emit('create-bulk-video');
-                            "
-                            class="block w-full cursor-pointer rounded-lg px-3 py-2 text-left text-xs font-medium text-slate-700 hover:bg-slate-50 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100"
-                        >
-                            Upload Multiple Videos
-                        </button>
-                    </div>
-                </div>
+                <UploadResourceDropdown
+                    v-if="parent?.id && !isFrozen"
+                    :node="parent"
+                    :is-frozen="isFrozen"
+                />
             </div>
         </div>
     </div>
diff --git a/resources/js/components/admin/ResourceSubmissionModal.vue b/resources/js/components/admin/ResourceSubmissionModal.vue
deleted file mode 100644
index a3fd1547..00000000
--- a/resources/js/components/admin/ResourceSubmissionModal.vue
+++ /dev/null
@@ -1,345 +0,0 @@
-<script setup lang="ts">
-import { Link } from '@inertiajs/vue3';
-import {
-    AlertCircle,
-    Clock,
-    User,
-    ExternalLink,
-    FileText,
-    FileArchive,
-    ChevronRight,
-} from 'lucide-vue-next';
-import BaseModal from '@/components/BaseModal.vue';
-import { usePermissions } from '@/lib/usePermissions';
-
-defineProps<{
-    changeRequest: any | null;
-}>();
-
-const emit = defineEmits<{
-    (e: 'close'): void;
-}>();
-
-const { can } = usePermissions();
-</script>
-
-<template>
-    <BaseModal
-        :is-open="changeRequest !== null"
-        max-width="xl"
-        @close="emit('close')"
-    >
-        <template #header>
-            <div class="flex items-center gap-2.5">
-                <div
-                    v-if="changeRequest?.status === 'rejected'"
-                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-rose-500/10 text-rose-600 dark:bg-rose-500/20 dark:text-rose-400"
-                >
-                    <AlertCircle class="h-4.5 w-4.5" />
-                </div>
-                <div
-                    v-else
-                    class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-amber-500/10 text-amber-600 dark:bg-amber-500/20 dark:text-amber-400"
-                >
-                    <Clock class="h-4.5 w-4.5 animate-pulse" />
-                </div>
-                <div>
-                    <h3
-                        class="text-base font-bold text-slate-900 dark:text-gray-100"
-                    >
-                        {{
-                            changeRequest?.status === 'rejected'
-                                ? 'Rejected Resource Submission'
-                                : 'Resource Submission'
-                        }}
-                    </h3>
-                    <p class="text-xs text-slate-500 dark:text-gray-400">
-                        {{
-                            changeRequest?.status === 'rejected'
-                                ? 'This submission was reviewed and rejected'
-                                : 'Awaiting moderation review before public release'
-                        }}
-                    </p>
-                </div>
-            </div>
-        </template>
-
-        <div v-if="changeRequest" class="space-y-5 p-4 sm:p-6">
-            <!-- Status & Submission Meta Banner -->
-            <div
-                v-if="changeRequest.status === 'rejected'"
-                class="space-y-2.5 rounded-xl border border-rose-200 bg-rose-50/80 p-4 text-xs dark:border-rose-900/50 dark:bg-rose-950/30"
-            >
-                <div class="flex flex-wrap items-center justify-between gap-2">
-                    <div class="flex items-center gap-2">
-                        <span
-                            class="inline-flex items-center rounded-full bg-rose-600 px-2.5 py-0.5 text-[11px] font-bold text-white shadow-2xs"
-                        >
-                            Rejected
-                        </span>
-                        <span
-                            class="font-medium text-rose-900 dark:text-rose-300"
-                        >
-                            Action:
-                            {{
-                                changeRequest.action_type === 'update'
-                                    ? 'Edit Resource'
-                                    : changeRequest.action_type === 'delete'
-                                      ? 'Delete Resource'
-                                      : 'Create Resource'
-                            }}
-                        </span>
-                    </div>
-
-                    <div
-                        v-if="changeRequest.reviewer?.name"
-                        class="text-slate-600 dark:text-gray-400"
-                    >
-                        Reviewed by
-                        <span
-                            class="font-semibold text-slate-900 dark:text-gray-100"
-                        >
-                            {{ changeRequest.reviewer.name }}
-                        </span>
-                    </div>
-                </div>
-
-                <div
-                    class="border-t border-rose-200/60 pt-2 dark:border-rose-900/40"
-                >
-                    <div class="font-semibold text-rose-900 dark:text-rose-200">
-                        Feedback / Reason:
-                    </div>
-                    <p
-                        class="mt-0.5 text-sm whitespace-pre-wrap text-rose-800 dark:text-rose-300"
-                    >
-                        {{
-                            changeRequest.rejection_reason ||
-                            'No specific reason provided.'
-                        }}
-                    </p>
-                </div>
-            </div>
-
-            <div
-                v-else
-                class="flex flex-wrap items-center justify-between gap-2.5 rounded-xl border border-amber-200/80 bg-amber-50/60 px-4 py-3 text-xs dark:border-amber-900/40 dark:bg-amber-950/20"
-            >
-                <div class="flex items-center gap-2">
-                    <span
-                        class="inline-flex items-center rounded-full bg-amber-500 px-2.5 py-0.5 text-[11px] font-bold text-white shadow-2xs"
-                    >
-                        Pending Review
-                    </span>
-                    <span
-                        class="font-medium text-amber-900/80 dark:text-amber-300"
-                    >
-                        Action:
-                        {{
-                            changeRequest.action_type === 'update'
-                                ? 'Edit Resource'
-                                : changeRequest.action_type === 'delete'
-                                  ? 'Delete Resource'
-                                  : 'Create Resource'
-                        }}
-                    </span>
-                </div>
-
-                <div
-                    v-if="changeRequest.user?.name"
-                    class="flex items-center gap-1.5 text-slate-600 dark:text-gray-400"
-                >
-                    <User class="h-3.5 w-3.5 text-slate-400" />
-                    <span>
-                        Submitted by
-                        <Link
-                            v-if="changeRequest.user?.username"
-                            :href="`/u/${changeRequest.user.username}`"
-                            class="font-semibold text-slate-900 transition-colors hover:text-indigo-600 hover:underline dark:text-gray-100 dark:hover:text-indigo-400"
-                        >
-                            {{ changeRequest.user.name }}
-                        </Link>
-                        <strong
-                            v-else
-                            class="font-semibold text-slate-900 dark:text-gray-100"
-                        >
-                            {{ changeRequest.user.name }}
-                        </strong>
-                    </span>
-                </div>
-            </div>
-
-            <!-- Main Card: Title & Type -->
-            <div
-                class="rounded-xl border border-slate-200/90 bg-white p-4 shadow-2xs dark:border-gray-800 dark:bg-gray-900/50"
-            >
-                <div class="flex items-start justify-between gap-3">
-                    <div class="min-w-0 flex-1">
-                        <span
-                            class="text-[10px] font-bold tracking-wider text-slate-400 uppercase dark:text-gray-500"
-                            >Resource Title</span
-                        >
-                        <h2
-                            class="mt-0.5 text-lg font-bold break-words text-slate-900 dark:text-white"
-                        >
-                            {{
-                                changeRequest.payload?.title ||
-                                changeRequest.targetResource?.title ||
-                                '(Untitled)'
-                            }}
-                        </h2>
-                    </div>
-                    <span
-                        class="inline-flex shrink-0 items-center gap-1 rounded-lg border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-bold tracking-wide text-slate-700 uppercase dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200"
-                    >
-                        {{
-                            changeRequest.payload?.resource_type ||
-                            changeRequest.targetResource?.resource_type ||
-                            'Resource'
-                        }}
-                    </span>
-                </div>
-
-                <!-- Description / Body -->
-                <div
-                    v-if="changeRequest.payload?.content"
-                    class="mt-4 border-t border-slate-100 pt-3 dark:border-gray-800/80"
-                >
-                    <span
-                        class="text-[10px] font-bold tracking-wider text-slate-400 uppercase dark:text-gray-500"
-                        >Description / Content</span
-                    >
-                    <p
-                        class="mt-1.5 text-sm leading-relaxed whitespace-pre-wrap text-slate-700 dark:text-gray-300"
-                    >
-                        {{ changeRequest.payload.content }}
-                    </p>
-                </div>
-
-                <!-- External URL -->
-                <div
-                    v-if="changeRequest.payload?.external_url"
-                    class="mt-4 border-t border-slate-100 pt-3 dark:border-gray-800/80"
-                >
-                    <span
-                        class="text-[10px] font-bold tracking-wider text-slate-400 uppercase dark:text-gray-500"
-                        >External URL</span
-                    >
-                    <div class="mt-1">
-                        <a
-                            :href="changeRequest.payload.external_url"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            class="inline-flex items-center gap-1.5 text-xs font-semibold text-indigo-600 hover:text-indigo-700 hover:underline dark:text-indigo-400"
-                        >
-                            <span class="break-all">{{
-                                changeRequest.payload.external_url
-                            }}</span>
-                            <ExternalLink class="h-3.5 w-3.5 shrink-0" />
-                        </a>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Attached File Media Card -->
-            <div
-                v-if="changeRequest.staged_file_url"
-                class="overflow-hidden rounded-xl border border-slate-200/90 bg-white shadow-2xs dark:border-gray-800 dark:bg-gray-900/50"
-            >
-                <div
-                    class="flex items-center justify-between border-b border-slate-100 bg-slate-50/70 px-4 py-2.5 text-xs font-semibold text-slate-700 dark:border-gray-800 dark:bg-gray-800/50 dark:text-gray-300"
-                >
-                    <span class="flex items-center gap-1.5 font-bold">
-                        <FileText
-                            class="h-4 w-4 text-slate-500 dark:text-gray-400"
-                        />
-                        Attached Media / File
-                    </span>
-                    <a
-                        :href="changeRequest.staged_file_url"
-                        target="_blank"
-                        class="inline-flex items-center gap-1 font-semibold text-indigo-600 hover:underline dark:text-indigo-400"
-                    >
-                        <span>Open file in new tab</span>
-                        <ExternalLink class="h-3 w-3" />
-                    </a>
-                </div>
-
-                <div class="p-4">
-                    <div
-                        v-if="
-                            changeRequest.payload?.resource_type === 'image' ||
-                            changeRequest.staged_file_url.match(
-                                /\.(jpeg|jpg|gif|png|webp|svg)$/i,
-                            )
-                        "
-                        class="flex flex-col items-center justify-center rounded-xl border border-slate-100 bg-slate-50/60 p-3 dark:border-gray-800 dark:bg-gray-950/40"
-                    >
-                        <img
-                            :src="changeRequest.staged_file_url"
-                            alt="Staged Preview"
-                            class="max-h-80 w-auto rounded-lg object-contain shadow-2xs"
-                        />
-                    </div>
-
-                    <div
-                        v-else
-                        class="flex items-center justify-between rounded-xl border border-slate-200 bg-slate-50/60 p-4 dark:border-gray-800 dark:bg-gray-800/40"
-                    >
-                        <div class="flex items-center gap-3">
-                            <div
-                                class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-emerald-50 text-emerald-600 dark:bg-emerald-950/40 dark:text-emerald-400"
-                            >
-                                <FileArchive class="h-5 w-5" />
-                            </div>
-                            <div>
-                                <div
-                                    class="text-xs font-semibold text-slate-900 dark:text-white"
-                                >
-                                    Uploaded Attachment
-                                </div>
-                                <div
-                                    class="text-[11px] text-slate-500 dark:text-gray-400"
-                                >
-                                    Click to download or view file content
-                                </div>
-                            </div>
-                        </div>
-                        <a
-                            :href="changeRequest.staged_file_url"
-                            target="_blank"
-                            class="inline-flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-semibold text-slate-700 shadow-2xs hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
-                        >
-                            <ExternalLink class="h-3.5 w-3.5" />
-                            <span>Open File</span>
-                        </a>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <template #footer>
-            <div class="flex items-center justify-end gap-3">
-                <Link
-                    v-if="
-                        changeRequest?.status === 'pending' &&
-                        can('moderate resources')
-                    "
-                    href="/admin/moderation/resources"
-                    class="inline-flex items-center gap-1.5 rounded-lg border border-amber-400 bg-amber-500 px-3.5 py-2 text-xs font-semibold text-white shadow-2xs transition-colors hover:bg-amber-600 dark:border-amber-500 dark:bg-amber-600 dark:hover:bg-amber-700"
-                >
-                    <span>Review in Moderation Queue</span>
-                    <ChevronRight class="h-3.5 w-3.5" />
-                </Link>
-
-                <button
-                    type="button"
-                    @click="emit('close')"
-                    class="rounded-lg border border-slate-200 bg-white px-3.5 py-2 text-xs font-semibold text-slate-700 shadow-2xs hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
-                >
-                    Close
-                </button>
-            </div>
-        </template>
-    </BaseModal>
-</template>
diff --git a/resources/js/components/admin/ReviewResourceModal.vue b/resources/js/components/admin/ReviewResourceModal.vue
new file mode 100644
index 00000000..116e5fef
--- /dev/null
+++ b/resources/js/components/admin/ReviewResourceModal.vue
@@ -0,0 +1,711 @@
+<script setup lang="ts">
+import { Link } from '@inertiajs/vue3';
+import {
+    ExternalLink,
+    FileImage,
+    FileText,
+    FileVideo,
+    Pencil,
+    PlusCircle,
+    Trash2,
+} from 'lucide-vue-next';
+import { ref } from 'vue';
+import BaseModal from '@/components/BaseModal.vue';
+import ImageViewerModal from '@/components/ImageViewerModal.vue';
+import { formatDateTime } from '@/lib/useDate';
+import { usePermissions } from '@/lib/usePermissions';
+
+export interface User {
+    id: number;
+    name: string;
+    username: string;
+    image_path?: string;
+}
+
+export interface Subject {
+    id: number;
+    name: string;
+    slug: string;
+}
+
+export interface NodeBreadcrumb {
+    name: string;
+    slug: string;
+}
+
+export interface Node {
+    id: number;
+    name: string;
+    slug?: string;
+    subject?: Subject;
+    breadcrumb?: NodeBreadcrumb[];
+}
+
+export interface LiveResource {
+    id: number;
+    title: string;
+    resource_type: string;
+    content?: string;
+    external_url?: string;
+    file_path?: string;
+    file_url?: string;
+}
+
+export interface ChangeRequest {
+    id: number;
+    user_id: number;
+    resource_id?: number;
+    node_id: number;
+    action_type: 'create' | 'update' | 'delete';
+    status: 'pending' | 'approved' | 'rejected';
+    payload?: {
+        title?: string;
+        resource_type?: string;
+        content?: string;
+        external_url?: string;
+        file_path?: string;
+    };
+    staged_file_url?: string;
+    rejection_reason?: string;
+    reviewed_at?: string;
+    created_at: string;
+    user?: User;
+    reviewer?: User;
+    node?: Node;
+    resource?: LiveResource;
+}
+
+export interface ChangedField {
+    key: string;
+    label: string;
+    oldVal: any;
+    newVal: any;
+    isMedia?: boolean;
+}
+
+export interface BreadcrumbItem {
+    name: string;
+    url: string;
+}
+
+defineProps<{
+    request: ChangeRequest | null;
+}>();
+
+const emit = defineEmits<{
+    (e: 'close'): void;
+}>();
+
+const { can } = usePermissions();
+
+const isViewerOpen = ref(false);
+const viewerImageSrc = ref('');
+const viewerImageAlt = ref('');
+
+const openImageViewer = (src: string, alt = 'Resource Image') => {
+    viewerImageSrc.value = src;
+    viewerImageAlt.value = alt;
+    isViewerOpen.value = true;
+};
+
+const getNodeBreadcrumbs = (node?: Node): BreadcrumbItem[] => {
+    if (!node) {
+        return [];
+    }
+
+    const items: BreadcrumbItem[] = [];
+
+    if (node.subject) {
+        items.push({
+            name: node.subject.name,
+            url: `/${node.subject.slug}`,
+        });
+    }
+
+    if (node.breadcrumb && node.breadcrumb.length > 0) {
+        let currentPath = node.subject ? `/${node.subject.slug}` : '';
+
+        for (const crumb of node.breadcrumb) {
+            currentPath += `/${crumb.slug}`;
+            items.push({
+                name: crumb.name,
+                url: currentPath,
+            });
+        }
+    } else {
+        items.push({
+            name: node.name,
+            url: node.subject ? `/${node.subject.slug}` : '#',
+        });
+    }
+
+    return items;
+};
+
+const getChangedFields = (req: ChangeRequest): ChangedField[] => {
+    const live = req.resource || req.targetResource;
+
+    if (req.action_type !== 'update' || !live || !req.payload) {
+        return [];
+    }
+
+    const changes: ChangedField[] = [];
+    const proposed = req.payload;
+
+    if (proposed.title !== undefined && proposed.title !== live.title) {
+        changes.push({
+            key: 'title',
+            label: 'Title',
+            oldVal: live.title,
+            newVal: proposed.title,
+        });
+    }
+
+    if (
+        proposed.resource_type !== undefined &&
+        proposed.resource_type !== live.resource_type
+    ) {
+        changes.push({
+            key: 'resource_type',
+            label: 'Resource Type',
+            oldVal: live.resource_type,
+            newVal: proposed.resource_type,
+        });
+    }
+
+    // Description / Content
+    const liveContent = (live.content || '').trim();
+    const proposedContent = (proposed.content || '').trim();
+
+    if (proposed.content !== undefined && liveContent !== proposedContent) {
+        changes.push({
+            key: 'content',
+            label: 'Description / Content',
+            oldVal: liveContent || '(empty)',
+            newVal: proposedContent || '(empty)',
+        });
+    }
+
+    // External URL
+    const liveUrl = (live.external_url || '').trim();
+    const proposedUrl = (proposed.external_url || '').trim();
+
+    if (proposed.external_url !== undefined && liveUrl !== proposedUrl) {
+        changes.push({
+            key: 'external_url',
+            label: 'External URL',
+            oldVal: liveUrl || '(none)',
+            newVal: proposedUrl || '(none)',
+        });
+    }
+
+    if (proposed.file_path && proposed.file_path !== (live.file_path || '')) {
+        changes.push({
+            key: 'file',
+            label: 'Uploaded File',
+            oldVal: live.file_url || live.file_path || null,
+            newVal: req.staged_file_url || null,
+            isMedia: true,
+        });
+    }
+
+    return changes;
+};
+</script>
+
+<template>
+    <BaseModal
+        :is-open="request !== null"
+        :title="
+            request?.action_type === 'create'
+                ? 'Upload Request'
+                : request?.action_type === 'update'
+                  ? 'Change Request'
+                  : 'Deletion Request'
+        "
+        max-width="2xl"
+        @close="emit('close')"
+    >
+        <template #icon>
+            <div
+                v-if="request?.action_type === 'create'"
+                class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-emerald-50 text-emerald-600 dark:bg-emerald-950/60 dark:text-emerald-400"
+            >
+                <PlusCircle class="h-5 w-5" />
+            </div>
+            <div
+                v-else-if="request?.action_type === 'update'"
+                class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-amber-50 text-amber-600 dark:bg-amber-950/60 dark:text-amber-400"
+            >
+                <Pencil class="h-5 w-5" />
+            </div>
+            <div
+                v-else
+                class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-rose-50 text-rose-600 dark:bg-rose-950/60 dark:text-rose-400"
+            >
+                <Trash2 class="h-5 w-5" />
+            </div>
+        </template>
+
+        <div v-if="request" class="space-y-4 p-4 sm:p-6">
+            <!-- Modal Header Meta (Location, Submitter, Live Link) -->
+            <div
+                class="flex flex-wrap items-center justify-between gap-2 border-b border-slate-100 pb-3 text-xs text-slate-500 dark:border-gray-800 dark:text-gray-400"
+            >
+                <div
+                    v-if="getNodeBreadcrumbs(request.node).length > 0"
+                    class="flex flex-wrap items-center gap-1"
+                >
+                    <span>In:</span>
+                    <template
+                        v-for="(crumb, cIdx) in getNodeBreadcrumbs(
+                            request.node,
+                        )"
+                        :key="cIdx"
+                    >
+                        <span
+                            v-if="cIdx > 0"
+                            class="text-slate-400 dark:text-gray-600"
+                            >/</span
+                        >
+                        <Link
+                            :href="crumb.url"
+                            class="font-semibold text-slate-700 hover:text-indigo-600 hover:underline dark:text-gray-300 dark:hover:text-indigo-400"
+                            :title="crumb.name"
+                        >
+                            {{ crumb.name }}
+                        </Link>
+                    </template>
+                </div>
+
+                <div class="flex flex-wrap items-center gap-2">
+                    <div class="flex flex-wrap items-center gap-1">
+                        <template v-if="request.user?.name">
+                            <Link
+                                v-if="can('edit users') && request.user?.id"
+                                :href="`/admin/users/edit/${request.user.id}`"
+                                target="_blank"
+                                class="inline-flex items-center gap-1 rounded text-slate-400 transition-colors hover:text-indigo-600 dark:text-gray-500 dark:hover:text-indigo-400"
+                                title="Edit user in admin"
+                            >
+                                <span>By</span>
+                                <Pencil class="h-2.5 w-2.5" />
+                            </Link>
+                            <span v-else>By</span>
+                            <span
+                                class="font-semibold text-slate-700 dark:text-gray-300"
+                            >
+                                {{ request.user.name }}
+                            </span>
+                            <Link
+                                v-if="request.user?.username"
+                                :href="`/u/${request.user.username}`"
+                                target="_blank"
+                                class="text-indigo-600 hover:underline dark:text-indigo-400"
+                            >
+                                (@{{ request.user.username }})
+                            </Link>
+                            <span>•</span>
+                        </template>
+                        <span>{{ formatDateTime(request.created_at) }}</span>
+                    </div>
+                </div>
+            </div>
+
+            <!-- MODAL CONTENT: CREATE -->
+            <div v-if="request.action_type === 'create'" class="space-y-4">
+                <!-- Header: Title & Resource Type -->
+                <div class="flex items-start justify-between gap-3">
+                    <h3
+                        class="text-base font-bold text-slate-900 sm:text-lg dark:text-white"
+                    >
+                        {{ request.payload?.title || '(untitled)' }}
+                    </h3>
+                    <span
+                        v-if="request.payload?.resource_type"
+                        class="inline-flex shrink-0 items-center gap-1.5 rounded-full border border-slate-200/80 bg-slate-100/80 px-2.5 py-1 text-xs font-semibold tracking-wider text-slate-700 uppercase dark:border-gray-700/80 dark:bg-gray-800 dark:text-gray-300"
+                    >
+                        <FileImage
+                            v-if="request.payload?.resource_type === 'image'"
+                            class="h-3.5 w-3.5 text-amber-500"
+                        />
+                        <FileVideo
+                            v-else-if="
+                                request.payload?.resource_type === 'video'
+                            "
+                            class="h-3.5 w-3.5 text-rose-500"
+                        />
+                        <FileText v-else class="h-3.5 w-3.5 text-indigo-500" />
+                        <span>{{ request.payload?.resource_type }}</span>
+                    </span>
+                </div>
+
+                <!-- Description / Body -->
+                <p
+                    v-if="request.payload?.content"
+                    class="text-xs leading-relaxed whitespace-pre-line text-slate-600 sm:text-sm dark:text-gray-300"
+                >
+                    {{ request.payload.content }}
+                </p>
+
+                <!-- External URL -->
+                <div
+                    v-if="request.payload?.external_url"
+                    class="flex items-center gap-2 rounded-xl border border-slate-200/80 bg-slate-50/50 px-3.5 py-2.5 text-xs text-slate-600 dark:border-gray-800 dark:bg-gray-800/40 dark:text-gray-300"
+                >
+                    <ExternalLink
+                        class="h-3.5 w-3.5 shrink-0 text-slate-400 dark:text-gray-500"
+                    />
+                    <span class="font-medium text-slate-400 dark:text-gray-500"
+                        >URL:</span
+                    >
+                    <a
+                        :href="request.payload.external_url"
+                        target="_blank"
+                        class="truncate font-semibold text-indigo-600 hover:underline dark:text-indigo-400"
+                    >
+                        {{ request.payload.external_url }}
+                    </a>
+                </div>
+
+                <!-- Staged Uploaded File -->
+                <div
+                    v-if="request.staged_file_url"
+                    class="rounded-xl border border-slate-200/80 bg-slate-50/50 p-2.5 dark:border-gray-800 dark:bg-gray-800/30"
+                >
+                    <img
+                        v-if="request.payload?.resource_type === 'image'"
+                        :src="request.staged_file_url"
+                        alt="Staged"
+                        class="max-h-72 w-auto max-w-full cursor-zoom-in rounded-lg object-contain transition hover:opacity-95"
+                        @click="
+                            openImageViewer(
+                                request.staged_file_url,
+                                request.payload?.title || 'Staged Image',
+                            )
+                        "
+                    />
+                    <a
+                        v-else
+                        :href="request.staged_file_url"
+                        target="_blank"
+                        class="inline-flex items-center gap-2 px-1 py-0.5 text-xs font-semibold text-emerald-600 hover:underline dark:text-emerald-400"
+                    >
+                        <ExternalLink class="h-3.5 w-3.5" />
+                        <span>Open Staged File</span>
+                    </a>
+                </div>
+            </div>
+
+            <!-- MODAL CONTENT: UPDATE (DIFF ONLY CHANGED FIELDS) -->
+            <div v-else-if="request.action_type === 'update'" class="space-y-3">
+                <div class="flex flex-wrap items-center gap-1.5">
+                    <span
+                        class="text-xs font-bold text-slate-500 dark:text-gray-400"
+                    >
+                        Changed fields:
+                    </span>
+                    <template v-if="getChangedFields(request).length > 0">
+                        <span
+                            v-for="change in getChangedFields(request)"
+                            :key="change.key"
+                            class="rounded-md bg-amber-100 px-2 py-0.5 text-xs font-bold text-amber-800 dark:bg-amber-950/60 dark:text-amber-300"
+                        >
+                            {{ change.label }}
+                        </span>
+                    </template>
+                    <span v-else class="text-xs text-slate-400 italic">
+                        No textual changes detected
+                    </span>
+                </div>
+
+                <div class="space-y-2.5">
+                    <div
+                        v-for="change in getChangedFields(request)"
+                        :key="`modal-diff-${change.key}`"
+                        class="overflow-hidden rounded-xl border border-slate-200 bg-white shadow-2xs dark:border-gray-800 dark:bg-gray-900"
+                    >
+                        <div
+                            class="border-b border-slate-100 bg-slate-50 px-3.5 py-1.5 text-[11px] font-bold text-slate-700 dark:border-gray-800 dark:bg-gray-800/60 dark:text-gray-300"
+                        >
+                            {{ change.label }}
+                        </div>
+
+                        <div
+                            class="grid grid-cols-1 divide-y divide-slate-100 sm:grid-cols-2 sm:divide-x sm:divide-y-0 dark:divide-gray-800"
+                        >
+                            <!-- Before -->
+                            <div class="bg-slate-50/40 p-3 dark:bg-gray-900/30">
+                                <div
+                                    class="mb-1 text-[10px] font-bold tracking-wider text-slate-400 uppercase"
+                                >
+                                    Now
+                                </div>
+                                <div
+                                    class="text-xs text-slate-600 dark:text-gray-400"
+                                >
+                                    <template v-if="change.key === 'file'">
+                                        <div
+                                            v-if="
+                                                change.oldVal &&
+                                                (request.resource
+                                                    ?.resource_type ===
+                                                    'image' ||
+                                                    String(change.oldVal).match(
+                                                        /\.(jpeg|jpg|gif|png|webp|svg)$/i,
+                                                    ))
+                                            "
+                                            class="space-y-1"
+                                        >
+                                            <img
+                                                :src="change.oldVal"
+                                                alt="Current file"
+                                                class="max-h-48 max-w-full cursor-zoom-in rounded-lg border border-slate-200 object-contain transition hover:opacity-90 dark:border-gray-700"
+                                                @click="
+                                                    openImageViewer(
+                                                        change.oldVal,
+                                                        'Current Image',
+                                                    )
+                                                "
+                                            />
+                                            <div
+                                                class="text-[11px] text-slate-400 line-through decoration-rose-400/80"
+                                            >
+                                                Current image
+                                            </div>
+                                        </div>
+                                        <a
+                                            v-else-if="change.oldVal"
+                                            :href="change.oldVal"
+                                            target="_blank"
+                                            class="inline-flex items-center gap-1 line-through decoration-rose-400/80 hover:underline"
+                                        >
+                                            <span class="truncate"
+                                                >Existing file</span
+                                            >
+                                            <ExternalLink
+                                                class="h-3 w-3 shrink-0"
+                                            />
+                                        </a>
+                                        <span
+                                            v-else
+                                            class="text-slate-400 italic"
+                                            >(no file)</span
+                                        >
+                                    </template>
+                                    <template
+                                        v-else-if="
+                                            change.key === 'external_url' &&
+                                            change.oldVal !== '(none)'
+                                        "
+                                    >
+                                        <a
+                                            :href="change.oldVal"
+                                            target="_blank"
+                                            class="inline-flex max-w-full items-center gap-1 line-through decoration-rose-400/80 hover:underline"
+                                        >
+                                            <span class="truncate">{{
+                                                change.oldVal
+                                            }}</span>
+                                            <ExternalLink
+                                                class="h-3 w-3 shrink-0"
+                                            />
+                                        </a>
+                                    </template>
+                                    <template v-else>
+                                        <span
+                                            class="line-through decoration-rose-400/80"
+                                            >{{ change.oldVal }}</span
+                                        >
+                                    </template>
+                                </div>
+                            </div>
+
+                            <!-- After -->
+                            <div
+                                class="bg-amber-50/20 p-3 dark:bg-amber-950/10"
+                            >
+                                <div
+                                    class="mb-1 text-[10px] font-bold tracking-wider text-amber-700 uppercase dark:text-amber-400"
+                                >
+                                    After
+                                </div>
+                                <div
+                                    class="text-xs font-semibold text-slate-900 dark:text-white"
+                                >
+                                    <template v-if="change.key === 'file'">
+                                        <div
+                                            v-if="
+                                                change.newVal &&
+                                                (request.payload
+                                                    ?.resource_type ===
+                                                    'image' ||
+                                                    request.resource
+                                                        ?.resource_type ===
+                                                        'image' ||
+                                                    String(change.newVal).match(
+                                                        /\.(jpeg|jpg|gif|png|webp|svg)$/i,
+                                                    ))
+                                            "
+                                            class="space-y-1"
+                                        >
+                                            <img
+                                                :src="change.newVal"
+                                                alt="Proposed file"
+                                                class="max-h-48 max-w-full cursor-zoom-in rounded-lg border border-slate-200 object-contain transition hover:opacity-90 dark:border-gray-700"
+                                                @click="
+                                                    openImageViewer(
+                                                        change.newVal,
+                                                        'Proposed New Image',
+                                                    )
+                                                "
+                                            />
+                                            <div
+                                                class="text-[11px] font-normal text-amber-700 dark:text-amber-300"
+                                            >
+                                                Proposed new image
+                                            </div>
+                                        </div>
+                                        <a
+                                            v-else-if="change.newVal"
+                                            :href="change.newVal"
+                                            target="_blank"
+                                            class="inline-flex items-center gap-1 text-xs font-bold text-amber-700 hover:underline dark:text-amber-300"
+                                        >
+                                            <ExternalLink class="h-3 w-3" />
+                                            <span>New uploaded file</span>
+                                        </a>
+                                        <span
+                                            v-else
+                                            class="text-slate-400 italic"
+                                            >(no file)</span
+                                        >
+                                    </template>
+                                    <template
+                                        v-else-if="
+                                            change.key === 'external_url' &&
+                                            change.newVal !== '(none)'
+                                        "
+                                    >
+                                        <a
+                                            :href="change.newVal"
+                                            target="_blank"
+                                            class="inline-flex max-w-full items-center gap-1 text-indigo-600 hover:underline dark:text-indigo-400"
+                                        >
+                                            <span class="truncate">{{
+                                                change.newVal
+                                            }}</span>
+                                            <ExternalLink
+                                                class="h-3 w-3 shrink-0"
+                                            />
+                                        </a>
+                                    </template>
+                                    <template v-else>
+                                        {{ change.newVal }}
+                                    </template>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- MODAL CONTENT: DELETE -->
+            <div
+                v-else-if="request.action_type === 'delete'"
+                class="rounded-xl border border-rose-200 bg-rose-50/60 p-4 dark:border-rose-900/50 dark:bg-rose-950/20"
+            >
+                <div class="flex items-start gap-3">
+                    <Trash2 class="mt-0.5 h-6 w-6 shrink-0 text-rose-500" />
+                    <div>
+                        <h4
+                            class="text-base font-bold text-rose-950 dark:text-rose-200"
+                        >
+                            Target: "{{
+                                request.resource?.title ||
+                                request.targetResource?.title ||
+                                'Resource'
+                            }}"
+                        </h4>
+                        <p
+                            class="mt-1 text-xs text-rose-700/90 dark:text-rose-300/80"
+                        >
+                            The author has requested complete and permanent
+                            removal of this resource and all attached files.
+                        </p>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Audit details if not pending -->
+            <div
+                v-if="request.status !== 'pending'"
+                class="rounded-xl bg-slate-50 p-3 text-xs dark:bg-gray-800/60"
+            >
+                <div
+                    v-if="request.status === 'approved'"
+                    class="font-semibold text-emerald-600 dark:text-emerald-400"
+                >
+                    ✓ Approved<span v-if="request.reviewer?.name">
+                        by {{ request.reviewer.name }}</span
+                    >
+                    <span v-if="request.reviewed_at">
+                        on {{ formatDateTime(request.reviewed_at) }}
+                    </span>
+                </div>
+                <div v-else class="space-y-1 text-rose-600 dark:text-rose-400">
+                    <div class="font-semibold">
+                        ✕ Rejected<span v-if="request.reviewer?.name">
+                            by {{ request.reviewer.name }}</span
+                        >
+                        <span v-if="request.reviewed_at">
+                            on {{ formatDateTime(request.reviewed_at) }}
+                        </span>
+                    </div>
+                    <div
+                        v-if="request.rejection_reason"
+                        class="text-xs text-slate-600 dark:text-gray-300"
+                    >
+                        Reason: {{ request.rejection_reason }}
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <template #footer>
+            <div class="flex items-center justify-between">
+                <div>
+                    <a
+                        v-if="
+                            request?.resource?.id ||
+                            request?.targetResource?.id ||
+                            request?.resource_id
+                        "
+                        :href="`/resources/${request.resource?.id || request.targetResource?.id || request.resource_id}`"
+                        target="_blank"
+                        class="inline-flex items-center gap-1.5 rounded-xl border border-slate-200 bg-white px-3.5 py-2 text-xs font-semibold text-slate-700 shadow-2xs transition hover:bg-slate-50 hover:text-indigo-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 dark:hover:text-indigo-400"
+                    >
+                        <span>View Live Resource</span>
+                        <ExternalLink class="h-3.5 w-3.5" />
+                    </a>
+                </div>
+
+                <button
+                    type="button"
+                    @click="emit('close')"
+                    class="cursor-pointer rounded-xl px-4 py-2 text-xs font-semibold text-slate-600 hover:bg-slate-100 dark:text-gray-400 dark:hover:bg-gray-800"
+                >
+                    Close
+                </button>
+            </div>
+        </template>
+    </BaseModal>
+
+    <!-- Fullscreen Image Viewer Modal -->
+    <ImageViewerModal
+        v-model="isViewerOpen"
+        :src="viewerImageSrc"
+        :alt="viewerImageAlt"
+        @close="isViewerOpen = false"
+    />
+</template>
diff --git a/resources/js/components/navigation/Navigation.tsx b/resources/js/components/navigation/Navigation.tsx
index f58db1e6..31bc0064 100644
--- a/resources/js/components/navigation/Navigation.tsx
+++ b/resources/js/components/navigation/Navigation.tsx
@@ -396,6 +396,31 @@ export const SiteRail = defineComponent({
                                         </span>
                                     </Link>
                                 )}
+                                {user.value && (
+                                    <Link
+                                        href="/my-submissions"
+                                        class={[
+                                            'group flex h-[60px] w-full flex-col items-center justify-center rounded-xl px-1 text-center transition-colors duration-150',
+                                            isActive('/my-submissions')
+                                                ? 'bg-indigo-50/80 text-indigo-700 dark:bg-indigo-500/15 dark:text-indigo-200'
+                                                : 'text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-800/70 dark:hover:text-slate-100',
+                                        ]}
+                                        title="My Submissions"
+                                    >
+                                        <MaterialIcon
+                                            name="upload_file"
+                                            size={22}
+                                            class={`shrink-0 transition-colors duration-150 ${
+                                                isActive('/my-submissions')
+                                                    ? 'text-indigo-600 dark:text-indigo-300'
+                                                    : 'text-slate-500 group-hover:text-slate-700 dark:text-slate-500 dark:group-hover:text-slate-300'
+                                            }`}
+                                        />
+                                        <span class="mt-1 max-w-[64px] truncate text-[10px] leading-tight font-medium">
+                                            Submissions
+                                        </span>
+                                    </Link>
+                                )}
                             </nav>
                         ) : (
                             /* Expanded: Standard 280px Guide */
@@ -493,6 +518,33 @@ export const SiteRail = defineComponent({
                                         )}
                                     </Link>
                                 )}
+                                {user.value && (
+                                    <Link
+                                        href="/my-submissions"
+                                        class={[
+                                            'group flex h-10 items-center gap-3 rounded-[10px] px-3 text-[13px] font-medium tracking-tight transition-colors duration-150',
+                                            isActive('/my-submissions')
+                                                ? 'bg-indigo-50 text-indigo-700 ring-1 ring-indigo-200/60 dark:bg-indigo-500/10 dark:text-indigo-200 dark:ring-indigo-500/20'
+                                                : 'text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-800/70 dark:hover:text-slate-100',
+                                        ]}
+                                    >
+                                        <MaterialIcon
+                                            name="upload_file"
+                                            size={22}
+                                            class={`shrink-0 transition-colors duration-150 ${
+                                                isActive('/my-submissions')
+                                                    ? 'text-indigo-600 dark:text-indigo-300'
+                                                    : 'text-slate-500 group-hover:text-slate-700 dark:text-slate-500 dark:group-hover:text-slate-300'
+                                            }`}
+                                        />
+                                        <span class="truncate">
+                                            My Submissions
+                                        </span>
+                                        {isActive('/my-submissions') && (
+                                            <span class="ml-auto h-1.5 w-1.5 shrink-0 rounded-full bg-indigo-600 dark:bg-indigo-400" />
+                                        )}
+                                    </Link>
+                                )}
 
                                 {/* Platform & Community Section */}
                                 <div class="mt-4 border-t border-slate-100 pt-3 dark:border-slate-800/60">
@@ -1262,6 +1314,24 @@ export const SiteDrawer = defineComponent({
                                                         <span>My Profile</span>
                                                     </Link>
 
+                                                    {/* My Submissions */}
+                                                    <Link
+                                                        href="/my-submissions"
+                                                        onClick={() => {
+                                                            isProfileMenuOpen.value = false;
+                                                        }}
+                                                        class="flex items-center gap-2.5 rounded-xl px-2.5 py-2 text-xs font-semibold text-slate-700 transition-colors hover:bg-slate-100 hover:text-slate-900 dark:text-slate-300 dark:hover:bg-slate-800 dark:hover:text-white"
+                                                    >
+                                                        <MaterialIcon
+                                                            name="upload_file"
+                                                            size={18}
+                                                            class="text-slate-500 dark:text-slate-400"
+                                                        />
+                                                        <span>
+                                                            My Submissions
+                                                        </span>
+                                                    </Link>
+
                                                     {/* 2. Account Settings */}
                                                     <Link
                                                         href="/profile"
@@ -1496,6 +1566,40 @@ export const SiteDrawer = defineComponent({
                                                     )}
                                                 </Link>
                                             )}
+                                            {user.value && (
+                                                <Link
+                                                    href="/my-submissions"
+                                                    onClick={close}
+                                                    class={[
+                                                        'group flex items-center gap-2.5 rounded-[10px] px-2.5 py-2 text-[13px] font-medium tracking-tight transition-all duration-150 ease-out',
+                                                        isActive(
+                                                            '/my-submissions',
+                                                        )
+                                                            ? 'bg-indigo-50 text-indigo-700 ring-1 ring-indigo-200/60 dark:bg-indigo-500/10 dark:text-indigo-200 dark:ring-indigo-500/20'
+                                                            : 'text-slate-600 hover:bg-slate-100/80 hover:text-slate-900 dark:text-slate-400 dark:hover:bg-slate-800/70 dark:hover:text-slate-100',
+                                                    ]}
+                                                >
+                                                    <MaterialIcon
+                                                        name="upload_file"
+                                                        size={22}
+                                                        class={`shrink-0 transition-colors duration-150 ${
+                                                            isActive(
+                                                                '/my-submissions',
+                                                            )
+                                                                ? 'text-indigo-600 dark:text-indigo-300'
+                                                                : 'text-slate-500 group-hover:text-slate-700 dark:text-slate-500 dark:group-hover:text-slate-300'
+                                                        }`}
+                                                    />
+                                                    <span class="truncate">
+                                                        My Submissions
+                                                    </span>
+                                                    {isActive(
+                                                        '/my-submissions',
+                                                    ) && (
+                                                        <span class="ml-auto h-1.5 w-1.5 shrink-0 rounded-full bg-indigo-600 dark:bg-indigo-400" />
+                                                    )}
+                                                </Link>
+                                            )}
                                         </nav>
 
                                         {/* Platform & Community Links */}
diff --git a/resources/js/components/resources/FolderLockedModal.vue b/resources/js/components/resources/FolderLockedModal.vue
new file mode 100644
index 00000000..a9b4ea01
--- /dev/null
+++ b/resources/js/components/resources/FolderLockedModal.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import { Lock } from 'lucide-vue-next';
+import BaseModal from '@/components/BaseModal.vue';
+
+defineProps<{
+    isOpen: boolean;
+}>();
+
+const emit = defineEmits<{
+    (e: 'close'): void;
+}>();
+</script>
+
+<template>
+    <BaseModal
+        :is-open="isOpen"
+        max-width="sm"
+        position="center"
+        @close="emit('close')"
+    >
+        <div class="p-6 text-center">
+            <div
+                class="mx-auto mb-4 flex h-12 w-12 items-center justify-center rounded-2xl bg-amber-100 text-amber-600 dark:bg-amber-950/60 dark:text-amber-400"
+            >
+                <Lock class="h-6 w-6 stroke-[2.2]" />
+            </div>
+
+            <h3 class="text-base font-bold text-slate-900 dark:text-gray-100">
+                ফোল্ডারটি লক করা রয়েছে
+            </h3>
+
+            <p
+                class="mt-2 text-xs leading-relaxed text-slate-600 dark:text-gray-400"
+            >
+                এই ফোল্ডারটি বর্তমানে লক করা রয়েছে। তাই এখানে কোনো কিছু আপলোড
+                করা যাবে না।
+            </p>
+
+            <div class="mt-5">
+                <button
+                    type="button"
+                    @click="emit('close')"
+                    class="w-full cursor-pointer rounded-xl bg-slate-900 py-2.5 text-xs font-semibold text-white transition hover:bg-slate-800 active:scale-95 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-200"
+                >
+                    ঠিক আছে
+                </button>
+            </div>
+        </div>
+    </BaseModal>
+</template>
diff --git a/resources/js/components/resources/UploadResourceDropdown.vue b/resources/js/components/resources/UploadResourceDropdown.vue
new file mode 100644
index 00000000..18caf1fd
--- /dev/null
+++ b/resources/js/components/resources/UploadResourceDropdown.vue
@@ -0,0 +1,151 @@
+<script setup lang="ts">
+import {
+    Plus,
+    ChevronDown,
+    FileText,
+    Image as ImageIcon,
+    Youtube,
+} from 'lucide-vue-next';
+import { ref, onMounted, onUnmounted } from 'vue';
+import BulkImageModal from '@/components/admin/BulkImageModal.vue';
+import BulkVideoModal from '@/components/admin/BulkVideoModal.vue';
+import CreateResourceModal from '@/components/admin/CreateResourceModal.vue';
+import FolderLockedModal from '@/components/resources/FolderLockedModal.vue';
+
+import { useAuth } from '@/lib/useAuth';
+
+const props = defineProps<{
+    node: {
+        id: number;
+        name: string;
+    };
+    isFrozen: boolean;
+}>();
+
+const { requireAuth } = useAuth();
+
+const dropdownRef = ref<HTMLElement | null>(null);
+const isDropdownOpen = ref(false);
+
+const isFolderLockedModalOpen = ref(false);
+const isCreateModalOpen = ref(false);
+const isBulkImageModalOpen = ref(false);
+const isBulkVideoModalOpen = ref(false);
+
+const handleTriggerClick = () => {
+    if (props.isFrozen) {
+        isFolderLockedModalOpen.value = true;
+
+        return;
+    }
+
+    if (!requireAuth('Please sign in to upload resources.')) {
+        return;
+    }
+
+    isDropdownOpen.value = !isDropdownOpen.value;
+};
+
+const openModal = (type: 'single' | 'images' | 'videos') => {
+    isDropdownOpen.value = false;
+
+    if (!requireAuth('Please sign in to upload resources.')) {
+        return;
+    }
+
+    if (type === 'single') {
+        isCreateModalOpen.value = true;
+    } else if (type === 'images') {
+        isBulkImageModalOpen.value = true;
+    } else if (type === 'videos') {
+        isBulkVideoModalOpen.value = true;
+    }
+};
+
+const handleClickOutside = (e: MouseEvent) => {
+    const target = e.target as Node | null;
+
+    if (dropdownRef.value && target && !dropdownRef.value.contains(target)) {
+        isDropdownOpen.value = false;
+    }
+};
+
+onMounted(() => {
+    document.addEventListener('click', handleClickOutside);
+});
+
+onUnmounted(() => {
+    document.removeEventListener('click', handleClickOutside);
+});
+</script>
+
+<template>
+    <div ref="dropdownRef" class="relative inline-block">
+        <button
+            type="button"
+            @click="handleTriggerClick"
+            class="inline-flex cursor-pointer items-center gap-1 rounded-xl bg-indigo-600 px-3 py-1.5 text-xs font-bold text-white shadow-xs transition select-none hover:bg-indigo-700 active:scale-95"
+        >
+            <Plus class="h-4 w-4 stroke-[2.5]" />
+            <span>আপলোড করুন</span>
+            <ChevronDown class="h-3.5 w-3.5 opacity-80" />
+        </button>
+
+        <div
+            v-if="isDropdownOpen"
+            class="absolute right-0 z-20 mt-1.5 w-48 rounded-xl border border-slate-200/90 bg-white p-1 shadow-lg dark:border-gray-800 dark:bg-gray-900"
+        >
+            <button
+                type="button"
+                @click="openModal('single')"
+                class="flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-left text-xs font-medium text-slate-700 hover:bg-slate-50 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100"
+            >
+                <FileText
+                    class="h-4 w-4 text-indigo-600 dark:text-indigo-400"
+                />
+                <span>সিঙ্গেল কন্টেন্ট</span>
+            </button>
+            <button
+                type="button"
+                @click="openModal('images')"
+                class="flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-left text-xs font-medium text-slate-700 hover:bg-slate-50 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100"
+            >
+                <ImageIcon
+                    class="h-4 w-4 text-emerald-600 dark:text-emerald-400"
+                />
+                <span>একাধিক ছবি</span>
+            </button>
+            <button
+                type="button"
+                @click="openModal('videos')"
+                class="flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-left text-xs font-medium text-slate-700 hover:bg-slate-50 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100"
+            >
+                <Youtube class="h-4 w-4 text-rose-600 dark:text-rose-400" />
+                <span>ইউটিউব প্লেলিস্ট</span>
+            </button>
+        </div>
+
+        <!-- Lock Modal -->
+        <FolderLockedModal
+            :is-open="isFolderLockedModalOpen"
+            @close="isFolderLockedModalOpen = false"
+        />
+
+        <!-- Modals -->
+        <CreateResourceModal
+            :is-open="isCreateModalOpen"
+            :node="node"
+            @close="isCreateModalOpen = false"
+        />
+        <BulkImageModal
+            :is-open="isBulkImageModalOpen"
+            :node="node"
+            @close="isBulkImageModalOpen = false"
+        />
+        <BulkVideoModal
+            :is-open="isBulkVideoModalOpen"
+            :node="node"
+            @close="isBulkVideoModalOpen = false"
+        />
+    </div>
+</template>
diff --git a/resources/js/pages/Node.vue b/resources/js/pages/Node.vue
index 7524a8e9..8de3a297 100644
--- a/resources/js/pages/Node.vue
+++ b/resources/js/pages/Node.vue
@@ -8,6 +8,7 @@ import BreadcrumbNav from '@/components/BreadcrumbNav.vue';
 import EmptyState from '@/components/EmptyState.vue';
 import NodeRow from '@/components/NodeRow.vue';
 import ResourceRow from '@/components/ResourceRow.vue';
+import UploadResourceDropdown from '@/components/resources/UploadResourceDropdown.vue';
 import UserListItem from '@/components/UserListItem.vue';
 import { useAuth } from '@/lib/useAuth';
 
@@ -384,10 +385,14 @@ const handleVote = (type: 'up' | 'down') => {
             class="flex flex-1 flex-col overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm dark:border-gray-700 dark:bg-gray-900"
         >
             <div
-                class="flex items-center justify-between border-b border-slate-100 bg-slate-50 px-5 py-3.5 text-xs font-bold tracking-wider text-slate-400 uppercase sm:px-6 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-500"
+                class="flex items-center justify-between border-b border-slate-100 bg-slate-50 px-5 py-2.5 text-xs font-bold tracking-wider text-slate-400 uppercase sm:px-6 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-500"
             >
                 <span>Name</span>
-                <span class="hidden sm:inline">Type</span>
+                <UploadResourceDropdown
+                    v-if="currentNode"
+                    :node="currentNode as any"
+                    :is-frozen="Boolean(currentNode.is_frozen)"
+                />
             </div>
 
             <div class="flex-1 divide-y divide-slate-100 dark:divide-gray-800">
@@ -407,7 +412,6 @@ const handleVote = (type: 'up' | 'down') => {
                     v-else
                     title="কোনো রিসোর্স পাওয়া যায়নি"
                     description="শীঘ্রই এখানে নতুন স্টাডি ম্যাটেরিয়াল ও নোট আপলোড করা হবে।"
-                    :show-cta="true"
                 />
             </div>
         </div>
diff --git a/resources/js/pages/Submissions/Index.vue b/resources/js/pages/Submissions/Index.vue
new file mode 100644
index 00000000..4fe47483
--- /dev/null
+++ b/resources/js/pages/Submissions/Index.vue
@@ -0,0 +1,423 @@
+<script setup lang="ts">
+import { Head, Link } from '@inertiajs/vue3';
+import {
+    Clock,
+    CheckCircle2,
+    XCircle,
+    FileText,
+    Image as ImageIcon,
+    Video,
+    File,
+} from 'lucide-vue-next';
+import { ref } from 'vue';
+import ReviewResourceModal from '@/components/admin/ReviewResourceModal.vue';
+import EmptyState from '@/components/EmptyState.vue';
+import Pagination from '@/components/Pagination.vue';
+
+interface Submission {
+    id: number;
+    action_type: 'create' | 'update' | 'delete';
+    status: 'pending' | 'approved' | 'rejected';
+    payload: Record<string, any>;
+    rejection_reason?: string | null;
+    created_at: string;
+    reviewed_at?: string | null;
+    node?: {
+        id: number;
+        name: string;
+        slug: string;
+        subject?: {
+            id: number;
+            name: string;
+            slug: string;
+        } | null;
+        breadcrumb?: Array<{
+            name: string;
+            slug?: string;
+        }>;
+    } | null;
+    reviewer?: {
+        id: number;
+        name: string;
+        username?: string | null;
+    } | null;
+}
+
+interface PaginationData<T> {
+    data: T[];
+    links: { url: string | null; label: string; active: boolean }[];
+    current_page: number;
+    last_page: number;
+    total: number;
+    from: number | null;
+    to: number | null;
+}
+
+defineProps<{
+    submissions: PaginationData<Submission>;
+    quota: {
+        used: number;
+        max: number;
+        is_verified: boolean;
+    };
+    counts: {
+        all: number;
+        pending: number;
+        approved: number;
+        rejected: number;
+    };
+    currentStatus: string;
+}>();
+
+const viewingSubmission = ref<any | null>(null);
+
+const tabs = [
+    { key: 'all', label: 'সবগুলো' },
+    { key: 'pending', label: 'পর্যালোচনাধীন' },
+    { key: 'approved', label: 'অনুমোদিত' },
+    { key: 'rejected', label: 'বাতিলকৃত' },
+] as const;
+
+const formatDate = (dateString: string) => {
+    try {
+        const date = new Date(dateString);
+
+        return date.toLocaleDateString('en-US', {
+            month: 'short',
+            day: 'numeric',
+            year: 'numeric',
+        });
+    } catch {
+        return dateString;
+    }
+};
+
+const getResourceIcon = (type?: string) => {
+    switch (type) {
+        case 'image':
+            return ImageIcon;
+        case 'video':
+            return Video;
+        case 'pdf':
+            return File;
+        default:
+            return FileText;
+    }
+};
+
+const getNodePath = (node?: Submission['node']): string[] => {
+    if (!node) {
+        return [];
+    }
+
+    const segments: string[] = [];
+
+    if (node.subject?.name) {
+        segments.push(node.subject.name);
+    }
+
+    if (node.breadcrumb && node.breadcrumb.length > 0) {
+        for (const crumb of node.breadcrumb) {
+            segments.push(crumb.name);
+        }
+    } else if (node.name) {
+        segments.push(node.name);
+    }
+
+    if (segments.length > 2) {
+        return [
+            '...',
+            segments[segments.length - 2],
+            segments[segments.length - 1],
+        ];
+    }
+
+    return segments;
+};
+
+const getNodeUrl = (node?: Submission['node']): string => {
+    if (!node?.subject?.slug) {
+        return '#';
+    }
+
+    let path = `/${node.subject.slug}`;
+
+    if (node.breadcrumb && node.breadcrumb.length > 0) {
+        for (const crumb of node.breadcrumb) {
+            if (crumb.slug) {
+                path += `/${crumb.slug}`;
+            }
+        }
+    } else if (node.slug) {
+        path += `/${node.slug}`;
+    }
+
+    return path;
+};
+</script>
+
+<template>
+    <Head title="My Submissions - HSCStack" />
+
+    <main
+        class="mx-auto max-w-5xl px-3.5 py-4 font-sans text-slate-700 selection:bg-indigo-50 sm:px-6 sm:py-8 lg:px-8 dark:text-gray-300 dark:selection:bg-indigo-500/30"
+    >
+        <!-- Header -->
+        <header
+            class="mb-3.5 flex items-center justify-between gap-3 sm:mb-6 sm:border-b sm:border-slate-100 sm:pb-5 dark:sm:border-gray-800"
+        >
+            <div>
+                <h1
+                    class="text-xl font-extrabold tracking-tight text-slate-900 sm:text-3xl dark:text-gray-100"
+                >
+                    My
+                    <span class="text-indigo-600 dark:text-indigo-400"
+                        >Submissions</span
+                    >
+                </h1>
+                <p
+                    class="text-xs text-slate-500 sm:mt-1 sm:text-sm dark:text-gray-400"
+                >
+                    আপনার আপলোডকৃত কন্টেন্ট, মডারেশন স্ট্যাটাস ও কোটা ট্র্যাকার
+                </p>
+            </div>
+        </header>
+
+        <!-- Quota Usage Card -->
+        <div
+            class="mb-6 rounded-2xl border border-slate-200/80 bg-white p-4 shadow-2xs sm:p-5 dark:border-gray-800 dark:bg-gray-900"
+        >
+            <div
+                class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"
+            >
+                <div>
+                    <div class="flex items-center gap-2">
+                        <span
+                            class="text-xs font-bold text-slate-700 dark:text-gray-300"
+                        >
+                            পর্যালোচনাধীন কোটা
+                        </span>
+                        <span
+                            class="rounded-md bg-indigo-50 px-2 py-0.5 text-[11px] font-bold text-indigo-600 dark:bg-indigo-950/50 dark:text-indigo-400"
+                        >
+                            {{ quota.used }} / {{ quota.max }}
+                        </span>
+                    </div>
+                    <p
+                        class="mt-1 text-[11px] text-slate-500 dark:text-gray-400"
+                    >
+                        বর্তমানে পর্যালোচনাধীন কন্টেন্ট সংখ্যা কোটায় যুক্ত হয়।
+                        অনুমোদিত বা বাতিল হলে কোটা খালি হয়ে যায়। ভেরিফাইড
+                        মেম্বারদের কোটা বেশি।
+                    </p>
+                </div>
+
+                <!-- Progress Bar -->
+                <div class="w-full sm:w-48">
+                    <div
+                        class="h-2 w-full overflow-hidden rounded-full bg-slate-100 dark:bg-gray-800"
+                    >
+                        <div
+                            class="h-full rounded-full transition-all duration-300"
+                            :class="
+                                quota.used >= quota.max
+                                    ? 'bg-rose-500'
+                                    : quota.used > quota.max * 0.7
+                                      ? 'bg-amber-500'
+                                      : 'bg-indigo-600'
+                            "
+                            :style="{
+                                width: `${Math.min(100, (quota.used / quota.max) * 100)}%`,
+                            }"
+                        />
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Status Filter Tabs -->
+        <div
+            class="mb-6 flex flex-wrap items-center gap-2 border-b border-slate-200/80 pb-4 dark:border-gray-800"
+        >
+            <Link
+                v-for="tab in tabs"
+                :key="tab.key"
+                :href="
+                    tab.key === 'all'
+                        ? '/my-submissions'
+                        : `/my-submissions?status=${tab.key}`
+                "
+                preserve-scroll
+                class="inline-flex items-center gap-2 rounded-xl px-3.5 py-2 text-xs font-bold transition-all"
+                :class="[
+                    currentStatus === tab.key
+                        ? 'bg-indigo-50 text-indigo-600 dark:bg-indigo-950/70 dark:text-indigo-400'
+                        : 'text-slate-600 hover:bg-slate-50 hover:text-slate-900 dark:text-gray-400 dark:hover:bg-gray-800/80 dark:hover:text-gray-200',
+                ]"
+            >
+                <span>{{ tab.label }}</span>
+                <span
+                    class="rounded-lg px-1.5 py-0.5 text-[10px] font-bold"
+                    :class="[
+                        currentStatus === tab.key
+                            ? 'bg-indigo-200/60 text-indigo-700 dark:bg-indigo-900/60 dark:text-indigo-300'
+                            : 'bg-slate-100 text-slate-500 dark:bg-gray-800 dark:text-gray-400',
+                    ]"
+                >
+                    {{ counts[tab.key] }}
+                </span>
+            </Link>
+        </div>
+
+        <!-- Submissions List -->
+        <div v-if="submissions.data.length > 0" class="space-y-3">
+            <div
+                v-for="item in submissions.data"
+                :key="item.id"
+                @click="viewingSubmission = item"
+                class="cursor-pointer rounded-2xl border border-slate-200/80 bg-white p-4 shadow-2xs transition hover:border-indigo-300 hover:shadow-xs dark:border-gray-800 dark:bg-gray-900 dark:hover:border-indigo-700/60"
+            >
+                <div
+                    class="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between"
+                >
+                    <div class="flex items-start gap-3">
+                        <!-- Icon -->
+                        <div
+                            class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-slate-50 text-slate-600 dark:bg-gray-800 dark:text-gray-300"
+                        >
+                            <component
+                                :is="
+                                    getResourceIcon(item.payload?.resource_type)
+                                "
+                                class="h-5 w-5"
+                            />
+                        </div>
+
+                        <!-- Info -->
+                        <div class="min-w-0 flex-1">
+                            <div class="flex flex-wrap items-center gap-2">
+                                <h3
+                                    class="text-sm font-bold text-slate-900 dark:text-gray-100"
+                                >
+                                    {{ item.payload?.title || 'রিসোর্স' }}
+                                </h3>
+
+                                <span
+                                    v-if="item.action_type === 'create'"
+                                    class="rounded-md bg-emerald-50 px-2 py-0.5 text-[10px] font-bold text-emerald-700 uppercase dark:bg-emerald-950/50 dark:text-emerald-400"
+                                >
+                                    আপলোড
+                                </span>
+                                <span
+                                    v-else-if="item.action_type === 'update'"
+                                    class="rounded-md bg-amber-50 px-2 py-0.5 text-[10px] font-bold text-amber-700 uppercase dark:bg-amber-950/50 dark:text-amber-400"
+                                >
+                                    আপডেট
+                                </span>
+                                <span
+                                    v-else
+                                    class="rounded-md bg-rose-50 px-2 py-0.5 text-[10px] font-bold text-rose-700 uppercase dark:bg-rose-950/50 dark:text-rose-400"
+                                >
+                                    ডিলিট
+                                </span>
+                            </div>
+
+                            <div
+                                class="mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-slate-500 dark:text-gray-400"
+                            >
+                                <span
+                                    v-if="getNodePath(item.node).length > 0"
+                                    class="inline-flex flex-wrap items-center gap-1 font-medium text-slate-600 dark:text-gray-300"
+                                >
+                                    <span class="text-slate-400">in</span>
+                                    <Link
+                                        :href="getNodeUrl(item.node)"
+                                        class="inline-flex flex-wrap items-center gap-1 hover:text-indigo-600 hover:underline dark:hover:text-indigo-400"
+                                        @click.stop
+                                    >
+                                        <template
+                                            v-for="(seg, sIdx) in getNodePath(
+                                                item.node,
+                                            )"
+                                            :key="sIdx"
+                                        >
+                                            <span
+                                                v-if="sIdx > 0"
+                                                class="text-slate-400 dark:text-gray-600"
+                                                >/</span
+                                            >
+                                            <span>{{ seg }}</span>
+                                        </template>
+                                    </Link>
+                                </span>
+
+                                <span v-if="getNodePath(item.node).length > 0"
+                                    >·</span
+                                >
+                                <span>{{ formatDate(item.created_at) }}</span>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- Status Pill -->
+                    <div
+                        class="flex items-center gap-2 self-start sm:self-auto"
+                    >
+                        <!-- Pending -->
+                        <template v-if="item.status === 'pending'">
+                            <span
+                                class="inline-flex items-center gap-1.5 rounded-full bg-amber-50 px-3 py-1 text-xs font-bold text-amber-700 dark:bg-amber-950/60 dark:text-amber-400"
+                            >
+                                <Clock class="h-3.5 w-3.5" />
+                                পর্যালোচনাধীন
+                            </span>
+                        </template>
+
+                        <!-- Approved -->
+                        <template v-else-if="item.status === 'approved'">
+                            <span
+                                class="inline-flex items-center gap-1.5 rounded-full bg-emerald-50 px-3 py-1 text-xs font-bold text-emerald-700 dark:bg-emerald-950/60 dark:text-emerald-400"
+                            >
+                                <CheckCircle2 class="h-3.5 w-3.5" />
+                                অনুমোদিত
+                            </span>
+                        </template>
+
+                        <!-- Rejected -->
+                        <template v-else-if="item.status === 'rejected'">
+                            <span
+                                class="inline-flex items-center gap-1.5 rounded-full bg-rose-50 px-3 py-1 text-xs font-bold text-rose-700 dark:bg-rose-950/60 dark:text-rose-400"
+                            >
+                                <XCircle class="h-3.5 w-3.5" />
+                                বাতিলকৃত
+                            </span>
+                        </template>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Pagination -->
+            <div class="pt-4">
+                <Pagination
+                    :links="submissions.links"
+                    :from="submissions.from"
+                    :to="submissions.to"
+                    :total="submissions.total"
+                />
+            </div>
+        </div>
+
+        <!-- Empty State -->
+        <EmptyState
+            v-else
+            title="কোনো সাবমিশন পাওয়া যায়নি"
+            description="আপনার কোনো কন্টেন্ট সাবমিশন এই তালিকায় নেই।"
+        />
+
+        <!-- Submission Preview & Diff Modal -->
+        <ReviewResourceModal
+            :request="viewingSubmission"
+            @close="viewingSubmission = null"
+        />
+    </main>
+</template>
diff --git a/resources/js/pages/admin/Index.vue b/resources/js/pages/admin/Index.vue
index 0c2d3ea5..043ef94e 100644
--- a/resources/js/pages/admin/Index.vue
+++ b/resources/js/pages/admin/Index.vue
@@ -147,7 +147,6 @@ const getFilterUrl = (course: string, group: string) => {
                 v-else
                 title="No subjects found"
                 description="No subjects have been created in this category yet."
-                :show-cta="false"
             />
         </div>
     </div>
diff --git a/resources/js/pages/admin/Node.vue b/resources/js/pages/admin/Node.vue
index f39aeebb..4d7f7cf1 100644
--- a/resources/js/pages/admin/Node.vue
+++ b/resources/js/pages/admin/Node.vue
@@ -1,10 +1,8 @@
 <script setup lang="ts">
 import { Head, router, usePage } from '@inertiajs/vue3';
 import { computed, ref, onMounted, onUnmounted } from 'vue';
-import BulkImageModal from '@/components/admin/BulkImageModal.vue';
 import BulkNodeModal from '@/components/admin/BulkNodeModal.vue';
 import BulkRenameModal from '@/components/admin/BulkRenameModal.vue';
-import BulkVideoModal from '@/components/admin/BulkVideoModal.vue';
 import CreateNodeModal from '@/components/admin/CreateNodeModal.vue';
 import CreateResourceModal from '@/components/admin/CreateResourceModal.vue';
 import NodeHeader from '@/components/admin/NodeHeader.vue';
@@ -12,7 +10,7 @@ import NodeRow from '@/components/admin/NodeRow.vue';
 import NodeTabsHeader from '@/components/admin/NodeTabsHeader.vue';
 import PendingSubmissionRow from '@/components/admin/PendingSubmissionRow.vue';
 import ResourceRow from '@/components/admin/ResourceRow.vue';
-import ResourceSubmissionModal from '@/components/admin/ResourceSubmissionModal.vue';
+import ReviewResourceModal from '@/components/admin/ReviewResourceModal.vue';
 import EmptyState from '@/components/EmptyState.vue';
 import { usePermissions } from '@/lib/usePermissions';
 
@@ -70,8 +68,6 @@ const toggleFreeze = () => {
 };
 
 const isBulkModalOpen = ref(false);
-const isBulkImageModalOpen = ref(false);
-const isBulkVideoModalOpen = ref(false);
 const isBulkRenameModalOpen = ref(false);
 const isSingleModalOpen = ref(false);
 const editingNode = ref<any | null>(null);
@@ -94,11 +90,6 @@ const handleNodeModalClose = () => {
     editingNode.value = null;
 };
 
-const openCreateResourceModal = () => {
-    editingResource.value = null;
-    isSingleResourceModalOpen.value = true;
-};
-
 const openEditResourceModal = (resource: any) => {
     editingResource.value = resource;
     isSingleResourceModalOpen.value = true;
@@ -257,9 +248,6 @@ const adminBreadcrumbs = computed<BreadcrumbItem[]>(() => {
             @toggle-freeze="toggleFreeze"
             @create-single-folder="openCreateNodeModal"
             @create-bulk-folder="isBulkModalOpen = true"
-            @create-single-resource="openCreateResourceModal"
-            @create-bulk-image="isBulkImageModalOpen = true"
-            @create-bulk-video="isBulkVideoModalOpen = true"
         />
 
         <!-- Modals -->
@@ -286,20 +274,6 @@ const adminBreadcrumbs = computed<BreadcrumbItem[]>(() => {
             @close="isBulkModalOpen = false"
         />
 
-        <BulkImageModal
-            v-if="parent"
-            :is-open="isBulkImageModalOpen"
-            :node="parent"
-            @close="isBulkImageModalOpen = false"
-        />
-
-        <BulkVideoModal
-            v-if="parent"
-            :is-open="isBulkVideoModalOpen"
-            :node="parent"
-            @close="isBulkVideoModalOpen = false"
-        />
-
         <BulkRenameModal
             v-if="parent"
             :is-open="isBulkRenameModalOpen"
@@ -309,8 +283,8 @@ const adminBreadcrumbs = computed<BreadcrumbItem[]>(() => {
         />
 
         <!-- Pending / Rejected Resource Preview Modal -->
-        <ResourceSubmissionModal
-            :change-request="viewingPendingModal"
+        <ReviewResourceModal
+            :request="viewingPendingModal"
             @close="viewingPendingModal = null"
         />
 
diff --git a/resources/js/pages/admin/moderation/Resources.vue b/resources/js/pages/admin/moderation/Resources.vue
index edbedf4c..402e75b5 100644
--- a/resources/js/pages/admin/moderation/Resources.vue
+++ b/resources/js/pages/admin/moderation/Resources.vue
@@ -3,7 +3,6 @@ import { Head, Link, router, usePage } from '@inertiajs/vue3';
 import {
     Check,
     Clock,
-    ExternalLink,
     Eye,
     FileImage,
     FileText,
@@ -15,6 +14,7 @@ import {
     X,
 } from 'lucide-vue-next';
 import { computed, ref, watch } from 'vue';
+import ReviewResourceModal from '@/components/admin/ReviewResourceModal.vue';
 import BaseModal from '@/components/BaseModal.vue';
 import EmptyState from '@/components/EmptyState.vue';
 import { formatDateTime, formatTimeAgo } from '@/lib/useDate';
@@ -301,46 +301,6 @@ const getNodeBreadcrumbs = (node?: Node): BreadcrumbItem[] => {
     return items;
 };
 
-const handleApprove = (req: ChangeRequest) => {
-    const actionLabel =
-        req.action_type === 'create'
-            ? 'new upload'
-            : req.action_type === 'update'
-              ? 'edited resource'
-              : 'resource deletion';
-
-    if (confirm(`Approve this ${actionLabel}?`)) {
-        isProcessing.value = true;
-        processingId.value = req.id;
-        router.post(
-            '/admin/moderation/resources/approve',
-            { ids: [req.id] },
-            {
-                preserveScroll: true,
-                onSuccess: () => {
-                    if (props.filters.status === 'pending') {
-                        loadedRequests.value = loadedRequests.value.filter(
-                            (r) => r.id !== req.id,
-                        );
-                    }
-
-                    selectedIds.value = selectedIds.value.filter(
-                        (id) => id !== req.id,
-                    );
-
-                    if (viewingRequest.value?.id === req.id) {
-                        viewingRequest.value = null;
-                    }
-                },
-                onFinish: () => {
-                    isProcessing.value = false;
-                    processingId.value = null;
-                },
-            },
-        );
-    }
-};
-
 const handleBulkApprove = () => {
     if (selectedIds.value.length === 0) {
         return;
@@ -995,545 +955,10 @@ const handleReject = () => {
     </div>
 
     <!-- 1. Dedicated Review / Diff Modal -->
-    <BaseModal
-        :is-open="viewingRequest !== null"
-        :title="
-            viewingRequest?.action_type === 'create'
-                ? 'Review New Upload'
-                : viewingRequest?.action_type === 'update'
-                  ? 'Compare Proposed Changes'
-                  : 'Review Deletion Request'
-        "
-        max-width="2xl"
+    <ReviewResourceModal
+        :request="viewingRequest"
         @close="viewingRequest = null"
-    >
-        <template #icon>
-            <div
-                v-if="viewingRequest?.action_type === 'create'"
-                class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-emerald-50 text-emerald-600 dark:bg-emerald-950/60 dark:text-emerald-400"
-            >
-                <PlusCircle class="h-5 w-5" />
-            </div>
-            <div
-                v-else-if="viewingRequest?.action_type === 'update'"
-                class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-amber-50 text-amber-600 dark:bg-amber-950/60 dark:text-amber-400"
-            >
-                <Pencil class="h-5 w-5" />
-            </div>
-            <div
-                v-else
-                class="flex h-9 w-9 shrink-0 items-center justify-center rounded-xl bg-rose-50 text-rose-600 dark:bg-rose-950/60 dark:text-rose-400"
-            >
-                <Trash2 class="h-5 w-5" />
-            </div>
-        </template>
-
-        <div v-if="viewingRequest" class="space-y-4 p-4 sm:p-6">
-            <!-- Modal Header Meta (Location, Submitter, Live Link) -->
-            <div
-                class="flex flex-wrap items-center justify-between gap-2 border-b border-slate-100 pb-3 text-xs text-slate-500 dark:border-gray-800 dark:text-gray-400"
-            >
-                <div
-                    v-if="getNodeBreadcrumbs(viewingRequest.node).length > 0"
-                    class="flex flex-wrap items-center gap-1"
-                >
-                    <span>In:</span>
-                    <template
-                        v-for="(crumb, cIdx) in getNodeBreadcrumbs(
-                            viewingRequest.node,
-                        )"
-                        :key="cIdx"
-                    >
-                        <span
-                            v-if="cIdx > 0"
-                            class="text-slate-400 dark:text-gray-600"
-                            >/</span
-                        >
-                        <a
-                            :href="crumb.url"
-                            target="_blank"
-                            class="font-semibold text-slate-700 hover:text-indigo-600 hover:underline dark:text-gray-300 dark:hover:text-indigo-400"
-                            :title="crumb.name"
-                        >
-                            {{ crumb.name }}
-                        </a>
-                    </template>
-                </div>
-
-                <div class="flex flex-wrap items-center gap-2">
-                    <div class="flex flex-wrap items-center gap-1">
-                        <Link
-                            v-if="can('edit users') && viewingRequest.user?.id"
-                            :href="`/admin/users/edit/${viewingRequest.user.id}`"
-                            target="_blank"
-                            class="inline-flex items-center gap-1 rounded text-slate-400 transition-colors hover:text-indigo-600 dark:text-gray-500 dark:hover:text-indigo-400"
-                            title="Edit user in admin"
-                        >
-                            <span>By</span>
-                            <Pencil class="h-2.5 w-2.5" />
-                        </Link>
-                        <span v-else>By</span>
-                        <span
-                            class="font-semibold text-slate-700 dark:text-gray-300"
-                        >
-                            {{ viewingRequest.user?.name }}
-                        </span>
-                        <Link
-                            v-if="viewingRequest.user?.username"
-                            :href="`/u/${viewingRequest.user.username}`"
-                            target="_blank"
-                            class="text-indigo-600 hover:underline dark:text-indigo-400"
-                        >
-                            (@{{ viewingRequest.user.username }})
-                        </Link>
-                        • {{ formatDateTime(viewingRequest.created_at) }}
-                    </div>
-
-                    <!-- Direct link to view live resource page (for edit or delete) -->
-                    <a
-                        v-if="viewingRequest.resource_id"
-                        :href="`/resources/${viewingRequest.resource_id}`"
-                        target="_blank"
-                        class="inline-flex items-center gap-1 rounded-lg border border-slate-200 bg-white px-2 py-1 text-xs font-semibold text-indigo-600 shadow-2xs hover:bg-slate-50 hover:underline dark:border-gray-700 dark:bg-gray-800 dark:text-indigo-400 dark:hover:bg-gray-700"
-                        title="Open live resource page in new tab"
-                    >
-                        <ExternalLink class="h-3 w-3" />
-                        <span>View Live Page</span>
-                    </a>
-                </div>
-            </div>
-
-            <!-- MODAL CONTENT: CREATE -->
-            <div
-                v-if="viewingRequest.action_type === 'create'"
-                class="space-y-3"
-            >
-                <div class="grid grid-cols-1 gap-3 sm:grid-cols-2">
-                    <div
-                        class="rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-gray-800 dark:bg-gray-800/50"
-                    >
-                        <span
-                            class="text-[10px] font-bold tracking-wider text-slate-400 uppercase"
-                        >
-                            Title
-                        </span>
-                        <div
-                            class="mt-1 text-sm font-semibold text-slate-900 dark:text-white"
-                        >
-                            {{ viewingRequest.payload?.title || '(untitled)' }}
-                        </div>
-                    </div>
-
-                    <div
-                        class="rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-gray-800 dark:bg-gray-800/50"
-                    >
-                        <span
-                            class="text-[10px] font-bold tracking-wider text-slate-400 uppercase"
-                        >
-                            Resource Type
-                        </span>
-                        <div
-                            class="mt-1 flex items-center gap-1.5 font-semibold text-slate-800 uppercase dark:text-gray-200"
-                        >
-                            <FileImage
-                                v-if="
-                                    viewingRequest.payload?.resource_type ===
-                                    'image'
-                                "
-                                class="h-4 w-4 text-amber-500"
-                            />
-                            <FileVideo
-                                v-else-if="
-                                    viewingRequest.payload?.resource_type ===
-                                    'video'
-                                "
-                                class="h-4 w-4 text-rose-500"
-                            />
-                            <FileText v-else class="h-4 w-4 text-indigo-500" />
-                            <span>{{
-                                viewingRequest.payload?.resource_type
-                            }}</span>
-                        </div>
-                    </div>
-                </div>
-
-                <div
-                    v-if="viewingRequest.payload?.content"
-                    class="rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-gray-800 dark:bg-gray-800/50"
-                >
-                    <span
-                        class="text-[10px] font-bold tracking-wider text-slate-400 uppercase"
-                    >
-                        Body / Description
-                    </span>
-                    <div
-                        class="mt-1 text-xs leading-relaxed text-slate-700 dark:text-gray-200"
-                    >
-                        {{ viewingRequest.payload.content }}
-                    </div>
-                </div>
-
-                <div
-                    v-if="viewingRequest.payload?.external_url"
-                    class="rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-gray-800 dark:bg-gray-800/50"
-                >
-                    <span
-                        class="text-[10px] font-bold tracking-wider text-slate-400 uppercase"
-                    >
-                        External URL
-                    </span>
-                    <div class="mt-1">
-                        <a
-                            :href="viewingRequest.payload.external_url"
-                            target="_blank"
-                            class="inline-flex items-center gap-1 text-xs font-semibold text-indigo-600 hover:underline dark:text-indigo-400"
-                        >
-                            <span>{{
-                                viewingRequest.payload.external_url
-                            }}</span>
-                            <ExternalLink class="h-3 w-3" />
-                        </a>
-                    </div>
-                </div>
-
-                <div
-                    v-if="viewingRequest.staged_file_url"
-                    class="rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-gray-800 dark:bg-gray-800/50"
-                >
-                    <span
-                        class="text-[10px] font-bold tracking-wider text-slate-400 uppercase"
-                    >
-                        Uploaded Local File
-                    </span>
-                    <div class="mt-2">
-                        <img
-                            v-if="
-                                viewingRequest.payload?.resource_type ===
-                                'image'
-                            "
-                            :src="viewingRequest.staged_file_url"
-                            alt="Staged"
-                            class="max-h-64 max-w-full rounded-xl border border-slate-200 object-contain dark:border-gray-700"
-                        />
-                        <a
-                            v-else
-                            :href="viewingRequest.staged_file_url"
-                            target="_blank"
-                            class="inline-flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-semibold text-emerald-600 hover:underline dark:border-gray-700 dark:bg-gray-800 dark:text-emerald-400"
-                        >
-                            <ExternalLink class="h-3.5 w-3.5" />
-                            <span>Open Staged File</span>
-                        </a>
-                    </div>
-                </div>
-            </div>
-
-            <!-- MODAL CONTENT: UPDATE (DIFF ONLY CHANGED FIELDS) -->
-            <div
-                v-else-if="viewingRequest.action_type === 'update'"
-                class="space-y-3"
-            >
-                <div class="flex flex-wrap items-center gap-1.5">
-                    <span
-                        class="text-xs font-bold text-slate-500 dark:text-gray-400"
-                    >
-                        Changed fields:
-                    </span>
-                    <template
-                        v-if="getChangedFields(viewingRequest).length > 0"
-                    >
-                        <span
-                            v-for="change in getChangedFields(viewingRequest)"
-                            :key="change.key"
-                            class="rounded-md bg-amber-100 px-2 py-0.5 text-xs font-bold text-amber-800 dark:bg-amber-950/60 dark:text-amber-300"
-                        >
-                            {{ change.label }}
-                        </span>
-                    </template>
-                    <span v-else class="text-xs text-slate-400 italic">
-                        No textual changes detected
-                    </span>
-                </div>
-
-                <div class="space-y-2.5">
-                    <div
-                        v-for="change in getChangedFields(viewingRequest)"
-                        :key="`modal-diff-${change.key}`"
-                        class="overflow-hidden rounded-xl border border-slate-200 bg-white shadow-2xs dark:border-gray-800 dark:bg-gray-900"
-                    >
-                        <div
-                            class="border-b border-slate-100 bg-slate-50 px-3.5 py-1.5 text-[11px] font-bold text-slate-700 dark:border-gray-800 dark:bg-gray-800/60 dark:text-gray-300"
-                        >
-                            {{ change.label }}
-                        </div>
-
-                        <div
-                            class="grid grid-cols-1 divide-y divide-slate-100 sm:grid-cols-2 sm:divide-x sm:divide-y-0 dark:divide-gray-800"
-                        >
-                            <!-- Before -->
-                            <div class="bg-slate-50/40 p-3 dark:bg-gray-900/30">
-                                <div
-                                    class="mb-1 text-[10px] font-bold tracking-wider text-slate-400 uppercase"
-                                >
-                                    Now
-                                </div>
-                                <div
-                                    class="text-xs text-slate-600 dark:text-gray-400"
-                                >
-                                    <template v-if="change.key === 'file'">
-                                        <div
-                                            v-if="
-                                                change.oldVal &&
-                                                (viewingRequest.resource
-                                                    ?.resource_type ===
-                                                    'image' ||
-                                                    String(change.oldVal).match(
-                                                        /\.(jpeg|jpg|gif|png|webp|svg)$/i,
-                                                    ))
-                                            "
-                                            class="space-y-1"
-                                        >
-                                            <img
-                                                :src="change.oldVal"
-                                                alt="Current file"
-                                                class="max-h-48 max-w-full rounded-lg border border-slate-200 object-contain dark:border-gray-700"
-                                            />
-                                            <div
-                                                class="text-[11px] text-slate-400 line-through decoration-rose-400/80"
-                                            >
-                                                Current image
-                                            </div>
-                                        </div>
-                                        <a
-                                            v-else-if="change.oldVal"
-                                            :href="change.oldVal"
-                                            target="_blank"
-                                            class="inline-flex items-center gap-1 line-through decoration-rose-400/80 hover:underline"
-                                        >
-                                            <span class="truncate"
-                                                >Existing file</span
-                                            >
-                                            <ExternalLink
-                                                class="h-3 w-3 shrink-0"
-                                            />
-                                        </a>
-                                        <span
-                                            v-else
-                                            class="text-slate-400 italic"
-                                            >(no file)</span
-                                        >
-                                    </template>
-                                    <template
-                                        v-else-if="
-                                            change.key === 'external_url' &&
-                                            change.oldVal !== '(none)'
-                                        "
-                                    >
-                                        <a
-                                            :href="change.oldVal"
-                                            target="_blank"
-                                            class="inline-flex max-w-full items-center gap-1 line-through decoration-rose-400/80 hover:underline"
-                                        >
-                                            <span class="truncate">{{
-                                                change.oldVal
-                                            }}</span>
-                                            <ExternalLink
-                                                class="h-3 w-3 shrink-0"
-                                            />
-                                        </a>
-                                    </template>
-                                    <span
-                                        v-else
-                                        class="line-through decoration-rose-400/80"
-                                    >
-                                        {{ change.oldVal }}
-                                    </span>
-                                </div>
-                            </div>
-
-                            <!-- After -->
-                            <div
-                                class="bg-amber-50/20 p-3 dark:bg-amber-950/10"
-                            >
-                                <div
-                                    class="mb-1 text-[10px] font-bold tracking-wider text-amber-600 uppercase dark:text-amber-400"
-                                >
-                                    After
-                                </div>
-                                <div
-                                    class="text-xs font-semibold text-amber-900 dark:text-amber-200"
-                                >
-                                    <template v-if="change.key === 'file'">
-                                        <div
-                                            v-if="
-                                                change.newVal &&
-                                                (viewingRequest.payload
-                                                    ?.resource_type ===
-                                                    'image' ||
-                                                    viewingRequest.resource
-                                                        ?.resource_type ===
-                                                        'image' ||
-                                                    String(change.newVal).match(
-                                                        /\.(jpeg|jpg|gif|png|webp|svg)$/i,
-                                                    ))
-                                            "
-                                            class="space-y-1"
-                                        >
-                                            <img
-                                                :src="change.newVal"
-                                                alt="Proposed file"
-                                                class="max-h-48 max-w-full rounded-lg border border-amber-200 object-contain dark:border-amber-800"
-                                            />
-                                            <div
-                                                class="text-[11px] font-bold text-amber-600 dark:text-amber-400"
-                                            >
-                                                Proposed new image
-                                            </div>
-                                        </div>
-                                        <a
-                                            v-else-if="change.newVal"
-                                            :href="change.newVal"
-                                            target="_blank"
-                                            class="inline-flex items-center gap-1 text-xs font-bold text-amber-700 hover:underline dark:text-amber-300"
-                                        >
-                                            <ExternalLink class="h-3 w-3" />
-                                            <span>New uploaded file</span>
-                                        </a>
-                                        <span
-                                            v-else
-                                            class="text-slate-400 italic"
-                                            >(no file)</span
-                                        >
-                                    </template>
-                                    <template
-                                        v-else-if="
-                                            change.key === 'external_url' &&
-                                            change.newVal !== '(none)'
-                                        "
-                                    >
-                                        <a
-                                            :href="change.newVal"
-                                            target="_blank"
-                                            class="inline-flex max-w-full items-center gap-1 text-indigo-600 hover:underline dark:text-indigo-400"
-                                        >
-                                            <span class="truncate">{{
-                                                change.newVal
-                                            }}</span>
-                                            <ExternalLink
-                                                class="h-3 w-3 shrink-0"
-                                            />
-                                        </a>
-                                    </template>
-                                    <template v-else>
-                                        {{ change.newVal }}
-                                    </template>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- MODAL CONTENT: DELETE -->
-            <div
-                v-else-if="viewingRequest.action_type === 'delete'"
-                class="rounded-xl border border-rose-200 bg-rose-50/60 p-4 dark:border-rose-900/50 dark:bg-rose-950/20"
-            >
-                <div class="flex items-start gap-3">
-                    <Trash2 class="mt-0.5 h-6 w-6 shrink-0 text-rose-500" />
-                    <div>
-                        <h4
-                            class="text-base font-bold text-rose-950 dark:text-rose-200"
-                        >
-                            Target: "{{
-                                viewingRequest.resource?.title || 'Resource'
-                            }}"
-                        </h4>
-                        <p
-                            class="mt-1 text-xs text-rose-700/90 dark:text-rose-300/80"
-                        >
-                            The author has requested complete and permanent
-                            removal of this resource and all attached files.
-                        </p>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Audit details if not pending -->
-            <div
-                v-if="viewingRequest.status !== 'pending'"
-                class="rounded-xl bg-slate-50 p-3 text-xs dark:bg-gray-800/60"
-            >
-                <div
-                    v-if="viewingRequest.status === 'approved'"
-                    class="font-semibold text-emerald-600 dark:text-emerald-400"
-                >
-                    ✓ Approved by {{ viewingRequest.reviewer?.name || 'Admin' }}
-                    <span v-if="viewingRequest.reviewed_at">
-                        on {{ formatDateTime(viewingRequest.reviewed_at) }}
-                    </span>
-                </div>
-                <div v-else class="space-y-1 text-rose-600 dark:text-rose-400">
-                    <div class="font-semibold">
-                        ✕ Rejected by
-                        {{ viewingRequest.reviewer?.name || 'Admin' }}
-                        <span v-if="viewingRequest.reviewed_at">
-                            on {{ formatDateTime(viewingRequest.reviewed_at) }}
-                        </span>
-                    </div>
-                    <div
-                        v-if="viewingRequest.rejection_reason"
-                        class="text-xs text-slate-600 dark:text-gray-300"
-                    >
-                        Reason: {{ viewingRequest.rejection_reason }}
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <template #footer>
-            <div class="flex items-center justify-between">
-                <button
-                    type="button"
-                    @click="viewingRequest = null"
-                    class="cursor-pointer rounded-xl px-4 py-2 text-xs font-semibold text-slate-600 hover:bg-slate-100 dark:text-gray-400 dark:hover:bg-gray-800"
-                >
-                    Close
-                </button>
-
-                <div
-                    v-if="viewingRequest?.status === 'pending'"
-                    class="flex items-center gap-2"
-                >
-                    <button
-                        type="button"
-                        @click="openRejectModal(viewingRequest)"
-                        :disabled="isProcessing"
-                        class="cursor-pointer rounded-xl border border-slate-200 px-3.5 py-2 text-xs font-semibold text-rose-600 hover:bg-rose-50 disabled:opacity-50 dark:border-gray-700 dark:hover:bg-rose-950/40"
-                    >
-                        Reject
-                    </button>
-
-                    <button
-                        type="button"
-                        @click="handleApprove(viewingRequest)"
-                        :disabled="isProcessing"
-                        class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl bg-emerald-600 px-4 py-2 text-xs font-semibold text-white shadow-xs transition hover:bg-emerald-500 disabled:opacity-50"
-                    >
-                        <Loader2
-                            v-if="
-                                isProcessing &&
-                                processingId === viewingRequest?.id
-                            "
-                            class="h-3.5 w-3.5 animate-spin"
-                        />
-                        <Check v-else class="h-3.5 w-3.5" />
-                        <span>Approve</span>
-                    </button>
-                </div>
-            </div>
-        </template>
-    </BaseModal>
+    />
 
     <!-- 2. Clean Rejection Feedback Modal -->
     <BaseModal
diff --git a/routes/admin.php b/routes/admin.php
index 61b41c95..e0cee254 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -47,13 +47,6 @@
 
 Route::get('/subjects/{subject:slug}/nodes/{path?}', [AdminNodeController::class, 'show'])->name('nodes.index')->where('path', '.*');
 
-// Resources
-Route::middleware('permission:create resources')->group(function () {
-    Route::post('/resources', [AdminResourceController::class, 'store']);
-    Route::post('/resources/bulk/images', [AdminResourceController::class, 'storeBulkImages']);
-    Route::post('/resources/bulk/videos', [AdminResourceController::class, 'storeBulkVideos']);
-});
-
 Route::post('/resources/{resource}/patch', [AdminResourceController::class, 'update'])->middleware('can:update,resource');
 
 Route::middleware('permission:edit resources')->group(function () {
diff --git a/routes/web.php b/routes/web.php
index 64a233cd..aa2303ca 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -16,6 +16,7 @@
 use App\Http\Controllers\ShortUrlController;
 use App\Http\Controllers\StudyTrackerController;
 use App\Http\Controllers\SubjectController;
+use App\Http\Controllers\SubmissionController;
 use App\Http\Controllers\SupportTicketController;
 use App\Http\Controllers\UserProfileController;
 use Illuminate\Http\Request;
@@ -61,6 +62,14 @@
     Route::post('/blogs/{blog}/comments', [BlogController::class, 'storeComment'])->name('blogs.comments.store');
     Route::delete('/blogs/comments/{comment}', [BlogController::class, 'destroyComment'])->name('blogs.comments.destroy');
     Route::post('/resources/{resource}/complete', [ResourceController::class, 'toggleComplete'])->name('resources.complete');
+
+    // Resource Uploads
+    Route::post('/resources', [ResourceController::class, 'store'])->name('resources.store');
+    Route::post('/resources/bulk/images', [ResourceController::class, 'storeBulkImages'])->name('resources.bulk.images');
+    Route::post('/resources/bulk/videos', [ResourceController::class, 'storeBulkVideos'])->name('resources.bulk.videos');
+
+    // My Submissions
+    Route::get('/my-submissions', [SubmissionController::class, 'index'])->name('submissions.index');
     Route::post('/tracker/nodes/{node}/toggle', [StudyTrackerController::class, 'toggleNode'])->name('tracker.nodes.toggle');
     Route::post('/tracker/log-time', [StudyTrackerController::class, 'logTime'])->name('tracker.log-time');
     Route::post('/tracker/reset-today', [StudyTrackerController::class, 'resetToday'])->name('tracker.reset-today');
diff --git a/tests/Feature/AdminResourceTest.php b/tests/Feature/AdminResourceTest.php
index 70d7d77c..a6ae29b5 100644
--- a/tests/Feature/AdminResourceTest.php
+++ b/tests/Feature/AdminResourceTest.php
@@ -139,7 +139,9 @@
 test('resource author can submit a deletion request for moderation', function () {
     Permission::findOrCreate('delete resources', 'web');
 
-    $author = User::factory()->create();
+    $author = User::factory()->create([
+        'created_at' => now()->subHours(25),
+    ]);
     $author->givePermissionTo('view admin');
 
     $subject = Subject::create([
@@ -182,7 +184,9 @@
 test('non-author without delete resources permission cannot submit deletion request', function () {
     Permission::findOrCreate('delete resources', 'web');
 
-    $author = User::factory()->create();
+    $author = User::factory()->create([
+        'created_at' => now()->subHours(25),
+    ]);
     $otherUser = User::factory()->create();
     $otherUser->givePermissionTo('view admin');
 
@@ -216,7 +220,9 @@
 });
 
 test('resource author can submit an update for moderation while live resource is unchanged', function () {
-    $author = User::factory()->create();
+    $author = User::factory()->create([
+        'created_at' => now()->subHours(25),
+    ]);
     $author->givePermissionTo('view admin');
 
     $subject = Subject::create([
diff --git a/tests/Feature/PublicResourceUploadTest.php b/tests/Feature/PublicResourceUploadTest.php
new file mode 100644
index 00000000..0f15093c
--- /dev/null
+++ b/tests/Feature/PublicResourceUploadTest.php
@@ -0,0 +1,282 @@
+<?php
+
+use App\Models\Node;
+use App\Models\Resource;
+use App\Models\ResourceChangeRequest;
+use App\Models\Subject;
+use App\Models\User;
+use App\Notifications\ResourceModerationNotification;
+use Illuminate\Http\UploadedFile;
+use Illuminate\Support\Facades\Storage;
+use Spatie\Permission\Models\Permission;
+use Spatie\Permission\Models\Role;
+
+beforeEach(function () {
+    Storage::fake();
+    Permission::findOrCreate('view admin', 'web');
+    Permission::findOrCreate('edit resources', 'web');
+    Permission::findOrCreate('delete resources', 'web');
+    Permission::findOrCreate('moderate resources', 'web');
+    Role::findOrCreate('admin', 'web');
+});
+
+function createTestSubjectAndNode(bool $isFrozen = false): array
+{
+    $subject = Subject::create([
+        'name' => 'Physics',
+        'slug' => 'physics',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'atom',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Chapter 1',
+        'slug' => 'chapter-1',
+        'is_frozen' => $isFrozen,
+    ]);
+
+    return [$subject, $node];
+}
+
+test('guest cannot upload resources', function () {
+    [, $node] = createTestSubjectAndNode();
+
+    $this->post('/resources', [
+        'node_id' => $node->id,
+        'resource_type' => 'note',
+        'title' => 'Test Note',
+        'content' => 'Note content',
+    ])->assertRedirect('/login');
+});
+
+test('public authenticated user older than 24h stages resource into change request', function () {
+    [, $node] = createTestSubjectAndNode();
+
+    $user = User::factory()->create([
+        'created_at' => now()->subHours(25),
+    ]);
+
+    $this->actingAs($user)
+        ->post('/resources', [
+            'node_id' => $node->id,
+            'resource_type' => 'note',
+            'title' => 'My Community Note',
+            'content' => 'Some useful content',
+        ])
+        ->assertRedirect(route('submissions.index'))
+        ->assertSessionHas('success', 'Resource submitted for moderation.');
+
+    expect(Resource::count())->toBe(0);
+    expect(ResourceChangeRequest::count())->toBe(1);
+
+    $cr = ResourceChangeRequest::first();
+    expect($cr->user_id)->toBe($user->id)
+        ->and($cr->node_id)->toBe($node->id)
+        ->and($cr->action_type)->toBe('create')
+        ->and($cr->status)->toBe('pending')
+        ->and($cr->payload['title'])->toBe('My Community Note');
+});
+
+test('accounts less than 24h old are blocked with Bangla message', function () {
+    [, $node] = createTestSubjectAndNode();
+
+    $user = User::factory()->create([
+        'created_at' => now()->subHours(2),
+    ]);
+
+    $response = $this->actingAs($user)
+        ->post('/resources', [
+            'node_id' => $node->id,
+            'resource_type' => 'note',
+            'title' => 'Spam Note',
+            'content' => 'Test',
+        ]);
+
+    $response->assertSessionHasErrors([
+        'account_age' => 'আপনার অ্যাকাউন্টটি নতুন। স্প্যাম রোধে অ্যাকাউন্ট তৈরির ২৪ ঘণ্টা পর রিসোর্স আপলোড করা যাবে।',
+    ]);
+
+    expect(ResourceChangeRequest::count())->toBe(0);
+});
+
+test('moderator directly creates resource without staging and bypasses age check', function () {
+    [, $node] = createTestSubjectAndNode();
+
+    $moderator = User::factory()->create([
+        'created_at' => now()->subMinutes(10), // even if new
+    ]);
+    $moderator->givePermissionTo('moderate resources');
+
+    $this->actingAs($moderator)
+        ->post('/resources', [
+            'node_id' => $node->id,
+            'resource_type' => 'note',
+            'title' => 'Direct Moderator Resource',
+            'content' => 'Immediate publish',
+        ])
+        ->assertSessionHas('success', 'Resource created successfully.');
+
+    expect(Resource::count())->toBe(1);
+    expect(ResourceChangeRequest::count())->toBe(0);
+    expect(Resource::first()->title)->toBe('Direct Moderator Resource');
+});
+
+test('unverified user cannot exceed quota of 30 pending requests', function () {
+    [, $node] = createTestSubjectAndNode();
+
+    $user = User::factory()->create([
+        'is_verified' => false,
+        'created_at' => now()->subDays(2),
+    ]);
+
+    // Create 30 existing pending change requests
+    for ($i = 0; $i < 30; $i++) {
+        ResourceChangeRequest::recordCreate($user->id, $node->id, [
+            'title' => "Resource {$i}",
+            'resource_type' => 'note',
+        ]);
+    }
+
+    $response = $this->actingAs($user)
+        ->post('/resources', [
+            'node_id' => $node->id,
+            'resource_type' => 'note',
+            'title' => '31st Resource',
+            'content' => 'Exceed limit',
+        ]);
+
+    $response->assertSessionHasErrors('pending_limit');
+    expect(ResourceChangeRequest::count())->toBe(30);
+});
+
+test('verified user can upload beyond 30 pending requests up to 100', function () {
+    [, $node] = createTestSubjectAndNode();
+
+    $user = User::factory()->create([
+        'is_verified' => true,
+        'created_at' => now()->subDays(2),
+    ]);
+
+    // Create 30 existing pending change requests
+    for ($i = 0; $i < 30; $i++) {
+        ResourceChangeRequest::recordCreate($user->id, $node->id, [
+            'title' => "Resource {$i}",
+            'resource_type' => 'note',
+        ]);
+    }
+
+    $this->actingAs($user)
+        ->post('/resources', [
+            'node_id' => $node->id,
+            'resource_type' => 'note',
+            'title' => '31st Resource',
+            'content' => 'Allowed for verified',
+        ])
+        ->assertSessionHas('success', 'Resource submitted for moderation.');
+
+    expect(ResourceChangeRequest::count())->toBe(31);
+});
+
+test('frozen node rejects upload for non-moderators', function () {
+    [, $node] = createTestSubjectAndNode(isFrozen: true);
+
+    $user = User::factory()->create([
+        'created_at' => now()->subDays(2),
+    ]);
+
+    $this->actingAs($user)
+        ->post('/resources', [
+            'node_id' => $node->id,
+            'resource_type' => 'note',
+            'title' => 'Locked Folder Resource',
+            'content' => 'Should fail',
+        ])
+        ->assertForbidden();
+
+    expect(ResourceChangeRequest::count())->toBe(0);
+});
+
+test('frozen node rejects upload for moderators as well', function () {
+    [, $node] = createTestSubjectAndNode(isFrozen: true);
+
+    $moderator = User::factory()->create();
+    $moderator->givePermissionTo('moderate resources');
+
+    $this->actingAs($moderator)
+        ->post('/resources', [
+            'node_id' => $node->id,
+            'resource_type' => 'note',
+            'title' => 'Moderator Cannot Bypass Frozen',
+            'content' => 'Should fail',
+        ])
+        ->assertForbidden();
+
+    expect(Resource::count())->toBe(0);
+});
+
+test('bulk image upload stages multiple change requests for non-moderator', function () {
+    [, $node] = createTestSubjectAndNode();
+
+    $user = User::factory()->create([
+        'created_at' => now()->subDays(2),
+    ]);
+
+    $file1 = UploadedFile::fake()->create('page1.png', 100, 'image/png');
+    $file2 = UploadedFile::fake()->create('page2.png', 100, 'image/png');
+
+    $this->actingAs($user)
+        ->post('/resources/bulk/images', [
+            'node_id' => $node->id,
+            'files' => [$file1, $file2],
+            'custom_titles' => ['Image Page 1', 'Image Page 2'],
+        ])
+        ->assertRedirect(route('submissions.index'))
+        ->assertSessionHas('success', 'Images submitted for moderation.');
+
+    expect(Resource::count())->toBe(0);
+    expect(ResourceChangeRequest::count())->toBe(2);
+    expect(ResourceChangeRequest::pluck('status')->all())->toBe(['pending', 'pending']);
+});
+
+test('my-submissions page returns list and quota', function () {
+    [, $node] = createTestSubjectAndNode();
+
+    $user = User::factory()->create();
+    ResourceChangeRequest::recordCreate($user->id, $node->id, [
+        'title' => 'Pending Resource',
+        'resource_type' => 'note',
+    ]);
+
+    $this->actingAs($user)
+        ->get('/my-submissions')
+        ->assertOk()
+        ->assertInertia(fn ($page) => $page
+            ->component('Submissions/Index')
+            ->has('submissions.data', 1)
+            ->where('quota.used', 1)
+            ->where('quota.max', 30)
+            ->where('counts.pending', 1)
+        );
+});
+
+test('moderation notification generates my-submissions url with status on approve and reject', function () {
+    [$subject, $node] = createTestSubjectAndNode();
+    $user = User::factory()->create();
+
+    $cr = ResourceChangeRequest::recordCreate($user->id, $node->id, [
+        'title' => 'Physics Formula Note',
+        'resource_type' => 'note',
+    ]);
+
+    // Approved notification
+    $approvedNotif = new ResourceModerationNotification($cr, 'approved');
+    $approvedData = $approvedNotif->toArray($user);
+    expect($approvedData['url'])->toBe('/my-submissions?status=approved');
+
+    // Rejected notification
+    $rejectedNotif = new ResourceModerationNotification($cr, 'rejected', feedback: 'Irrelevant topic');
+    $rejectedData = $rejectedNotif->toArray($user);
+    expect($rejectedData['url'])->toBe('/my-submissions?status=rejected');
+});