From bd9b7c8882a7aadb5d8a9b4c0ab6d9f0170558e8 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 14:46:24 +0600
Subject: [PATCH 01/17] feat(resources): allow authors to delete their own
 resources

---
 app/Policies/ResourcePolicy.php               | 12 ++++
 resources/js/components/admin/ResourceRow.vue |  6 +-
 routes/admin.php                              |  2 +-
 tests/Feature/AdminResourceTest.php           | 72 +++++++++++++++++++
 4 files changed, 90 insertions(+), 2 deletions(-)

diff --git a/app/Policies/ResourcePolicy.php b/app/Policies/ResourcePolicy.php
index 173019a5..4f728ec1 100644
--- a/app/Policies/ResourcePolicy.php
+++ b/app/Policies/ResourcePolicy.php
@@ -18,4 +18,16 @@ public function update(User $user, Resource $resource): bool
 
         return $user->id === $resource->user_id || $user->can('edit resources');
     }
+
+    /**
+     * Determine whether the user can delete the resource.
+     */
+    public function delete(User $user, Resource $resource): bool
+    {
+        if ($resource->node?->isEffectivelyFrozen()) {
+            return false;
+        }
+
+        return $user->id === $resource->user_id || $user->can('delete resources');
+    }
 }
diff --git a/resources/js/components/admin/ResourceRow.vue b/resources/js/components/admin/ResourceRow.vue
index 22de4382..5fab49ea 100644
--- a/resources/js/components/admin/ResourceRow.vue
+++ b/resources/js/components/admin/ResourceRow.vue
@@ -32,7 +32,11 @@ const canEdit = computed(() => {
 });
 
 const canDelete = computed(() => {
-    return !props.isFrozen && can('delete resources');
+    return (
+        !props.isFrozen &&
+        (can('delete resources') ||
+            (userId.value !== null && userId.value === props.resource?.user_id))
+    );
 });
 
 const handleDelete = () => {
diff --git a/routes/admin.php b/routes/admin.php
index e38476ad..68b93d5e 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -76,7 +76,7 @@
     Route::post('/nodes/{node}/resources/bulk-rename', [AdminResourceController::class, 'bulkRename'])->name('resources.bulk-rename');
 });
 
-Route::delete('/resources/{resource}', [AdminResourceController::class, 'destroy'])->middleware('permission:delete resources');
+Route::delete('/resources/{resource}', [AdminResourceController::class, 'destroy'])->middleware('can:delete,resource');
 
 // Notice
 Route::middleware('permission:edit notice')->group(function () {
diff --git a/tests/Feature/AdminResourceTest.php b/tests/Feature/AdminResourceTest.php
index dad817a1..cbedf421 100644
--- a/tests/Feature/AdminResourceTest.php
+++ b/tests/Feature/AdminResourceTest.php
@@ -131,3 +131,75 @@
     expect($res1->fresh()->title)->toBe('Lecture - 05');
     expect($res2->fresh()->title)->toBe('Lecture - 06');
 });
+
+test('resource author can delete their own resource', function () {
+    Permission::findOrCreate('delete resources', 'web');
+
+    $author = User::factory()->create();
+    $author->givePermissionTo('view admin');
+
+    $subject = Subject::create([
+        'name' => 'Math',
+        'slug' => 'math',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'calculator',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Geometry',
+        'slug' => 'geometry',
+    ]);
+
+    $resource = Resource::create([
+        'user_id' => $author->id,
+        'node_id' => $node->id,
+        'resource_type' => 'video',
+        'title' => 'My Video',
+        'external_url' => 'https://youtube.com/watch?v=myvideo12345',
+    ]);
+
+    $this->actingAs($author)
+        ->delete("/admin/resources/{$resource->id}")
+        ->assertRedirect()
+        ->assertSessionHas('success');
+
+    expect(Resource::find($resource->id))->toBeNull();
+});
+
+test('non-author without delete resources permission cannot delete another users resource', function () {
+    Permission::findOrCreate('delete resources', 'web');
+
+    $author = User::factory()->create();
+    $otherUser = User::factory()->create();
+    $otherUser->givePermissionTo('view admin');
+
+    $subject = Subject::create([
+        'name' => 'Biology',
+        'slug' => 'biology',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'dna',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Genetics',
+        'slug' => 'genetics',
+    ]);
+
+    $resource = Resource::create([
+        'user_id' => $author->id,
+        'node_id' => $node->id,
+        'resource_type' => 'video',
+        'title' => 'Cell Division',
+        'external_url' => 'https://youtube.com/watch?v=cell12345678',
+    ]);
+
+    $this->actingAs($otherUser)
+        ->delete("/admin/resources/{$resource->id}")
+        ->assertForbidden();
+
+    expect(Resource::find($resource->id))->not->toBeNull();
+});

From 0d8e246275b7d25c63057a7db3f52fbb2eab272d Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 14:56:04 +0600
Subject: [PATCH 02/17] feat(moderation): add resource_change_requests schema
 and model

---
 app/Models/Resource.php                       | 10 +++
 app/Models/ResourceChangeRequest.php          | 67 +++++++++++++++++++
 ..._create_resource_change_requests_table.php | 44 ++++++++++++
 3 files changed, 121 insertions(+)
 create mode 100644 app/Models/ResourceChangeRequest.php
 create mode 100644 database/migrations/2026_10_09_145000_create_resource_change_requests_table.php

diff --git a/app/Models/Resource.php b/app/Models/Resource.php
index fd5d1b6c..2f644a51 100644
--- a/app/Models/Resource.php
+++ b/app/Models/Resource.php
@@ -61,4 +61,14 @@ public function completions()
     {
         return $this->hasMany(ResourceCompletion::class);
     }
+
+    public function changeRequests()
+    {
+        return $this->hasMany(ResourceChangeRequest::class);
+    }
+
+    public function pendingChangeRequest()
+    {
+        return $this->hasOne(ResourceChangeRequest::class)->where('status', 'pending');
+    }
 }
diff --git a/app/Models/ResourceChangeRequest.php b/app/Models/ResourceChangeRequest.php
new file mode 100644
index 00000000..38e6f952
--- /dev/null
+++ b/app/Models/ResourceChangeRequest.php
@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+use Illuminate\Support\Facades\Storage;
+
+class ResourceChangeRequest extends Model
+{
+    protected $fillable = [
+        'user_id',
+        'resource_id',
+        'node_id',
+        'action_type',
+        'status',
+        'payload',
+        'reviewed_by',
+        'reviewed_at',
+        'rejection_reason',
+    ];
+
+    protected $casts = [
+        'payload' => 'array',
+        'reviewed_at' => 'datetime',
+    ];
+
+    protected $appends = [
+        'staged_file_url',
+    ];
+
+    public function user(): BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function resource(): BelongsTo
+    {
+        return $this->belongsTo(Resource::class);
+    }
+
+    public function node(): BelongsTo
+    {
+        return $this->belongsTo(Node::class);
+    }
+
+    public function reviewer(): BelongsTo
+    {
+        return $this->belongsTo(User::class, 'reviewed_by');
+    }
+
+    public function getStagedFileUrlAttribute(): ?string
+    {
+        $filePath = $this->payload['file_path'] ?? null;
+
+        if ($filePath) {
+            return Storage::url($filePath);
+        }
+
+        return $this->payload['external_url'] ?? null;
+    }
+
+    public function scopePending($query)
+    {
+        return $query->where('status', 'pending');
+    }
+}
diff --git a/database/migrations/2026_10_09_145000_create_resource_change_requests_table.php b/database/migrations/2026_10_09_145000_create_resource_change_requests_table.php
new file mode 100644
index 00000000..b1556609
--- /dev/null
+++ b/database/migrations/2026_10_09_145000_create_resource_change_requests_table.php
@@ -0,0 +1,44 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('resource_change_requests', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id')->constrained('users')->cascadeOnDelete();
+            $table->foreignId('resource_id')->nullable()->constrained('resources')->cascadeOnDelete();
+            $table->foreignId('node_id')->constrained('nodes')->cascadeOnDelete();
+
+            $table->enum('action_type', ['create', 'update', 'delete']);
+            $table->enum('status', ['pending', 'approved', 'rejected'])->default('pending');
+
+            $table->json('payload')->nullable();
+
+            $table->foreignId('reviewed_by')->nullable()->constrained('users')->nullOnDelete();
+            $table->timestamp('reviewed_at')->nullable();
+            $table->text('rejection_reason')->nullable();
+
+            $table->timestamps();
+
+            $table->index('status');
+            $table->index(['resource_id', 'status']);
+            $table->index(['user_id', 'status']);
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('resource_change_requests');
+    }
+};

From ffbbbd21c3637b0381622659d9b48d2165679e9b Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 15:14:22 +0600
Subject: [PATCH 03/17] feat(moderation): route resource actions into
 moderation queue with encapsulated model methods

---
 .../Controllers/Admin/ResourceController.php  | 88 ++++++++++---------
 app/Models/ResourceChangeRequest.php          | 52 +++++++++++
 database/seeders/RolePermissionSeeder.php     |  1 +
 tests/Feature/AdminResourceTest.php           | 63 ++++++++++++-
 4 files changed, 157 insertions(+), 47 deletions(-)

diff --git a/app/Http/Controllers/Admin/ResourceController.php b/app/Http/Controllers/Admin/ResourceController.php
index 735f6b93..df0d29b0 100644
--- a/app/Http/Controllers/Admin/ResourceController.php
+++ b/app/Http/Controllers/Admin/ResourceController.php
@@ -9,78 +9,81 @@
 use App\Http\Requests\Resource\UpdateResourceRequest;
 use App\Models\Node;
 use App\Models\Resource;
+use App\Models\ResourceChangeRequest;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Http;
-use Illuminate\Support\Facades\Storage;
 
 class ResourceController extends Controller
 {
     public function store(StoreResourceRequest $request)
     {
         $validated = $request->validated();
-        $validated['user_id'] = Auth::id();
-
-        if ($request->hasFile('file')) {
-            $path = $request->file('file')->store("resources/{$validated['resource_type']}s");
-            $validated['file_path'] = $path;
-        }
-
-        Resource::create($validated);
-
-        return back()->with('success', 'Resource created successfully.');
+        $filePath = $request->hasFile('file')
+            ? $request->file('file')->store("resources/{$validated['resource_type']}s")
+            : null;
+
+        ResourceChangeRequest::recordCreate(
+            Auth::id(),
+            (int) $validated['node_id'],
+            $validated,
+            $filePath
+        );
+
+        return back()->with('success', 'Resource submitted for moderation.');
     }
 
     public function update(UpdateResourceRequest $request, Resource $resource)
     {
-        $validated = $request->validated();
-
-        if ($request->hasFile('file')) {
-
-            if ($resource->file_path) {
-                Storage::delete($resource->file_path);
-            }
-
-            $path = $request->file('file')
-                ->store("resources/{$validated['resource_type']}s");
-
-            $validated['file_path'] = $path;
+        if ($resource->pendingChangeRequest()->exists()) {
+            return back()->with('error', 'This resource already has a pending change request under review.');
         }
 
-        $resource->update($validated);
-
-        return back()->with('success', 'Resource updated successfully.');
+        $validated = $request->validated();
+        $filePath = $request->hasFile('file')
+            ? $request->file('file')->store("resources/{$validated['resource_type']}s")
+            : null;
+
+        ResourceChangeRequest::recordUpdate(
+            Auth::id(),
+            $resource,
+            $validated,
+            $filePath
+        );
+
+        return back()->with('success', 'Resource update submitted for moderation.');
     }
 
     public function destroy(Resource $resource)
     {
-        if ($resource->file_path) {
-            Storage::delete($resource->file_path);
+        if ($resource->pendingChangeRequest()->exists()) {
+            return back()->with('error', 'This resource already has a pending change request under review.');
         }
 
-        $resource->delete();
+        ResourceChangeRequest::recordDelete(Auth::id(), $resource);
 
-        return redirect()->back()->with('success', 'Resource deleted successfully.');
+        return redirect()->back()->with('success', 'Resource deletion request submitted for moderation.');
     }
 
     public function storeBulkImages(BulkImageStoreRequest $request)
     {
         $validated = $request->validated();
+        $userId = Auth::id();
+        $nodeId = (int) $validated['node_id'];
 
-        DB::transaction(function () use ($request, $validated) {
+        DB::transaction(function () use ($request, $validated, $userId, $nodeId) {
             foreach ($request->file('files') as $index => $file) {
+                $filePath = $file->store('resources/images');
 
-                $validated['title'] = $validated['custom_titles'][$index];
-                $validated['file_path'] = $file->store('resources/images');
-                $validated['user_id'] = Auth::id();
-                $validated['resource_type'] = 'image';
-
-                Resource::create($validated);
+                ResourceChangeRequest::recordCreate($userId, $nodeId, [
+                    'title' => $validated['custom_titles'][$index],
+                    'resource_type' => 'image',
+                ], $filePath);
             }
         });
 
-        return back()->with('success', 'Images uploaded successfully.');
+        return back()->with('success', 'Images submitted for moderation.');
     }
 
     public function storeBulkVideos(BulkVideoStoreRequest $request)
@@ -149,14 +152,13 @@ public function storeBulkVideos(BulkVideoStoreRequest $request)
         }
 
         $userId = Auth::id();
+        $nodeId = (int) $validated['node_id'];
 
-        DB::transaction(function () use ($videos, $validated, $userId) {
+        DB::transaction(function () use ($videos, $userId, $nodeId) {
             foreach ($videos as $video) {
                 $finalUrl = "https://www.youtube.com/watch?v={$video['video_id']}";
 
-                Resource::create([
-                    'user_id' => $userId,
-                    'node_id' => $validated['node_id'],
+                ResourceChangeRequest::recordCreate($userId, $nodeId, [
                     'title' => $video['title'],
                     'resource_type' => 'video',
                     'external_url' => $finalUrl,
@@ -164,7 +166,7 @@ public function storeBulkVideos(BulkVideoStoreRequest $request)
             }
         });
 
-        return back()->with('success', 'YouTube playlist imported successfully.');
+        return back()->with('success', 'YouTube playlist imported and submitted for moderation.');
     }
 
     public function bulkRename(Request $request, Node $node)
diff --git a/app/Models/ResourceChangeRequest.php b/app/Models/ResourceChangeRequest.php
index 38e6f952..97658741 100644
--- a/app/Models/ResourceChangeRequest.php
+++ b/app/Models/ResourceChangeRequest.php
@@ -64,4 +64,56 @@ public function scopePending($query)
     {
         return $query->where('status', 'pending');
     }
+
+    /**
+     * Sanitize and whitelist only valid resource attributes.
+     */
+    public static function sanitizePayload(array $data, ?string $filePath = null): array
+    {
+        return [
+            'node_id' => $data['node_id'] ?? null,
+            'resource_type' => $data['resource_type'] ?? null,
+            'title' => $data['title'] ?? null,
+            'content' => $data['content'] ?? null,
+            'external_url' => $data['external_url'] ?? null,
+            'file_path' => $filePath ?? ($data['file_path'] ?? null),
+        ];
+    }
+
+    public static function recordCreate(int $userId, int $nodeId, array $data, ?string $filePath = null): self
+    {
+        return self::create([
+            'user_id' => $userId,
+            'node_id' => $nodeId,
+            'action_type' => 'create',
+            'status' => 'pending',
+            'payload' => self::sanitizePayload($data, $filePath),
+        ]);
+    }
+
+    public static function recordUpdate(int $userId, Resource $resource, array $data, ?string $filePath = null): self
+    {
+        $payload = self::sanitizePayload($data, $filePath ?? $resource->file_path);
+
+        return self::create([
+            'user_id' => $userId,
+            'resource_id' => $resource->id,
+            'node_id' => $payload['node_id'] ?? $resource->node_id,
+            'action_type' => 'update',
+            'status' => 'pending',
+            'payload' => $payload,
+        ]);
+    }
+
+    public static function recordDelete(int $userId, Resource $resource): self
+    {
+        return self::create([
+            'user_id' => $userId,
+            'resource_id' => $resource->id,
+            'node_id' => $resource->node_id,
+            'action_type' => 'delete',
+            'status' => 'pending',
+            'payload' => null,
+        ]);
+    }
 }
diff --git a/database/seeders/RolePermissionSeeder.php b/database/seeders/RolePermissionSeeder.php
index 9eea7db3..eff1c2c8 100644
--- a/database/seeders/RolePermissionSeeder.php
+++ b/database/seeders/RolePermissionSeeder.php
@@ -49,6 +49,7 @@ public function run(): void
         Permission::findOrCreate('create resources');
         Permission::findOrCreate('edit resources');
         Permission::findOrCreate('delete resources');
+        Permission::findOrCreate('moderate resources');
 
         /*
          * Blog management
diff --git a/tests/Feature/AdminResourceTest.php b/tests/Feature/AdminResourceTest.php
index cbedf421..8c0b91c0 100644
--- a/tests/Feature/AdminResourceTest.php
+++ b/tests/Feature/AdminResourceTest.php
@@ -2,6 +2,7 @@
 
 use App\Models\Node;
 use App\Models\Resource;
+use App\Models\ResourceChangeRequest;
 use App\Models\Subject;
 use App\Models\User;
 use Spatie\Permission\Models\Permission;
@@ -132,7 +133,7 @@
     expect($res2->fresh()->title)->toBe('Lecture - 06');
 });
 
-test('resource author can delete their own resource', function () {
+test('resource author can submit a deletion request for moderation', function () {
     Permission::findOrCreate('delete resources', 'web');
 
     $author = User::factory()->create();
@@ -165,10 +166,17 @@
         ->assertRedirect()
         ->assertSessionHas('success');
 
-    expect(Resource::find($resource->id))->toBeNull();
+    // Live resource remains until approved
+    expect(Resource::find($resource->id))->not->toBeNull();
+
+    // Pending deletion request exists in moderation queue
+    $request = ResourceChangeRequest::where('resource_id', $resource->id)->first();
+    expect($request)->not->toBeNull()
+        ->and($request->action_type)->toBe('delete')
+        ->and($request->status)->toBe('pending');
 });
 
-test('non-author without delete resources permission cannot delete another users resource', function () {
+test('non-author without delete resources permission cannot submit deletion request', function () {
     Permission::findOrCreate('delete resources', 'web');
 
     $author = User::factory()->create();
@@ -201,5 +209,52 @@
         ->delete("/admin/resources/{$resource->id}")
         ->assertForbidden();
 
-    expect(Resource::find($resource->id))->not->toBeNull();
+    expect(ResourceChangeRequest::where('resource_id', $resource->id)->exists())->toBeFalse();
+});
+
+test('resource author can submit an update for moderation while live resource is unchanged', function () {
+    $author = User::factory()->create();
+    $author->givePermissionTo('view admin');
+
+    $subject = Subject::create([
+        'name' => 'Chemistry',
+        'slug' => 'chemistry',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'flask',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Acids',
+        'slug' => 'acids',
+    ]);
+
+    $resource = Resource::create([
+        'user_id' => $author->id,
+        'node_id' => $node->id,
+        'resource_type' => 'video',
+        'title' => 'Old Title',
+        'external_url' => 'https://youtube.com/watch?v=acid11111111',
+    ]);
+
+    $this->actingAs($author)
+        ->post("/admin/resources/{$resource->id}/patch", [
+            'node_id' => $node->id,
+            'title' => 'New Proposed Title',
+            'resource_type' => 'video',
+            'external_url' => 'https://youtube.com/watch?v=acid22222222',
+        ])
+        ->assertRedirect()
+        ->assertSessionHas('success');
+
+    // Live resource is untouched
+    expect($resource->fresh()->title)->toBe('Old Title');
+
+    // Moderation queue has the pending update
+    $change = ResourceChangeRequest::where('resource_id', $resource->id)->first();
+    expect($change)->not->toBeNull()
+        ->and($change->action_type)->toBe('update')
+        ->and($change->status)->toBe('pending')
+        ->and($change->payload['title'])->toBe('New Proposed Title');
 });

From feea8fdcd42ccb7481b83ab4ea1f14ec9d3d4ec9 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 15:19:48 +0600
Subject: [PATCH 04/17] refactor(moderation): simplify record signatures by
 embedding file_path in validated array

---
 .../Controllers/Admin/ResourceController.php  | 25 +++++++++----------
 app/Models/ResourceChangeRequest.php          | 16 +++++++-----
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/app/Http/Controllers/Admin/ResourceController.php b/app/Http/Controllers/Admin/ResourceController.php
index df0d29b0..febfbded 100644
--- a/app/Http/Controllers/Admin/ResourceController.php
+++ b/app/Http/Controllers/Admin/ResourceController.php
@@ -20,15 +20,15 @@ class ResourceController extends Controller
     public function store(StoreResourceRequest $request)
     {
         $validated = $request->validated();
-        $filePath = $request->hasFile('file')
-            ? $request->file('file')->store("resources/{$validated['resource_type']}s")
-            : null;
+
+        if ($request->hasFile('file')) {
+            $validated['file_path'] = $request->file('file')->store("resources/{$validated['resource_type']}s");
+        }
 
         ResourceChangeRequest::recordCreate(
             Auth::id(),
             (int) $validated['node_id'],
-            $validated,
-            $filePath
+            $validated
         );
 
         return back()->with('success', 'Resource submitted for moderation.');
@@ -41,15 +41,15 @@ public function update(UpdateResourceRequest $request, Resource $resource)
         }
 
         $validated = $request->validated();
-        $filePath = $request->hasFile('file')
-            ? $request->file('file')->store("resources/{$validated['resource_type']}s")
-            : null;
+
+        if ($request->hasFile('file')) {
+            $validated['file_path'] = $request->file('file')->store("resources/{$validated['resource_type']}s");
+        }
 
         ResourceChangeRequest::recordUpdate(
             Auth::id(),
             $resource,
-            $validated,
-            $filePath
+            $validated
         );
 
         return back()->with('success', 'Resource update submitted for moderation.');
@@ -74,12 +74,11 @@ public function storeBulkImages(BulkImageStoreRequest $request)
 
         DB::transaction(function () use ($request, $validated, $userId, $nodeId) {
             foreach ($request->file('files') as $index => $file) {
-                $filePath = $file->store('resources/images');
-
                 ResourceChangeRequest::recordCreate($userId, $nodeId, [
                     'title' => $validated['custom_titles'][$index],
                     'resource_type' => 'image',
-                ], $filePath);
+                    'file_path' => $file->store('resources/images'),
+                ]);
             }
         });
 
diff --git a/app/Models/ResourceChangeRequest.php b/app/Models/ResourceChangeRequest.php
index 97658741..adf3f9ce 100644
--- a/app/Models/ResourceChangeRequest.php
+++ b/app/Models/ResourceChangeRequest.php
@@ -68,7 +68,7 @@ public function scopePending($query)
     /**
      * Sanitize and whitelist only valid resource attributes.
      */
-    public static function sanitizePayload(array $data, ?string $filePath = null): array
+    public static function sanitizePayload(array $data): array
     {
         return [
             'node_id' => $data['node_id'] ?? null,
@@ -76,24 +76,28 @@ public static function sanitizePayload(array $data, ?string $filePath = null): a
             'title' => $data['title'] ?? null,
             'content' => $data['content'] ?? null,
             'external_url' => $data['external_url'] ?? null,
-            'file_path' => $filePath ?? ($data['file_path'] ?? null),
+            'file_path' => $data['file_path'] ?? null,
         ];
     }
 
-    public static function recordCreate(int $userId, int $nodeId, array $data, ?string $filePath = null): self
+    public static function recordCreate(int $userId, int $nodeId, array $data): self
     {
         return self::create([
             'user_id' => $userId,
             'node_id' => $nodeId,
             'action_type' => 'create',
             'status' => 'pending',
-            'payload' => self::sanitizePayload($data, $filePath),
+            'payload' => self::sanitizePayload($data),
         ]);
     }
 
-    public static function recordUpdate(int $userId, Resource $resource, array $data, ?string $filePath = null): self
+    public static function recordUpdate(int $userId, Resource $resource, array $data): self
     {
-        $payload = self::sanitizePayload($data, $filePath ?? $resource->file_path);
+        if (! isset($data['file_path']) && $resource->file_path) {
+            $data['file_path'] = $resource->file_path;
+        }
+
+        $payload = self::sanitizePayload($data);
 
         return self::create([
             'user_id' => $userId,

From 6912169a202a807325a6cf524e988b6cdab08de6 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 16:10:53 +0600
Subject: [PATCH 05/17] feat(moderation): add moderate resources permission
 migration and seeder

---
 ...4900_add_moderate_resources_permission.php |  44 ++++
 database/seeders/DatabaseSeeder.php           |   1 +
 .../seeders/ResourceChangeRequestSeeder.php   | 225 ++++++++++++++++++
 3 files changed, 270 insertions(+)
 create mode 100644 database/migrations/2026_10_09_154900_add_moderate_resources_permission.php
 create mode 100644 database/seeders/ResourceChangeRequestSeeder.php

diff --git a/database/migrations/2026_10_09_154900_add_moderate_resources_permission.php b/database/migrations/2026_10_09_154900_add_moderate_resources_permission.php
new file mode 100644
index 00000000..8f4c9f8c
--- /dev/null
+++ b/database/migrations/2026_10_09_154900_add_moderate_resources_permission.php
@@ -0,0 +1,44 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Support\Facades\Cache;
+use Spatie\Permission\Models\Permission;
+use Spatie\Permission\Models\Role;
+use Spatie\Permission\PermissionRegistrar;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        app()[PermissionRegistrar::class]->forgetCachedPermissions();
+        Cache::flush();
+
+        $permission = Permission::findOrCreate('moderate resources', 'web');
+
+        $admin = Role::where('name', 'admin')->where('guard_name', 'web')->first();
+        if ($admin) {
+            $admin->givePermissionTo($permission);
+        }
+
+        app()[PermissionRegistrar::class]->forgetCachedPermissions();
+        Cache::flush();
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        app()[PermissionRegistrar::class]->forgetCachedPermissions();
+        Cache::flush();
+
+        $permission = Permission::where('name', 'moderate resources')->where('guard_name', 'web')->first();
+        $permission?->delete();
+
+        app()[PermissionRegistrar::class]->forgetCachedPermissions();
+        Cache::flush();
+    }
+};
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 24e3a8bc..bb549735 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -30,6 +30,7 @@ public function run(): void
             ReportSeeder::class,
             UserAppreciationSeeder::class,
             ChatSeeder::class,
+            ResourceChangeRequestSeeder::class,
         ]);
         Blog::factory()->count(10)->create();
     }
diff --git a/database/seeders/ResourceChangeRequestSeeder.php b/database/seeders/ResourceChangeRequestSeeder.php
new file mode 100644
index 00000000..dda33ca3
--- /dev/null
+++ b/database/seeders/ResourceChangeRequestSeeder.php
@@ -0,0 +1,225 @@
+<?php
+
+namespace Database\Seeders;
+
+use App\Models\Node;
+use App\Models\Resource;
+use App\Models\ResourceChangeRequest;
+use App\Models\User;
+use Illuminate\Database\Seeder;
+
+class ResourceChangeRequestSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        $admin = User::role('admin')->first() ?? User::first();
+        $contributor = User::where('id', '!=', $admin?->id)->first() ?? User::factory()->create();
+
+        $node = Node::has('subject')->first() ?? Node::first();
+        if (! $node) {
+            $this->command->warn('No nodes available to seed change requests.');
+
+            return;
+        }
+
+        // Fetch or create sample resources for update and delete requests
+        $noteResource = Resource::where('resource_type', 'note')->first() ?? Resource::create([
+            'node_id' => $node->id,
+            'user_id' => $contributor->id,
+            'resource_type' => 'note',
+            'title' => 'Original Summary of Newton Mechanics',
+            'content' => 'Newton second law states that F = dp/dt. When mass is constant, F = ma.',
+        ]);
+
+        $pdfResource = Resource::where('resource_type', 'pdf')->first() ?? Resource::create([
+            'node_id' => $node->id,
+            'user_id' => $contributor->id,
+            'resource_type' => 'pdf',
+            'title' => 'Calculus Formula Sheet 2024',
+            'external_url' => 'https://example.com/calculus-formula-sheet.pdf',
+        ]);
+
+        $videoResource = Resource::where('resource_type', 'video')->first() ?? Resource::create([
+            'node_id' => $node->id,
+            'user_id' => $contributor->id,
+            'resource_type' => 'video',
+            'title' => 'Introduction to Organic Reactions',
+            'external_url' => 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+        ]);
+
+        $deleteCandidateResource = Resource::whereNotIn('id', [$noteResource->id, $pdfResource->id, $videoResource->id])->first() ?? Resource::create([
+            'node_id' => $node->id,
+            'user_id' => $contributor->id,
+            'resource_type' => 'note',
+            'title' => 'Outdated Exam Routine 2021',
+            'content' => 'Routine for 2021 HSC batch. No longer relevant.',
+        ]);
+
+        // 1. Pending CREATE Requests
+        // Note
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'node_id' => $node->id,
+            'action_type' => 'create',
+            'status' => 'pending',
+            'payload' => [
+                'node_id' => $node->id,
+                'resource_type' => 'note',
+                'title' => 'Photosynthesis Light & Dark Reaction Summary Notes',
+                'content' => "### Photosynthesis Key Points\n\n- **Light Dependent Phase**: Occurs in thylakoid membranes.\n- **Light Independent Phase (Calvin Cycle)**: Occurs in the stroma.\n- Key enzyme: RuBisCO.",
+                'external_url' => null,
+                'file_path' => null,
+            ],
+        ]);
+
+        // PDF
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'node_id' => $node->id,
+            'action_type' => 'create',
+            'status' => 'pending',
+            'payload' => [
+                'node_id' => $node->id,
+                'resource_type' => 'pdf',
+                'title' => 'Thermodynamics Formulas & Chapter Practice PDF',
+                'content' => null,
+                'external_url' => 'https://drive.google.com/file/d/1sample_pdf_drive_link/view',
+                'file_path' => null,
+            ],
+        ]);
+
+        // Video
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'node_id' => $node->id,
+            'action_type' => 'create',
+            'status' => 'pending',
+            'payload' => [
+                'node_id' => $node->id,
+                'resource_type' => 'video',
+                'title' => 'Complete Matrices and Determinants Masterclass (Bangla)',
+                'content' => null,
+                'external_url' => 'https://www.youtube.com/watch?v=ScMzIvxBSi4',
+                'file_path' => null,
+            ],
+        ]);
+
+        // Image
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'node_id' => $node->id,
+            'action_type' => 'create',
+            'status' => 'pending',
+            'payload' => [
+                'node_id' => $node->id,
+                'resource_type' => 'image',
+                'title' => 'Conic Sections - Hyperbola and Ellipse Geometric Diagram',
+                'content' => null,
+                'external_url' => null,
+                'file_path' => 'resources/images/sample-conic-diagram.png',
+            ],
+        ]);
+
+        // 2. Pending UPDATE Requests
+        // Note update
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'resource_id' => $noteResource->id,
+            'node_id' => $noteResource->node_id,
+            'action_type' => 'update',
+            'status' => 'pending',
+            'payload' => [
+                'node_id' => $noteResource->node_id,
+                'resource_type' => 'note',
+                'title' => 'Newtonian Mechanics - Comprehensive Derivations & Solved Problems',
+                'content' => "### Comprehensive Newtonian Mechanics\n\n1. Momentum conservation: m1*u1 + m2*u2 = m1*v1 + m2*v2\n2. Friction: f_k = mu_k * N\n3. Centripetal Force: F_c = m * v^2 / r",
+                'external_url' => null,
+                'file_path' => null,
+            ],
+        ]);
+
+        // PDF update
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'resource_id' => $pdfResource->id,
+            'node_id' => $pdfResource->node_id,
+            'action_type' => 'update',
+            'status' => 'pending',
+            'payload' => [
+                'node_id' => $pdfResource->node_id,
+                'resource_type' => 'pdf',
+                'title' => 'Calculus Formula Sheet 2026 (Updated with Integration Rules)',
+                'content' => null,
+                'external_url' => 'https://example.com/calculus-formula-sheet-2026-revised.pdf',
+                'file_path' => null,
+            ],
+        ]);
+
+        // Video update
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'resource_id' => $videoResource->id,
+            'node_id' => $videoResource->node_id,
+            'action_type' => 'update',
+            'status' => 'pending',
+            'payload' => [
+                'node_id' => $videoResource->node_id,
+                'resource_type' => 'video',
+                'title' => 'Organic Chemistry - Electrophilic Aromatic Substitution (HD Remastered)',
+                'content' => null,
+                'external_url' => 'https://www.youtube.com/watch?v=dQw4w9WgXcQ',
+                'file_path' => null,
+            ],
+        ]);
+
+        // 3. Pending DELETE Request
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'resource_id' => $deleteCandidateResource->id,
+            'node_id' => $deleteCandidateResource->node_id,
+            'action_type' => 'delete',
+            'status' => 'pending',
+            'payload' => null,
+        ]);
+
+        // 4. APPROVED Request (history check)
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'node_id' => $node->id,
+            'action_type' => 'create',
+            'status' => 'approved',
+            'reviewed_by' => $admin?->id,
+            'reviewed_at' => now()->subDay(),
+            'payload' => [
+                'node_id' => $node->id,
+                'resource_type' => 'pdf',
+                'title' => 'HSC English 1st Paper Flowchart and Summary Guidelines',
+                'content' => null,
+                'external_url' => 'https://example.com/english-1st-paper-guide.pdf',
+                'file_path' => null,
+            ],
+        ]);
+
+        // 5. REJECTED Request (history check)
+        ResourceChangeRequest::create([
+            'user_id' => $contributor->id,
+            'node_id' => $node->id,
+            'action_type' => 'create',
+            'status' => 'rejected',
+            'reviewed_by' => $admin?->id,
+            'reviewed_at' => now()->subHours(6),
+            'rejection_reason' => 'The provided Google Drive link requires permission to view. Please set link sharing to "Anyone with the link can view" and resubmit.',
+            'payload' => [
+                'node_id' => $node->id,
+                'resource_type' => 'pdf',
+                'title' => 'Inaccessible Question Bank PDF',
+                'content' => null,
+                'external_url' => 'https://drive.google.com/file/d/private-file-id/view',
+                'file_path' => null,
+            ],
+        ]);
+    }
+}

From 2d4e26786b844f6a7df2005929dfd2072d578d04 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 16:10:57 +0600
Subject: [PATCH 06/17] feat(moderation): add ResourceModerationController
 routes, nav link, and feature tests

---
 .../Admin/ResourceModerationController.php    | 133 ++++++++++++++++++
 resources/js/layouts/AdminLayout.vue          |   6 +
 routes/admin.php                              |   8 ++
 tests/Feature/AdminResourceTest.php           |  76 ++++++++++
 4 files changed, 223 insertions(+)
 create mode 100644 app/Http/Controllers/Admin/ResourceModerationController.php

diff --git a/app/Http/Controllers/Admin/ResourceModerationController.php b/app/Http/Controllers/Admin/ResourceModerationController.php
new file mode 100644
index 00000000..f8ee9ec4
--- /dev/null
+++ b/app/Http/Controllers/Admin/ResourceModerationController.php
@@ -0,0 +1,133 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Models\Resource;
+use App\Models\ResourceChangeRequest;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Support\Facades\Storage;
+use Inertia\Inertia;
+
+class ResourceModerationController extends Controller
+{
+    public function index(Request $request)
+    {
+        $status = $request->query('status', 'pending');
+        $actionType = $request->query('action_type');
+
+        $query = ResourceChangeRequest::with([
+            'user:id,name,username,image_path',
+            'resource',
+            'node.subject',
+            'reviewer:id,name,username',
+        ]);
+
+        if (in_array($status, ['pending', 'approved', 'rejected'])) {
+            $query->where('status', $status);
+        }
+
+        if (in_array($actionType, ['create', 'update', 'delete'])) {
+            $query->where('action_type', $actionType);
+        }
+
+        $requests = $query->latest()
+            ->paginate(15)
+            ->withQueryString();
+
+        $counts = [
+            'pending' => ResourceChangeRequest::where('status', 'pending')->count(),
+            'approved' => ResourceChangeRequest::where('status', 'approved')->count(),
+            'rejected' => ResourceChangeRequest::where('status', 'rejected')->count(),
+        ];
+
+        return Inertia::render('admin/moderation/Resources', [
+            'requests' => $requests,
+            'counts' => $counts,
+            'filters' => [
+                'status' => $status,
+                'action_type' => $actionType,
+            ],
+        ]);
+    }
+
+    public function approve(ResourceChangeRequest $changeRequest)
+    {
+        if ($changeRequest->status !== 'pending') {
+            return back()->with('error', 'This request has already been reviewed.');
+        }
+
+        DB::transaction(function () use ($changeRequest) {
+            if ($changeRequest->action_type === 'create') {
+                $resource = Resource::create($changeRequest->payload);
+                $changeRequest->resource_id = $resource->id;
+            } elseif ($changeRequest->action_type === 'update') {
+                $resource = $changeRequest->resource;
+
+                if (! $resource) {
+                    abort(404, 'Target resource not found.');
+                }
+
+                $newFilePath = $changeRequest->payload['file_path'] ?? null;
+                if ($newFilePath && $resource->file_path && $newFilePath !== $resource->file_path) {
+                    Storage::delete($resource->file_path);
+                }
+
+                $resource->update($changeRequest->payload);
+            } elseif ($changeRequest->action_type === 'delete') {
+                $resource = $changeRequest->resource;
+
+                if ($resource) {
+                    if ($resource->file_path) {
+                        Storage::delete($resource->file_path);
+                    }
+                    $resource->delete();
+                }
+            }
+
+            $changeRequest->update([
+                'status' => 'approved',
+                'reviewed_by' => Auth::id(),
+                'reviewed_at' => now(),
+            ]);
+        });
+
+        return back()->with('success', 'Resource change request approved successfully.');
+    }
+
+    public function reject(Request $request, ResourceChangeRequest $changeRequest)
+    {
+        if ($changeRequest->status !== 'pending') {
+            return back()->with('error', 'This request has already been reviewed.');
+        }
+
+        $validated = $request->validate([
+            'rejection_reason' => ['nullable', 'string', 'max:500'],
+        ]);
+
+        DB::transaction(function () use ($changeRequest, $validated) {
+            $stagedFile = $changeRequest->payload['file_path'] ?? null;
+
+            if ($stagedFile) {
+                // If create action, or update action where new file is different from live resource's file
+                $isNewFile = $changeRequest->action_type === 'create'
+                    || ($changeRequest->action_type === 'update' && $stagedFile !== $changeRequest->resource?->file_path);
+
+                if ($isNewFile) {
+                    Storage::delete($stagedFile);
+                }
+            }
+
+            $changeRequest->update([
+                'status' => 'rejected',
+                'rejection_reason' => $validated['rejection_reason'] ?? null,
+                'reviewed_by' => Auth::id(),
+                'reviewed_at' => now(),
+            ]);
+        });
+
+        return back()->with('success', 'Resource change request rejected.');
+    }
+}
diff --git a/resources/js/layouts/AdminLayout.vue b/resources/js/layouts/AdminLayout.vue
index 996596a7..60ae860c 100644
--- a/resources/js/layouts/AdminLayout.vue
+++ b/resources/js/layouts/AdminLayout.vue
@@ -43,6 +43,12 @@ watch(adminCollapsed, (v) => {
 
 const allNavigation: AdminNavItem[] = [
     { name: 'Dashboard', to: '/admin', icon: 'dashboard' },
+    {
+        name: 'Resource Moderation',
+        to: '/admin/moderation/resources',
+        icon: 'fact_check',
+        permission: 'moderate resources',
+    },
     { name: 'Manage Contents', to: '/admin/subjects', icon: 'menu_book' },
     { name: 'Manage Blogs', to: '/admin/blogs', icon: 'book' },
     {
diff --git a/routes/admin.php b/routes/admin.php
index 68b93d5e..0e451efd 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -10,6 +10,7 @@
 use App\Http\Controllers\Admin\PeerSettingsController;
 use App\Http\Controllers\Admin\ProductController as AdminProductController;
 use App\Http\Controllers\Admin\ResourceController as AdminResourceController;
+use App\Http\Controllers\Admin\ResourceModerationController;
 use App\Http\Controllers\Admin\SubjectController as AdminSubjectController;
 use App\Http\Controllers\Admin\SupportTicketController as AdminSupportTicketController;
 use App\Http\Controllers\Admin\UserController as AdminUserController;
@@ -78,6 +79,13 @@
 
 Route::delete('/resources/{resource}', [AdminResourceController::class, 'destroy'])->middleware('can:delete,resource');
 
+// Resource Moderation
+Route::middleware('permission:moderate resources')->group(function () {
+    Route::get('/moderation/resources', [ResourceModerationController::class, 'index'])->name('moderation.resources.index');
+    Route::post('/moderation/resources/{changeRequest}/approve', [ResourceModerationController::class, 'approve'])->name('moderation.resources.approve');
+    Route::post('/moderation/resources/{changeRequest}/reject', [ResourceModerationController::class, 'reject'])->name('moderation.resources.reject');
+});
+
 // Notice
 Route::middleware('permission:edit notice')->group(function () {
     Route::get('/notice', [AdminNoticeController::class, 'edit'])->name('notice.edit');
diff --git a/tests/Feature/AdminResourceTest.php b/tests/Feature/AdminResourceTest.php
index 8c0b91c0..93eb0f4a 100644
--- a/tests/Feature/AdminResourceTest.php
+++ b/tests/Feature/AdminResourceTest.php
@@ -258,3 +258,79 @@
         ->and($change->status)->toBe('pending')
         ->and($change->payload['title'])->toBe('New Proposed Title');
 });
+
+test('moderator can approve a create request to bring resource live', function () {
+    Permission::findOrCreate('moderate resources', 'web');
+
+    $moderator = User::factory()->create();
+    $moderator->givePermissionTo(['view admin', 'moderate resources']);
+
+    $subject = Subject::create([
+        'name' => 'Math',
+        'slug' => 'math',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'calculator',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Algebra',
+        'slug' => 'algebra',
+    ]);
+
+    $changeRequest = ResourceChangeRequest::recordCreate($moderator->id, $node->id, [
+        'title' => 'Equations Note',
+        'resource_type' => 'note',
+        'content' => 'Algebra notes content',
+    ]);
+
+    expect(Resource::where('title', 'Equations Note')->exists())->toBeFalse();
+
+    $this->actingAs($moderator)
+        ->post("/admin/moderation/resources/{$changeRequest->id}/approve")
+        ->assertRedirect()
+        ->assertSessionHas('success');
+
+    expect($changeRequest->fresh()->status)->toBe('approved')
+        ->and($changeRequest->fresh()->reviewed_by)->toBe($moderator->id)
+        ->and(Resource::where('title', 'Equations Note')->exists())->toBeTrue();
+});
+
+test('moderator can reject a request with feedback reason', function () {
+    Permission::findOrCreate('moderate resources', 'web');
+
+    $moderator = User::factory()->create();
+    $moderator->givePermissionTo(['view admin', 'moderate resources']);
+
+    $subject = Subject::create([
+        'name' => 'Physics',
+        'slug' => 'physics',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'atom',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Optics',
+        'slug' => 'optics',
+    ]);
+
+    $changeRequest = ResourceChangeRequest::recordCreate($moderator->id, $node->id, [
+        'title' => 'Bad Video Link',
+        'resource_type' => 'video',
+        'external_url' => 'https://youtube.com/watch?v=brokenlink11',
+    ]);
+
+    $this->actingAs($moderator)
+        ->post("/admin/moderation/resources/{$changeRequest->id}/reject", [
+            'rejection_reason' => 'The video URL is not valid.',
+        ])
+        ->assertRedirect()
+        ->assertSessionHas('success');
+
+    expect($changeRequest->fresh()->status)->toBe('rejected')
+        ->and($changeRequest->fresh()->rejection_reason)->toBe('The video URL is not valid.')
+        ->and(Resource::where('title', 'Bad Video Link')->exists())->toBeFalse();
+});

From 0882853b42221fdb407b525ae843344afb9a4404 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 16:11:00 +0600
Subject: [PATCH 07/17] feat(moderation): add moderation review page and
 pending badges in resource tree

---
 app/Http/Controllers/Admin/NodeController.php |   4 +-
 resources/js/components/admin/ResourceRow.vue |  28 +-
 .../js/pages/admin/moderation/Resources.vue   | 664 ++++++++++++++++++
 3 files changed, 694 insertions(+), 2 deletions(-)
 create mode 100644 resources/js/pages/admin/moderation/Resources.vue

diff --git a/app/Http/Controllers/Admin/NodeController.php b/app/Http/Controllers/Admin/NodeController.php
index e7b775ca..517d77c7 100644
--- a/app/Http/Controllers/Admin/NodeController.php
+++ b/app/Http/Controllers/Admin/NodeController.php
@@ -47,7 +47,9 @@ public function show(Subject $subject, $path = null)
         return Inertia::render('admin/Node', [
             'subject' => $subject,
             'nodes' => $node->children,
-            'resources' => $node->resources ?? [],
+            'resources' => $node ? $node->resources()->with([
+                'pendingChangeRequest' => fn ($q) => $q->select('id', 'resource_id', 'action_type', 'status'),
+            ])->get() : [],
             'parent' => $node ? $node->append('is_effectively_frozen') : null,
         ]);
     }
diff --git a/resources/js/components/admin/ResourceRow.vue b/resources/js/components/admin/ResourceRow.vue
index 5fab49ea..8819af75 100644
--- a/resources/js/components/admin/ResourceRow.vue
+++ b/resources/js/components/admin/ResourceRow.vue
@@ -23,9 +23,18 @@ const emit = defineEmits<{
     (e: 'edit', resource: any): void;
 }>();
 
+const hasPendingChange = computed(() => {
+    return Boolean(props.resource?.pending_change_request);
+});
+
+const pendingAction = computed(() => {
+    return props.resource?.pending_change_request?.action_type;
+});
+
 const canEdit = computed(() => {
     return (
         !props.isFrozen &&
+        !hasPendingChange.value &&
         (can('edit resources') ||
             (userId.value !== null && userId.value === props.resource?.user_id))
     );
@@ -34,13 +43,16 @@ const canEdit = computed(() => {
 const canDelete = computed(() => {
     return (
         !props.isFrozen &&
+        !hasPendingChange.value &&
         (can('delete resources') ||
             (userId.value !== null && userId.value === props.resource?.user_id))
     );
 });
 
 const handleDelete = () => {
-    if (confirm('Are you sure you want to delete this Resource?')) {
+    if (
+        confirm('Are you sure you want to request deletion of this Resource?')
+    ) {
         router.delete(`/admin/resources/${props.resource?.id}`);
     }
 };
@@ -88,6 +100,20 @@ const handleDelete = () => {
                 >
                     {{ resource?.resource_type }}
                 </span>
+
+                <!-- Pending Moderation Badge -->
+                <span
+                    v-if="hasPendingChange && pendingAction === 'update'"
+                    class="inline-flex items-center rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-bold text-amber-800 dark:bg-amber-500/20 dark:text-amber-300"
+                >
+                    Edit Pending
+                </span>
+                <span
+                    v-else-if="hasPendingChange && pendingAction === 'delete'"
+                    class="inline-flex items-center rounded bg-rose-100 px-1.5 py-0.5 text-[10px] font-bold text-rose-800 dark:bg-rose-500/20 dark:text-rose-300"
+                >
+                    Deletion Pending
+                </span>
             </div>
         </div>
 
diff --git a/resources/js/pages/admin/moderation/Resources.vue b/resources/js/pages/admin/moderation/Resources.vue
new file mode 100644
index 00000000..6321e63a
--- /dev/null
+++ b/resources/js/pages/admin/moderation/Resources.vue
@@ -0,0 +1,664 @@
+<script setup lang="ts">
+import { Head, router } from '@inertiajs/vue3';
+import {
+    Check,
+    Clock,
+    ExternalLink,
+    FileImage,
+    FileText,
+    FileVideo,
+    Pencil,
+    PlusCircle,
+    Trash2,
+    X,
+} from 'lucide-vue-next';
+import { ref } from 'vue';
+import Pagination from '@/components/Pagination.vue';
+
+interface User {
+    id: number;
+    name: string;
+    username: string;
+    image_path?: string;
+}
+
+interface Subject {
+    id: number;
+    name: string;
+    slug: string;
+}
+
+interface Node {
+    id: number;
+    name: string;
+    subject?: Subject;
+}
+
+interface LiveResource {
+    id: number;
+    title: string;
+    resource_type: string;
+    content?: string;
+    external_url?: string;
+    file_path?: string;
+}
+
+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;
+}
+
+const props = defineProps<{
+    requests: {
+        data: ChangeRequest[];
+        links: any[];
+        from: number;
+        to: number;
+        total: number;
+        current_page: number;
+        last_page: number;
+    };
+    counts: {
+        pending: number;
+        approved: number;
+        rejected: number;
+    };
+    filters: {
+        status: string;
+        action_type?: string;
+    };
+}>();
+
+const rejectingId = ref<number | null>(null);
+const rejectionReason = ref('');
+const isProcessing = ref(false);
+
+const setStatusFilter = (status: string) => {
+    router.get(
+        '/admin/moderation/resources',
+        { status, action_type: props.filters.action_type },
+        { preserveState: true, preserveScroll: true },
+    );
+};
+
+const setActionFilter = (actionType?: string) => {
+    router.get(
+        '/admin/moderation/resources',
+        { status: props.filters.status, action_type: actionType },
+        { preserveState: true, preserveScroll: true },
+    );
+};
+
+const handleApprove = (req: ChangeRequest) => {
+    if (confirm(`Approve this ${req.action_type} request?`)) {
+        isProcessing.value = true;
+        router.post(
+            `/admin/moderation/resources/${req.id}/approve`,
+            {},
+            {
+                preserveScroll: true,
+                onFinish: () => {
+                    isProcessing.value = false;
+                },
+            },
+        );
+    }
+};
+
+const openRejectModal = (req: ChangeRequest) => {
+    rejectingId.value = req.id;
+    rejectionReason.value = '';
+};
+
+const handleReject = () => {
+    if (!rejectingId.value) {
+        return;
+    }
+
+    isProcessing.value = true;
+    router.post(
+        `/admin/moderation/resources/${rejectingId.value}/reject`,
+        { rejection_reason: rejectionReason.value },
+        {
+            preserveScroll: true,
+            onFinish: () => {
+                isProcessing.value = false;
+                rejectingId.value = null;
+                rejectionReason.value = '';
+            },
+        },
+    );
+};
+</script>
+
+<template>
+    <Head title="Resource Moderation Queue" />
+
+    <div class="mx-auto max-w-6xl space-y-6 p-4 sm:p-6 lg:p-8">
+        <!-- Header -->
+        <div
+            class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
+        >
+            <div>
+                <h1
+                    class="text-2xl font-bold tracking-tight text-slate-900 dark:text-white"
+                >
+                    Resource Moderation Queue
+                </h1>
+                <p class="mt-1 text-sm text-slate-500 dark:text-gray-400">
+                    Review, approve, or reject proposed resource uploads, edits,
+                    and deletions.
+                </p>
+            </div>
+        </div>
+
+        <!-- Status Tabs -->
+        <div
+            class="flex flex-wrap items-center gap-2 border-b border-slate-200 pb-4 dark:border-gray-800"
+        >
+            <button
+                type="button"
+                @click="setStatusFilter('pending')"
+                class="inline-flex cursor-pointer items-center gap-2 rounded-xl px-4 py-2 text-sm font-semibold transition"
+                :class="[
+                    filters.status === 'pending'
+                        ? 'bg-amber-500/10 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300'
+                        : 'text-slate-600 hover:bg-slate-100 dark:text-gray-400 dark:hover:bg-gray-800',
+                ]"
+            >
+                <Clock class="h-4 w-4" />
+                <span>Pending</span>
+                <span
+                    class="rounded-full bg-amber-500 px-2 py-0.5 text-xs text-white dark:bg-amber-600"
+                >
+                    {{ counts.pending }}
+                </span>
+            </button>
+
+            <button
+                type="button"
+                @click="setStatusFilter('approved')"
+                class="inline-flex cursor-pointer items-center gap-2 rounded-xl px-4 py-2 text-sm font-semibold transition"
+                :class="[
+                    filters.status === 'approved'
+                        ? 'bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-300'
+                        : 'text-slate-600 hover:bg-slate-100 dark:text-gray-400 dark:hover:bg-gray-800',
+                ]"
+            >
+                <Check class="h-4 w-4" />
+                <span>Approved</span>
+                <span
+                    class="rounded-full bg-slate-200 px-2 py-0.5 text-xs text-slate-700 dark:bg-gray-700 dark:text-gray-300"
+                >
+                    {{ counts.approved }}
+                </span>
+            </button>
+
+            <button
+                type="button"
+                @click="setStatusFilter('rejected')"
+                class="inline-flex cursor-pointer items-center gap-2 rounded-xl px-4 py-2 text-sm font-semibold transition"
+                :class="[
+                    filters.status === 'rejected'
+                        ? 'bg-rose-500/10 text-rose-700 dark:bg-rose-500/20 dark:text-rose-300'
+                        : 'text-slate-600 hover:bg-slate-100 dark:text-gray-400 dark:hover:bg-gray-800',
+                ]"
+            >
+                <X class="h-4 w-4" />
+                <span>Rejected</span>
+                <span
+                    class="rounded-full bg-slate-200 px-2 py-0.5 text-xs text-slate-700 dark:bg-gray-700 dark:text-gray-300"
+                >
+                    {{ counts.rejected }}
+                </span>
+            </button>
+
+            <!-- Action Type Filter -->
+            <div class="ml-auto flex items-center gap-1">
+                <span class="text-xs font-medium text-slate-400"
+                    >Filter action:</span
+                >
+                <button
+                    type="button"
+                    @click="setActionFilter(undefined)"
+                    class="cursor-pointer rounded-lg px-2.5 py-1 text-xs font-semibold"
+                    :class="
+                        !filters.action_type
+                            ? 'bg-slate-900 text-white dark:bg-white dark:text-gray-900'
+                            : 'text-slate-500 hover:bg-slate-100 dark:hover:bg-gray-800'
+                    "
+                >
+                    All
+                </button>
+                <button
+                    type="button"
+                    @click="setActionFilter('create')"
+                    class="cursor-pointer rounded-lg px-2.5 py-1 text-xs font-semibold"
+                    :class="
+                        filters.action_type === 'create'
+                            ? 'bg-emerald-600 text-white'
+                            : 'text-slate-500 hover:bg-slate-100 dark:hover:bg-gray-800'
+                    "
+                >
+                    Creates
+                </button>
+                <button
+                    type="button"
+                    @click="setActionFilter('update')"
+                    class="cursor-pointer rounded-lg px-2.5 py-1 text-xs font-semibold"
+                    :class="
+                        filters.action_type === 'update'
+                            ? 'bg-amber-600 text-white'
+                            : 'text-slate-500 hover:bg-slate-100 dark:hover:bg-gray-800'
+                    "
+                >
+                    Updates
+                </button>
+                <button
+                    type="button"
+                    @click="setActionFilter('delete')"
+                    class="cursor-pointer rounded-lg px-2.5 py-1 text-xs font-semibold"
+                    :class="
+                        filters.action_type === 'delete'
+                            ? 'bg-rose-600 text-white'
+                            : 'text-slate-500 hover:bg-slate-100 dark:hover:bg-gray-800'
+                    "
+                >
+                    Deletes
+                </button>
+            </div>
+        </div>
+
+        <!-- Queue List -->
+        <div
+            v-if="requests.data.length === 0"
+            class="rounded-2xl border border-dashed border-slate-200 p-12 text-center dark:border-gray-800"
+        >
+            <Clock
+                class="mx-auto h-12 w-12 text-slate-300 dark:text-gray-600"
+            />
+            <h3
+                class="mt-4 text-base font-semibold text-slate-900 dark:text-white"
+            >
+                No requests found
+            </h3>
+            <p class="mt-1 text-sm text-slate-500 dark:text-gray-400">
+                There are no {{ filters.status }} resource change requests
+                matching the current filters.
+            </p>
+        </div>
+
+        <div v-else class="space-y-4">
+            <div
+                v-for="req in requests.data"
+                :key="req.id"
+                class="rounded-2xl border border-slate-200 bg-white p-5 shadow-xs transition dark:border-gray-800 dark:bg-gray-900"
+            >
+                <!-- Top Bar: Action badge, Node breadcrumb, Author -->
+                <div
+                    class="flex flex-wrap items-center justify-between gap-3 border-b border-slate-100 pb-3 dark:border-gray-800/80"
+                >
+                    <div class="flex items-center gap-2">
+                        <!-- Action Type Badge -->
+                        <span
+                            v-if="req.action_type === 'create'"
+                            class="inline-flex items-center gap-1 rounded-full bg-emerald-50 px-2.5 py-1 text-xs font-bold text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-400"
+                        >
+                            <PlusCircle class="h-3.5 w-3.5" />
+                            New Upload
+                        </span>
+                        <span
+                            v-else-if="req.action_type === 'update'"
+                            class="inline-flex items-center gap-1 rounded-full bg-amber-50 px-2.5 py-1 text-xs font-bold text-amber-700 dark:bg-amber-500/10 dark:text-amber-400"
+                        >
+                            <Pencil class="h-3.5 w-3.5" />
+                            Proposed Edit
+                        </span>
+                        <span
+                            v-else-if="req.action_type === 'delete'"
+                            class="inline-flex items-center gap-1 rounded-full bg-rose-50 px-2.5 py-1 text-xs font-bold text-rose-700 dark:bg-rose-500/10 dark:text-rose-400"
+                        >
+                            <Trash2 class="h-3.5 w-3.5" />
+                            Deletion Request
+                        </span>
+
+                        <!-- Folder/Node context -->
+                        <span class="text-xs text-slate-500 dark:text-gray-400">
+                            in
+                            <span
+                                class="font-medium text-slate-700 dark:text-gray-300"
+                                >{{ req.node?.subject?.name }} /
+                                {{ req.node?.name }}</span
+                            >
+                        </span>
+                    </div>
+
+                    <!-- Requester info -->
+                    <div
+                        class="flex items-center gap-2 text-xs text-slate-500 dark:text-gray-400"
+                    >
+                        <span>Submitted by</span>
+                        <span
+                            class="font-semibold text-slate-800 dark:text-gray-200"
+                        >
+                            {{ req.user?.name }} (@{{ req.user?.username }})
+                        </span>
+                        <span>&bull;</span>
+                        <span>{{
+                            new Date(req.created_at).toLocaleString()
+                        }}</span>
+                    </div>
+                </div>
+
+                <!-- Content Details / Diffs -->
+                <div class="py-4">
+                    <!-- CREATE ACTION DETAILS -->
+                    <div v-if="req.action_type === 'create'" class="space-y-3">
+                        <div class="flex items-center gap-2">
+                            <FileImage
+                                v-if="req.payload?.resource_type === 'image'"
+                                class="h-5 w-5 text-amber-500"
+                            />
+                            <FileVideo
+                                v-else-if="
+                                    req.payload?.resource_type === 'video'
+                                "
+                                class="h-5 w-5 text-rose-500"
+                            />
+                            <FileText v-else class="h-5 w-5 text-indigo-500" />
+                            <h4
+                                class="text-base font-bold text-slate-900 dark:text-white"
+                            >
+                                {{ req.payload?.title }}
+                            </h4>
+                            <span
+                                class="rounded bg-slate-100 px-2 py-0.5 text-[11px] font-semibold text-slate-600 uppercase dark:bg-gray-800 dark:text-gray-300"
+                            >
+                                {{ req.payload?.resource_type }}
+                            </span>
+                        </div>
+
+                        <p
+                            v-if="req.payload?.content"
+                            class="rounded-xl bg-slate-50 p-3 text-xs text-slate-700 dark:bg-gray-800/50 dark:text-gray-300"
+                        >
+                            {{ req.payload?.content }}
+                        </p>
+
+                        <div
+                            v-if="req.payload?.external_url"
+                            class="flex items-center gap-1.5 text-xs"
+                        >
+                            <span class="text-slate-400">External URL:</span>
+                            <a
+                                :href="req.payload.external_url"
+                                target="_blank"
+                                class="inline-flex items-center gap-1 text-indigo-600 hover:underline dark:text-indigo-400"
+                            >
+                                {{ req.payload.external_url }}
+                                <ExternalLink class="h-3 w-3" />
+                            </a>
+                        </div>
+
+                        <div v-if="req.staged_file_url" class="mt-2">
+                            <img
+                                v-if="req.payload?.resource_type === 'image'"
+                                :src="req.staged_file_url"
+                                class="max-h-48 rounded-xl border object-contain dark:border-gray-700"
+                            />
+                            <a
+                                v-else
+                                :href="req.staged_file_url"
+                                target="_blank"
+                                class="inline-flex items-center gap-1 text-xs text-indigo-600 hover:underline"
+                            >
+                                View Staged File
+                                <ExternalLink class="h-3 w-3" />
+                            </a>
+                        </div>
+                    </div>
+
+                    <!-- UPDATE ACTION (SIDE-BY-SIDE DIFF) -->
+                    <div
+                        v-else-if="req.action_type === 'update'"
+                        class="space-y-3"
+                    >
+                        <div
+                            class="grid grid-cols-1 gap-4 rounded-xl bg-slate-50 p-4 sm:grid-cols-2 dark:bg-gray-800/40"
+                        >
+                            <!-- Current Live Content -->
+                            <div
+                                class="space-y-2 border-b pb-3 sm:border-r sm:border-b-0 sm:pr-4 dark:border-gray-800"
+                            >
+                                <div
+                                    class="text-[11px] font-bold tracking-wider text-slate-400 uppercase"
+                                >
+                                    Current Live Version
+                                </div>
+                                <div
+                                    class="text-sm font-semibold text-slate-800 dark:text-gray-200"
+                                >
+                                    {{ req.resource?.title }}
+                                </div>
+                                <div
+                                    v-if="req.resource?.content"
+                                    class="text-xs text-slate-600 dark:text-gray-400"
+                                >
+                                    {{ req.resource?.content }}
+                                </div>
+                                <div
+                                    v-if="req.resource?.external_url"
+                                    class="text-xs text-indigo-600"
+                                >
+                                    {{ req.resource?.external_url }}
+                                </div>
+                            </div>
+
+                            <!-- Proposed New Content -->
+                            <div class="space-y-2 sm:pl-2">
+                                <div
+                                    class="text-[11px] font-bold tracking-wider text-amber-600 uppercase dark:text-amber-400"
+                                >
+                                    Proposed Changes
+                                </div>
+                                <div
+                                    class="text-sm font-semibold"
+                                    :class="
+                                        req.payload?.title !==
+                                        req.resource?.title
+                                            ? 'font-bold text-amber-600 dark:text-amber-300'
+                                            : 'text-slate-800 dark:text-gray-200'
+                                    "
+                                >
+                                    {{ req.payload?.title }}
+                                </div>
+                                <div
+                                    v-if="req.payload?.content"
+                                    class="text-xs"
+                                    :class="
+                                        req.payload?.content !==
+                                        req.resource?.content
+                                            ? 'text-amber-700 dark:text-amber-300'
+                                            : 'text-slate-600 dark:text-gray-400'
+                                    "
+                                >
+                                    {{ req.payload?.content }}
+                                </div>
+                                <div
+                                    v-if="req.payload?.external_url"
+                                    class="text-xs text-indigo-600"
+                                >
+                                    {{ req.payload?.external_url }}
+                                </div>
+                                <div v-if="req.staged_file_url" class="mt-1">
+                                    <a
+                                        :href="req.staged_file_url"
+                                        target="_blank"
+                                        class="inline-flex items-center gap-1 text-xs text-amber-600 hover:underline"
+                                    >
+                                        New File Uploaded
+                                        <ExternalLink class="h-3 w-3" />
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <!-- DELETE ACTION -->
+                    <div
+                        v-else-if="req.action_type === 'delete'"
+                        class="flex items-center gap-3 rounded-xl bg-rose-50/50 p-4 dark:bg-rose-500/10"
+                    >
+                        <Trash2 class="h-6 w-6 text-rose-500" />
+                        <div>
+                            <h4
+                                class="text-sm font-bold text-rose-900 dark:text-rose-200"
+                            >
+                                Target: "{{ req.resource?.title }}"
+                            </h4>
+                            <p
+                                class="text-xs text-rose-700/80 dark:text-rose-300/80"
+                            >
+                                Author requested complete deletion of this
+                                resource and its associated files.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Bottom Bar: Status information OR Approve/Reject Actions -->
+                <div
+                    class="flex flex-wrap items-center justify-between gap-3 border-t border-slate-100 pt-3 dark:border-gray-800/80"
+                >
+                    <!-- Review Audit Info -->
+                    <div
+                        v-if="req.status !== 'pending'"
+                        class="text-xs text-slate-500 dark:text-gray-400"
+                    >
+                        <span
+                            v-if="req.status === 'approved'"
+                            class="font-medium text-emerald-600 dark:text-emerald-400"
+                        >
+                            Approved by {{ req.reviewer?.name }} on
+                            {{
+                                req.reviewed_at
+                                    ? new Date(
+                                          req.reviewed_at,
+                                      ).toLocaleDateString()
+                                    : ''
+                            }}
+                        </span>
+                        <span
+                            v-else
+                            class="font-medium text-rose-600 dark:text-rose-400"
+                        >
+                            Rejected by {{ req.reviewer?.name }}:
+                            {{ req.rejection_reason || 'No reason specified' }}
+                        </span>
+                    </div>
+                    <div v-else></div>
+
+                    <!-- Approve & Reject Buttons for Pending items -->
+                    <div
+                        v-if="req.status === 'pending'"
+                        class="flex items-center gap-2"
+                    >
+                        <button
+                            type="button"
+                            @click="openRejectModal(req)"
+                            :disabled="isProcessing"
+                            class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl border border-slate-200 px-3.5 py-1.5 text-xs font-semibold text-slate-700 transition hover:bg-rose-50 hover:text-rose-600 disabled:opacity-50 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-rose-500/10 dark:hover:text-rose-400"
+                        >
+                            <X class="h-3.5 w-3.5" />
+                            Reject
+                        </button>
+
+                        <button
+                            type="button"
+                            @click="handleApprove(req)"
+                            :disabled="isProcessing"
+                            class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl bg-emerald-600 px-4 py-1.5 text-xs font-semibold text-white shadow-xs transition hover:bg-emerald-500 disabled:opacity-50"
+                        >
+                            <Check class="h-3.5 w-3.5" />
+                            Approve
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Pagination -->
+        <Pagination
+            :links="requests.links"
+            :from="requests.from"
+            :to="requests.to"
+            :total="requests.total"
+            :current-page="requests.current_page"
+            :last-page="requests.last_page"
+        />
+    </div>
+
+    <!-- Rejection Modal -->
+    <div
+        v-if="rejectingId !== null"
+        class="fixed inset-0 z-50 flex items-center justify-center bg-slate-900/60 p-4 backdrop-blur-xs"
+    >
+        <div
+            class="w-full max-w-md rounded-2xl border border-slate-100 bg-white p-6 shadow-2xl dark:border-gray-800 dark:bg-gray-900"
+        >
+            <h3 class="text-base font-bold text-slate-900 dark:text-white">
+                Reject Change Request
+            </h3>
+            <p class="mt-1 text-xs text-slate-500 dark:text-gray-400">
+                Provide optional feedback to the contributor explaining why this
+                request was declined.
+            </p>
+
+            <div class="mt-4">
+                <textarea
+                    v-model="rejectionReason"
+                    rows="3"
+                    placeholder="e.g. Please upload higher quality PDF or fix the video link..."
+                    class="w-full rounded-xl border border-slate-200 p-3 text-xs focus:border-rose-500 focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white"
+                ></textarea>
+            </div>
+
+            <div class="mt-5 flex items-center justify-end gap-2">
+                <button
+                    type="button"
+                    @click="rejectingId = 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"
+                >
+                    Cancel
+                </button>
+                <button
+                    type="button"
+                    @click="handleReject"
+                    :disabled="isProcessing"
+                    class="cursor-pointer rounded-xl bg-rose-600 px-4 py-2 text-xs font-semibold text-white transition hover:bg-rose-500 disabled:opacity-50"
+                >
+                    Confirm Rejection
+                </button>
+            </div>
+        </div>
+    </div>
+</template>

From 6b242ca74d2af4f190f2c7257902f570515b75ad Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 16:39:46 +0600
Subject: [PATCH 08/17] fix(moderation): assign node_id and user_id when
 approving create requests

---
 app/Http/Controllers/Admin/ResourceModerationController.php | 6 +++++-
 app/Models/ResourceChangeRequest.php                        | 2 ++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/Http/Controllers/Admin/ResourceModerationController.php b/app/Http/Controllers/Admin/ResourceModerationController.php
index f8ee9ec4..5faed42a 100644
--- a/app/Http/Controllers/Admin/ResourceModerationController.php
+++ b/app/Http/Controllers/Admin/ResourceModerationController.php
@@ -61,7 +61,11 @@ public function approve(ResourceChangeRequest $changeRequest)
 
         DB::transaction(function () use ($changeRequest) {
             if ($changeRequest->action_type === 'create') {
-                $resource = Resource::create($changeRequest->payload);
+                $payload = $changeRequest->payload ?? [];
+                $payload['node_id'] = $changeRequest->node_id;
+                $payload['user_id'] = $changeRequest->user_id;
+
+                $resource = Resource::create($payload);
                 $changeRequest->resource_id = $resource->id;
             } elseif ($changeRequest->action_type === 'update') {
                 $resource = $changeRequest->resource;
diff --git a/app/Models/ResourceChangeRequest.php b/app/Models/ResourceChangeRequest.php
index adf3f9ce..eafe7ff1 100644
--- a/app/Models/ResourceChangeRequest.php
+++ b/app/Models/ResourceChangeRequest.php
@@ -82,6 +82,8 @@ public static function sanitizePayload(array $data): array
 
     public static function recordCreate(int $userId, int $nodeId, array $data): self
     {
+        $data['node_id'] = $nodeId;
+
         return self::create([
             'user_id' => $userId,
             'node_id' => $nodeId,

From 1ec21b6dc0f8a1571a2a74962f93af05e46f8f58 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 16:43:29 +0600
Subject: [PATCH 09/17] feat(user): send goodbye email with feature highlights
 when admin deletes account

---
 app/Http/Controllers/Admin/UserController.php |  6 ++
 app/Mail/AccountDeletedMail.php               | 59 +++++++++++++++++++
 resources/views/emails/default.blade.php      |  7 ++-
 tests/Feature/AdminUserDeletionMailTest.php   | 56 ++++++++++++++++++
 4 files changed, 127 insertions(+), 1 deletion(-)
 create mode 100644 app/Mail/AccountDeletedMail.php
 create mode 100644 tests/Feature/AdminUserDeletionMailTest.php

diff --git a/app/Http/Controllers/Admin/UserController.php b/app/Http/Controllers/Admin/UserController.php
index c32679c1..d41d0804 100644
--- a/app/Http/Controllers/Admin/UserController.php
+++ b/app/Http/Controllers/Admin/UserController.php
@@ -5,10 +5,12 @@
 use App\Http\Controllers\Controller;
 use App\Http\Requests\User\StoreUserRequest;
 use App\Http\Requests\User\UpdateUserRequest;
+use App\Mail\AccountDeletedMail;
 use App\Models\User;
 use App\Notifications\WelcomeNotification;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Mail;
 use Illuminate\Support\Facades\Storage;
 use Inertia\Inertia;
 use Spatie\Permission\Models\Permission;
@@ -157,6 +159,10 @@ public function update(UpdateUserRequest $request, User $user)
 
     public function destroy(User $user)
     {
+        if (! empty($user->email)) {
+            Mail::to($user->email)->queue(new AccountDeletedMail($user->name));
+        }
+
         $user->delete();
 
         return redirect()
diff --git a/app/Mail/AccountDeletedMail.php b/app/Mail/AccountDeletedMail.php
new file mode 100644
index 00000000..5c8299e2
--- /dev/null
+++ b/app/Mail/AccountDeletedMail.php
@@ -0,0 +1,59 @@
+<?php
+
+namespace App\Mail;
+
+use Illuminate\Bus\Queueable;
+use Illuminate\Contracts\Queue\ShouldQueue;
+use Illuminate\Mail\Mailable;
+use Illuminate\Mail\Mailables\Content;
+use Illuminate\Mail\Mailables\Envelope;
+use Illuminate\Queue\SerializesModels;
+
+class AccountDeletedMail extends Mailable implements ShouldQueue
+{
+    use Queueable, SerializesModels;
+
+    public function __construct(
+        public ?string $recipientName = null,
+    ) {}
+
+    public function envelope(): Envelope
+    {
+        return new Envelope(
+            subject: 'আপনার অ্যাকাউন্ট ডিলিট করা হয়েছে',
+        );
+    }
+
+    public function content(): Content
+    {
+        $name = $this->recipientName ? "প্রিয় {$this->recipientName}," : 'প্রিয় শিক্ষার্থী,';
+        $privacyUrl = url('/privacy-policy');
+        $termsUrl = url('/terms-service');
+        $archiveUrl = url('/');
+        $forumUrl = url('/forum');
+        $chatUrl = url('/chat');
+        $trackerUrl = url('/tracker');
+
+        return new Content(
+            view: 'emails.default',
+            with: [
+                'subject' => 'আপনার অ্যাকাউন্ট ডিলিট করা হয়েছে',
+                'greeting' => $name,
+                'lines' => [
+                    "আমরা আপনার অ্যাকাউন্ট ডিলিট করার অনুরোধটি পেয়েছি। আপনার অ্যাকাউন্ট এবং এর সাথে সম্পর্কিত যাবতীয় তথ্য আমাদের <a href=\"{$privacyUrl}\" target=\"_blank\">Privacy Policy</a> ও <a href=\"{$termsUrl}\" target=\"_blank\">Terms & Conditions</a> অনুযায়ী স্থায়ীভাবে মুছে ফেলা হয়েছে।",
+                    'ভবিষ্যতে যদি আবার HSCStack ব্যবহার করতে চান, তাহলে যেকোনো সময় নতুন করে একটি অ্যাকাউন্ট তৈরি করে আমাদের প্ল্যাটফর্মে ফিরে আসতে পারেন।',
+                    '<strong>HSCStack-এর উল্লেখযোগ্য ফিচারসমূহ:</strong>',
+                    "• <a href=\"{$archiveUrl}\" target=\"_blank\">Resource Archive</a> — HSC ও SSC-এর Science, Arts এবং Commerce বিভাগের ক্লাস, নোট ও বিভিন্ন শিক্ষামূলক রিসোর্স।",
+                    "• <a href=\"{$forumUrl}\" target=\"_blank\">Forum</a> — যেকোনো প্রশ্ন করতে পারবেন এবং সহপাঠীদের কাছ থেকে উত্তর ও সহযোগিতা পেতে পারবেন।",
+                    "• <a href=\"{$chatUrl}\" target=\"_blank\">Global Chat</a> — সারাদেশের শিক্ষার্থীদের সাথে যোগাযোগ ও মতবিনিময়ের সুযোগ।",
+                    "• <a href=\"{$trackerUrl}\" target=\"_blank\">Study Tracker</a> — আপনার পড়াশোনা ও সিলেবাসের অগ্রগতি সহজেই ট্র্যাক করুন।",
+                    '• Community Interaction — অন্যান্য শিক্ষার্থীদের সাথে যুক্ত হয়ে আলোচনা, সহযোগিতা ও জ্ঞান বিনিময় করুন।',
+                    'আবারও ধন্যবাদ HSCStack-এর সাথে থাকার জন্য।',
+                    'ভবিষ্যতে আবার দেখা হবে! 💙',
+                ],
+                'actionText' => 'Visit HSCStack',
+                'actionUrl' => config('app.url', url('/')),
+            ],
+        );
+    }
+}
diff --git a/resources/views/emails/default.blade.php b/resources/views/emails/default.blade.php
index 6e39cab2..4637a72a 100644
--- a/resources/views/emails/default.blade.php
+++ b/resources/views/emails/default.blade.php
@@ -70,6 +70,11 @@
         .content p {
             margin: 0 0 16px;
         }
+        .content a {
+            color: #4f46e5;
+            text-decoration: underline;
+            font-weight: 600;
+        }
         .action-button-container {
             margin: 28px 0 16px;
             text-align: left;
@@ -153,7 +158,7 @@
 
                 @if(!empty($lines))
                     @foreach($lines as $line)
-                        <p>{{ $line }}</p>
+                        <p>{!! $line !!}</p>
                     @endforeach
                 @endif
 
diff --git a/tests/Feature/AdminUserDeletionMailTest.php b/tests/Feature/AdminUserDeletionMailTest.php
new file mode 100644
index 00000000..850eec68
--- /dev/null
+++ b/tests/Feature/AdminUserDeletionMailTest.php
@@ -0,0 +1,56 @@
+<?php
+
+use App\Mail\AccountDeletedMail;
+use App\Models\User;
+use Database\Seeders\RolePermissionSeeder;
+use Illuminate\Support\Facades\Mail;
+
+beforeEach(function () {
+    $this->seed(RolePermissionSeeder::class);
+});
+
+test('account deleted mailable renders expected subject, content and anchored links via emails.default', function () {
+    $mailable = new AccountDeletedMail('Rahim Ahmed');
+
+    $mailable->assertHasSubject('আপনার অ্যাকাউন্ট ডিলিট করা হয়েছে');
+
+    $html = $mailable->render();
+
+    expect($html)
+        ->toContain('আপনার অ্যাকাউন্ট ডিলিট করা হয়েছে')
+        ->toContain('আমরা আপনার অ্যাকাউন্ট ডিলিট করার অনুরোধটি পেয়েছি')
+        ->toContain('Privacy Policy')
+        ->toContain('Terms &amp; Conditions')
+        ->toContain('/privacy-policy')
+        ->toContain('/terms-service')
+        ->toContain('Resource Archive')
+        ->toContain('Forum')
+        ->toContain('Global Chat')
+        ->toContain('Study Tracker')
+        ->toContain('Community Interaction')
+        ->toContain('ভবিষ্যতে আবার দেখা হবে! 💙');
+});
+
+test('admin deleting a user queues account deleted mail and deletes user', function () {
+    Mail::fake();
+
+    $admin = User::factory()->create();
+    $admin->assignRole('admin');
+
+    $userToDelete = User::factory()->create([
+        'name' => 'Karim Hasan',
+        'email' => 'karim@example.com',
+    ]);
+
+    $this->actingAs($admin)
+        ->delete("/admin/users/{$userToDelete->id}")
+        ->assertRedirect(route('admin.users.index'))
+        ->assertSessionHas('success');
+
+    expect(User::find($userToDelete->id))->toBeNull();
+
+    Mail::assertQueued(AccountDeletedMail::class, function (AccountDeletedMail $mail) use ($userToDelete) {
+        return $mail->hasTo($userToDelete->email)
+            && $mail->recipientName === 'Karim Hasan';
+    });
+});

From 1cddcc873fc1174b83d49157d0442b834b56c56e Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 16:47:25 +0600
Subject: [PATCH 10/17] Revert "feat(user): send goodbye email with feature
 highlights when admin deletes account"

This reverts commit 1ec21b6dc0f8a1571a2a74962f93af05e46f8f58.
---
 app/Http/Controllers/Admin/UserController.php |  6 --
 app/Mail/AccountDeletedMail.php               | 59 -------------------
 resources/views/emails/default.blade.php      |  7 +--
 tests/Feature/AdminUserDeletionMailTest.php   | 56 ------------------
 4 files changed, 1 insertion(+), 127 deletions(-)
 delete mode 100644 app/Mail/AccountDeletedMail.php
 delete mode 100644 tests/Feature/AdminUserDeletionMailTest.php

diff --git a/app/Http/Controllers/Admin/UserController.php b/app/Http/Controllers/Admin/UserController.php
index d41d0804..c32679c1 100644
--- a/app/Http/Controllers/Admin/UserController.php
+++ b/app/Http/Controllers/Admin/UserController.php
@@ -5,12 +5,10 @@
 use App\Http\Controllers\Controller;
 use App\Http\Requests\User\StoreUserRequest;
 use App\Http\Requests\User\UpdateUserRequest;
-use App\Mail\AccountDeletedMail;
 use App\Models\User;
 use App\Notifications\WelcomeNotification;
 use Illuminate\Http\Request;
 use Illuminate\Support\Facades\Auth;
-use Illuminate\Support\Facades\Mail;
 use Illuminate\Support\Facades\Storage;
 use Inertia\Inertia;
 use Spatie\Permission\Models\Permission;
@@ -159,10 +157,6 @@ public function update(UpdateUserRequest $request, User $user)
 
     public function destroy(User $user)
     {
-        if (! empty($user->email)) {
-            Mail::to($user->email)->queue(new AccountDeletedMail($user->name));
-        }
-
         $user->delete();
 
         return redirect()
diff --git a/app/Mail/AccountDeletedMail.php b/app/Mail/AccountDeletedMail.php
deleted file mode 100644
index 5c8299e2..00000000
--- a/app/Mail/AccountDeletedMail.php
+++ /dev/null
@@ -1,59 +0,0 @@
-<?php
-
-namespace App\Mail;
-
-use Illuminate\Bus\Queueable;
-use Illuminate\Contracts\Queue\ShouldQueue;
-use Illuminate\Mail\Mailable;
-use Illuminate\Mail\Mailables\Content;
-use Illuminate\Mail\Mailables\Envelope;
-use Illuminate\Queue\SerializesModels;
-
-class AccountDeletedMail extends Mailable implements ShouldQueue
-{
-    use Queueable, SerializesModels;
-
-    public function __construct(
-        public ?string $recipientName = null,
-    ) {}
-
-    public function envelope(): Envelope
-    {
-        return new Envelope(
-            subject: 'আপনার অ্যাকাউন্ট ডিলিট করা হয়েছে',
-        );
-    }
-
-    public function content(): Content
-    {
-        $name = $this->recipientName ? "প্রিয় {$this->recipientName}," : 'প্রিয় শিক্ষার্থী,';
-        $privacyUrl = url('/privacy-policy');
-        $termsUrl = url('/terms-service');
-        $archiveUrl = url('/');
-        $forumUrl = url('/forum');
-        $chatUrl = url('/chat');
-        $trackerUrl = url('/tracker');
-
-        return new Content(
-            view: 'emails.default',
-            with: [
-                'subject' => 'আপনার অ্যাকাউন্ট ডিলিট করা হয়েছে',
-                'greeting' => $name,
-                'lines' => [
-                    "আমরা আপনার অ্যাকাউন্ট ডিলিট করার অনুরোধটি পেয়েছি। আপনার অ্যাকাউন্ট এবং এর সাথে সম্পর্কিত যাবতীয় তথ্য আমাদের <a href=\"{$privacyUrl}\" target=\"_blank\">Privacy Policy</a> ও <a href=\"{$termsUrl}\" target=\"_blank\">Terms & Conditions</a> অনুযায়ী স্থায়ীভাবে মুছে ফেলা হয়েছে।",
-                    'ভবিষ্যতে যদি আবার HSCStack ব্যবহার করতে চান, তাহলে যেকোনো সময় নতুন করে একটি অ্যাকাউন্ট তৈরি করে আমাদের প্ল্যাটফর্মে ফিরে আসতে পারেন।',
-                    '<strong>HSCStack-এর উল্লেখযোগ্য ফিচারসমূহ:</strong>',
-                    "• <a href=\"{$archiveUrl}\" target=\"_blank\">Resource Archive</a> — HSC ও SSC-এর Science, Arts এবং Commerce বিভাগের ক্লাস, নোট ও বিভিন্ন শিক্ষামূলক রিসোর্স।",
-                    "• <a href=\"{$forumUrl}\" target=\"_blank\">Forum</a> — যেকোনো প্রশ্ন করতে পারবেন এবং সহপাঠীদের কাছ থেকে উত্তর ও সহযোগিতা পেতে পারবেন।",
-                    "• <a href=\"{$chatUrl}\" target=\"_blank\">Global Chat</a> — সারাদেশের শিক্ষার্থীদের সাথে যোগাযোগ ও মতবিনিময়ের সুযোগ।",
-                    "• <a href=\"{$trackerUrl}\" target=\"_blank\">Study Tracker</a> — আপনার পড়াশোনা ও সিলেবাসের অগ্রগতি সহজেই ট্র্যাক করুন।",
-                    '• Community Interaction — অন্যান্য শিক্ষার্থীদের সাথে যুক্ত হয়ে আলোচনা, সহযোগিতা ও জ্ঞান বিনিময় করুন।',
-                    'আবারও ধন্যবাদ HSCStack-এর সাথে থাকার জন্য।',
-                    'ভবিষ্যতে আবার দেখা হবে! 💙',
-                ],
-                'actionText' => 'Visit HSCStack',
-                'actionUrl' => config('app.url', url('/')),
-            ],
-        );
-    }
-}
diff --git a/resources/views/emails/default.blade.php b/resources/views/emails/default.blade.php
index 4637a72a..6e39cab2 100644
--- a/resources/views/emails/default.blade.php
+++ b/resources/views/emails/default.blade.php
@@ -70,11 +70,6 @@
         .content p {
             margin: 0 0 16px;
         }
-        .content a {
-            color: #4f46e5;
-            text-decoration: underline;
-            font-weight: 600;
-        }
         .action-button-container {
             margin: 28px 0 16px;
             text-align: left;
@@ -158,7 +153,7 @@
 
                 @if(!empty($lines))
                     @foreach($lines as $line)
-                        <p>{!! $line !!}</p>
+                        <p>{{ $line }}</p>
                     @endforeach
                 @endif
 
diff --git a/tests/Feature/AdminUserDeletionMailTest.php b/tests/Feature/AdminUserDeletionMailTest.php
deleted file mode 100644
index 850eec68..00000000
--- a/tests/Feature/AdminUserDeletionMailTest.php
+++ /dev/null
@@ -1,56 +0,0 @@
-<?php
-
-use App\Mail\AccountDeletedMail;
-use App\Models\User;
-use Database\Seeders\RolePermissionSeeder;
-use Illuminate\Support\Facades\Mail;
-
-beforeEach(function () {
-    $this->seed(RolePermissionSeeder::class);
-});
-
-test('account deleted mailable renders expected subject, content and anchored links via emails.default', function () {
-    $mailable = new AccountDeletedMail('Rahim Ahmed');
-
-    $mailable->assertHasSubject('আপনার অ্যাকাউন্ট ডিলিট করা হয়েছে');
-
-    $html = $mailable->render();
-
-    expect($html)
-        ->toContain('আপনার অ্যাকাউন্ট ডিলিট করা হয়েছে')
-        ->toContain('আমরা আপনার অ্যাকাউন্ট ডিলিট করার অনুরোধটি পেয়েছি')
-        ->toContain('Privacy Policy')
-        ->toContain('Terms &amp; Conditions')
-        ->toContain('/privacy-policy')
-        ->toContain('/terms-service')
-        ->toContain('Resource Archive')
-        ->toContain('Forum')
-        ->toContain('Global Chat')
-        ->toContain('Study Tracker')
-        ->toContain('Community Interaction')
-        ->toContain('ভবিষ্যতে আবার দেখা হবে! 💙');
-});
-
-test('admin deleting a user queues account deleted mail and deletes user', function () {
-    Mail::fake();
-
-    $admin = User::factory()->create();
-    $admin->assignRole('admin');
-
-    $userToDelete = User::factory()->create([
-        'name' => 'Karim Hasan',
-        'email' => 'karim@example.com',
-    ]);
-
-    $this->actingAs($admin)
-        ->delete("/admin/users/{$userToDelete->id}")
-        ->assertRedirect(route('admin.users.index'))
-        ->assertSessionHas('success');
-
-    expect(User::find($userToDelete->id))->toBeNull();
-
-    Mail::assertQueued(AccountDeletedMail::class, function (AccountDeletedMail $mail) use ($userToDelete) {
-        return $mail->hasTo($userToDelete->email)
-            && $mail->recipientName === 'Karim Hasan';
-    });
-});

From 25ed0b04b63a13ecef37b7ae1bdef03c83087560 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 19:46:29 +0600
Subject: [PATCH 11/17] feat(moderation): improve moderation image diff, bulk
 reject, and node breadcrumbs

---
 app/Http/Controllers/Admin/NodeController.php |   12 +-
 .../Admin/ResourceModerationController.php    |  163 +-
 app/Http/Controllers/NodeController.php       |    4 +-
 app/Models/Node.php                           |   28 +-
 app/Models/ResourceChangeRequest.php          |   15 +-
 app/Notifications/NodeVoteNotification.php    |    7 +-
 resources/js/pages/admin/Node.vue             |   66 +
 .../js/pages/admin/moderation/Resources.vue   | 1736 +++++++++++++----
 routes/admin.php                              |    5 +-
 routes/console.php                            |    3 +
 tests/Feature/AdminResourceTest.php           |  148 +-
 tests/Feature/NodeVoteNotificationTest.php    |   37 +
 12 files changed, 1758 insertions(+), 466 deletions(-)

diff --git a/app/Http/Controllers/Admin/NodeController.php b/app/Http/Controllers/Admin/NodeController.php
index 517d77c7..b932ce8a 100644
--- a/app/Http/Controllers/Admin/NodeController.php
+++ b/app/Http/Controllers/Admin/NodeController.php
@@ -25,7 +25,7 @@ public function show(Subject $subject, $path = null)
                 'subject' => $subject,
                 'nodes' => $nodes,
                 'resources' => [],
-
+                'breadcrumb' => [],
             ]);
         }
 
@@ -42,15 +42,19 @@ public function show(Subject $subject, $path = null)
 
         foreach (array_slice($slugs, 1) as $slug) {
             $node = $node->children()->where('slug', $slug)->first();
+            if (! $node) {
+                abort(404);
+            }
         }
 
         return Inertia::render('admin/Node', [
             'subject' => $subject,
             'nodes' => $node->children,
-            'resources' => $node ? $node->resources()->with([
+            'resources' => $node->resources()->with([
                 'pendingChangeRequest' => fn ($q) => $q->select('id', 'resource_id', 'action_type', 'status'),
-            ])->get() : [],
-            'parent' => $node ? $node->append('is_effectively_frozen') : null,
+            ])->get(),
+            'parent' => $node->append('is_effectively_frozen'),
+            'breadcrumb' => $node->breadcrumb(),
         ]);
     }
 
diff --git a/app/Http/Controllers/Admin/ResourceModerationController.php b/app/Http/Controllers/Admin/ResourceModerationController.php
index 5faed42a..2137782c 100644
--- a/app/Http/Controllers/Admin/ResourceModerationController.php
+++ b/app/Http/Controllers/Admin/ResourceModerationController.php
@@ -16,7 +16,6 @@ class ResourceModerationController extends Controller
     public function index(Request $request)
     {
         $status = $request->query('status', 'pending');
-        $actionType = $request->query('action_type');
 
         $query = ResourceChangeRequest::with([
             'user:id,name,username,image_path',
@@ -29,14 +28,14 @@ public function index(Request $request)
             $query->where('status', $status);
         }
 
-        if (in_array($actionType, ['create', 'update', 'delete'])) {
-            $query->where('action_type', $actionType);
-        }
-
         $requests = $query->latest()
-            ->paginate(15)
+            ->simplePaginate(15)
             ->withQueryString();
 
+        $requests->getCollection()->each(function ($req) {
+            $req->node?->append('breadcrumb');
+        });
+
         $counts = [
             'pending' => ResourceChangeRequest::where('status', 'pending')->count(),
             'approved' => ResourceChangeRequest::where('status', 'approved')->count(),
@@ -48,90 +47,130 @@ public function index(Request $request)
             'counts' => $counts,
             'filters' => [
                 'status' => $status,
-                'action_type' => $actionType,
             ],
         ]);
     }
 
-    public function approve(ResourceChangeRequest $changeRequest)
+    public function approve(Request $request)
     {
-        if ($changeRequest->status !== 'pending') {
-            return back()->with('error', 'This request has already been reviewed.');
-        }
+        $validated = $request->validate([
+            'ids' => ['required', 'array', 'min:1'],
+            'ids.*' => ['integer', 'exists:resource_change_requests,id'],
+        ]);
 
-        DB::transaction(function () use ($changeRequest) {
-            if ($changeRequest->action_type === 'create') {
-                $payload = $changeRequest->payload ?? [];
-                $payload['node_id'] = $changeRequest->node_id;
-                $payload['user_id'] = $changeRequest->user_id;
+        $changeRequests = ResourceChangeRequest::whereIn('id', $validated['ids'])
+            ->where('status', 'pending')
+            ->with('resource')
+            ->get();
 
-                $resource = Resource::create($payload);
-                $changeRequest->resource_id = $resource->id;
-            } elseif ($changeRequest->action_type === 'update') {
-                $resource = $changeRequest->resource;
+        if ($changeRequests->isEmpty()) {
+            return back()->with('error', 'Selected requests have already been reviewed.');
+        }
 
-                if (! $resource) {
-                    abort(404, 'Target resource not found.');
-                }
+        DB::transaction(function () use ($changeRequests) {
+            $reviewerId = Auth::id();
+            $now = now();
 
-                $newFilePath = $changeRequest->payload['file_path'] ?? null;
-                if ($newFilePath && $resource->file_path && $newFilePath !== $resource->file_path) {
-                    Storage::delete($resource->file_path);
-                }
+            foreach ($changeRequests as $changeRequest) {
+                if ($changeRequest->action_type === 'create') {
+                    $payload = $changeRequest->payload ?? [];
+                    $payload['node_id'] = $changeRequest->node_id;
+                    $payload['user_id'] = $changeRequest->user_id;
+
+                    $resource = Resource::create($payload);
+                    $changeRequest->resource_id = $resource->id;
+                } elseif ($changeRequest->action_type === 'update') {
+                    $resource = $changeRequest->resource;
 
-                $resource->update($changeRequest->payload);
-            } elseif ($changeRequest->action_type === 'delete') {
-                $resource = $changeRequest->resource;
+                    if ($resource) {
+                        $newFilePath = $changeRequest->payload['file_path'] ?? null;
+                        if ($newFilePath && $resource->file_path && $newFilePath !== $resource->file_path) {
+                            Storage::delete($resource->file_path);
+                        }
 
-                if ($resource) {
-                    if ($resource->file_path) {
-                        Storage::delete($resource->file_path);
+                        $resource->update($changeRequest->payload);
+                    }
+                } elseif ($changeRequest->action_type === 'delete') {
+                    $resource = $changeRequest->resource;
+
+                    if ($resource) {
+                        if ($resource->file_path) {
+                            Storage::delete($resource->file_path);
+                        }
+                        $resource->delete();
                     }
-                    $resource->delete();
                 }
-            }
 
-            $changeRequest->update([
-                'status' => 'approved',
-                'reviewed_by' => Auth::id(),
-                'reviewed_at' => now(),
-            ]);
+                $changeRequest->update([
+                    'status' => 'approved',
+                    'reviewed_by' => $reviewerId,
+                    'reviewed_at' => $now,
+                ]);
+            }
         });
 
-        return back()->with('success', 'Resource change request approved successfully.');
+        $count = $changeRequests->count();
+        $message = $count === 1
+            ? 'Resource request approved successfully.'
+            : "{$count} resource requests approved successfully.";
+
+        return back()->with('success', $message);
     }
 
-    public function reject(Request $request, ResourceChangeRequest $changeRequest)
+    public function reject(Request $request, ?ResourceChangeRequest $changeRequest = null)
     {
-        if ($changeRequest->status !== 'pending') {
-            return back()->with('error', 'This request has already been reviewed.');
-        }
-
         $validated = $request->validate([
+            'ids' => ['nullable', 'array', 'min:1'],
+            'ids.*' => ['integer', 'exists:resource_change_requests,id'],
             'rejection_reason' => ['nullable', 'string', 'max:500'],
         ]);
 
-        DB::transaction(function () use ($changeRequest, $validated) {
-            $stagedFile = $changeRequest->payload['file_path'] ?? null;
+        $ids = $validated['ids'] ?? ($changeRequest ? [$changeRequest->id] : []);
+
+        if (empty($ids)) {
+            return back()->with('error', 'No change requests selected.');
+        }
+
+        $changeRequests = ResourceChangeRequest::whereIn('id', $ids)
+            ->where('status', 'pending')
+            ->with('resource')
+            ->get();
+
+        if ($changeRequests->isEmpty()) {
+            return back()->with('error', 'Selected requests have already been reviewed.');
+        }
+
+        DB::transaction(function () use ($changeRequests, $validated) {
+            $reviewerId = Auth::id();
+            $now = now();
+            $reason = $validated['rejection_reason'] ?? null;
 
-            if ($stagedFile) {
-                // If create action, or update action where new file is different from live resource's file
-                $isNewFile = $changeRequest->action_type === 'create'
-                    || ($changeRequest->action_type === 'update' && $stagedFile !== $changeRequest->resource?->file_path);
+            foreach ($changeRequests as $item) {
+                $stagedFile = $item->payload['file_path'] ?? null;
 
-                if ($isNewFile) {
-                    Storage::delete($stagedFile);
+                if ($stagedFile) {
+                    $isNewFile = $item->action_type === 'create'
+                        || ($item->action_type === 'update' && $stagedFile !== $item->resource?->file_path);
+
+                    if ($isNewFile) {
+                        Storage::delete($stagedFile);
+                    }
                 }
-            }
 
-            $changeRequest->update([
-                'status' => 'rejected',
-                'rejection_reason' => $validated['rejection_reason'] ?? null,
-                'reviewed_by' => Auth::id(),
-                'reviewed_at' => now(),
-            ]);
+                $item->update([
+                    'status' => 'rejected',
+                    'rejection_reason' => $reason,
+                    'reviewed_by' => $reviewerId,
+                    'reviewed_at' => $now,
+                ]);
+            }
         });
 
-        return back()->with('success', 'Resource change request rejected.');
+        $count = $changeRequests->count();
+        $message = $count === 1
+            ? 'Resource change request rejected.'
+            : "{$count} resource requests rejected.";
+
+        return back()->with('success', $message);
     }
 }
diff --git a/app/Http/Controllers/NodeController.php b/app/Http/Controllers/NodeController.php
index 70db7bb2..9ac54df7 100644
--- a/app/Http/Controllers/NodeController.php
+++ b/app/Http/Controllers/NodeController.php
@@ -67,9 +67,7 @@ public function show(Subject $subject, $path)
                 'slug' => $node->slug,
             ],
             'nodes' => $nodes,
-            'breadcrumb' => Cache::remember("node_breadcrumb_{$node->id}", now()->addDay(), function () use ($node) {
-                return $node->breadcrumb();
-            }),
+            'breadcrumb' => $node->breadcrumb(),
             'resources' => $resources,
             'upvotesCount' => $upvotesCount,
             'downvotesCount' => $downvotesCount,
diff --git a/app/Models/Node.php b/app/Models/Node.php
index 53708041..d4f23e01 100644
--- a/app/Models/Node.php
+++ b/app/Models/Node.php
@@ -3,6 +3,7 @@
 namespace App\Models;
 
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Support\Facades\Cache;
 
 /**
  * @property-read Node|null $parent
@@ -59,19 +60,26 @@ public function getIsEffectivelyFrozenAttribute(): bool
 
     public function breadcrumb(): array
     {
-        $breadcrumb = [];
-        $node = $this;
+        return Cache::remember("node_breadcrumb_{$this->id}", now()->addDays(7), function () {
+            $breadcrumb = [];
+            $node = $this;
 
-        while ($node) {
-            array_unshift($breadcrumb, [
-                'name' => $node->name,
-                'slug' => $node->slug,
-            ]);
+            while ($node) {
+                array_unshift($breadcrumb, [
+                    'name' => $node->name,
+                    'slug' => $node->slug,
+                ]);
 
-            $node = $node->parent;
-        }
+                $node = $node->parent;
+            }
+
+            return $breadcrumb;
+        });
+    }
 
-        return $breadcrumb;
+    public function getBreadcrumbAttribute(): array
+    {
+        return $this->breadcrumb();
     }
 
     public function user()
diff --git a/app/Models/ResourceChangeRequest.php b/app/Models/ResourceChangeRequest.php
index eafe7ff1..44ee8f18 100644
--- a/app/Models/ResourceChangeRequest.php
+++ b/app/Models/ResourceChangeRequest.php
@@ -3,11 +3,14 @@
 namespace App\Models;
 
 use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Prunable;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
 use Illuminate\Support\Facades\Storage;
 
 class ResourceChangeRequest extends Model
 {
+    use Prunable;
+
     protected $fillable = [
         'user_id',
         'resource_id',
@@ -20,6 +23,16 @@ class ResourceChangeRequest extends Model
         'rejection_reason',
     ];
 
+    /**
+     * Get the prunable model query.
+     * Prunes approved and rejected change requests older than 30 days.
+     */
+    public function prunable()
+    {
+        return static::whereIn('status', ['approved', 'rejected'])
+            ->where('reviewed_at', '<=', now()->subDays(30));
+    }
+
     protected $casts = [
         'payload' => 'array',
         'reviewed_at' => 'datetime',
@@ -57,7 +70,7 @@ public function getStagedFileUrlAttribute(): ?string
             return Storage::url($filePath);
         }
 
-        return $this->payload['external_url'] ?? null;
+        return null;
     }
 
     public function scopePending($query)
diff --git a/app/Notifications/NodeVoteNotification.php b/app/Notifications/NodeVoteNotification.php
index e192d0b9..22d5404b 100644
--- a/app/Notifications/NodeVoteNotification.php
+++ b/app/Notifications/NodeVoteNotification.php
@@ -25,7 +25,12 @@ public function via(object $notifiable): array
     public function toArray(object $notifiable): array
     {
         $subject = $this->node->subject;
-        $url = $subject ? url("/{$subject->slug}/{$this->node->slug}") : url('/');
+        if ($subject) {
+            $path = implode('/', array_column($this->node->breadcrumb(), 'slug'));
+            $url = url("/{$subject->slug}/{$path}");
+        } else {
+            $url = url('/');
+        }
 
         return [
             'type' => 'node_vote',
diff --git a/resources/js/pages/admin/Node.vue b/resources/js/pages/admin/Node.vue
index fa2579a8..ef0e454a 100644
--- a/resources/js/pages/admin/Node.vue
+++ b/resources/js/pages/admin/Node.vue
@@ -5,6 +5,7 @@ import {
     FolderPlus,
     ArrowLeft,
     ChevronDown,
+    ChevronRight,
     PencilLine,
     Lock,
     Unlock,
@@ -29,6 +30,7 @@ const props = defineProps({
     nodes: Array,
     resources: Array,
     parent: Object,
+    breadcrumb: Array,
 });
 
 const isDirectlyFrozen = computed(() => Boolean(props.parent?.is_frozen));
@@ -135,6 +137,38 @@ const backUrl = computed(() => {
     return '/' + segments.join('/');
 });
 
+interface BreadcrumbItem {
+    name: string;
+    link: string;
+}
+
+const adminBreadcrumbs = computed<BreadcrumbItem[]>(() => {
+    const items: BreadcrumbItem[] = [
+        {
+            name: 'Subjects',
+            link: '/admin/subjects',
+        },
+        {
+            name: (props.subject as any)?.name || 'Subject',
+            link: `/admin/subjects/${(props.subject as any)?.slug}/nodes`,
+        },
+    ];
+
+    if (props.breadcrumb && Array.isArray(props.breadcrumb)) {
+        let currentPath = `/admin/subjects/${(props.subject as any)?.slug}/nodes`;
+
+        for (const crumb of props.breadcrumb as any[]) {
+            currentPath += `/${crumb.slug}`;
+            items.push({
+                name: crumb.name,
+                link: currentPath,
+            });
+        }
+    }
+
+    return items;
+});
+
 const closeDropdowns = (e: MouseEvent) => {
     const target = e.target as Node | null;
 
@@ -163,6 +197,38 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
     <Head :title="parent?.name || subject?.name || 'Manage Nodes'" />
 
     <div class="flex w-full flex-1 flex-col">
+        <!-- Dedicated Breadcrumb Navigation Bar (Separate Row) -->
+        <div
+            v-if="adminBreadcrumbs.length > 0"
+            class="mb-3.5 flex items-center rounded-xl bg-slate-50/80 px-3 py-2 text-xs font-medium text-slate-500 sm:text-sm dark:bg-gray-800/40 dark:text-gray-400"
+        >
+            <nav
+                class="no-scrollbar flex min-w-0 flex-wrap items-center gap-1.5"
+            >
+                <template v-for="(crumb, idx) in adminBreadcrumbs" :key="idx">
+                    <ChevronRight
+                        v-if="idx > 0"
+                        class="h-3.5 w-3.5 shrink-0 stroke-[2.5] text-slate-300 dark:text-gray-600"
+                    />
+                    <span
+                        v-if="idx === adminBreadcrumbs.length - 1"
+                        class="font-bold text-slate-900 dark:text-gray-100"
+                        :title="crumb.name"
+                    >
+                        {{ crumb.name }}
+                    </span>
+                    <Link
+                        v-else
+                        :href="crumb.link"
+                        class="transition-colors hover:text-indigo-600 dark:hover:text-indigo-400"
+                        :title="crumb.name"
+                    >
+                        {{ crumb.name }}
+                    </Link>
+                </template>
+            </nav>
+        </div>
+
         <!-- Freeze Notice Banner -->
         <div
             v-if="isFrozen"
diff --git a/resources/js/pages/admin/moderation/Resources.vue b/resources/js/pages/admin/moderation/Resources.vue
index 6321e63a..be119e8f 100644
--- a/resources/js/pages/admin/moderation/Resources.vue
+++ b/resources/js/pages/admin/moderation/Resources.vue
@@ -1,19 +1,24 @@
 <script setup lang="ts">
-import { Head, router } from '@inertiajs/vue3';
+import { Head, Link, router, usePage } from '@inertiajs/vue3';
 import {
     Check,
     Clock,
     ExternalLink,
+    Eye,
     FileImage,
     FileText,
     FileVideo,
+    Loader2,
     Pencil,
     PlusCircle,
     Trash2,
     X,
 } from 'lucide-vue-next';
-import { ref } from 'vue';
-import Pagination from '@/components/Pagination.vue';
+import { computed, ref, watch } from 'vue';
+import BaseModal from '@/components/BaseModal.vue';
+import EmptyState from '@/components/EmptyState.vue';
+import { formatDateTime, formatTimeAgo } from '@/lib/useDate';
+import { usePermissions } from '@/lib/usePermissions';
 
 interface User {
     id: number;
@@ -28,10 +33,17 @@ interface Subject {
     slug: string;
 }
 
+interface NodeBreadcrumb {
+    name: string;
+    slug: string;
+}
+
 interface Node {
     id: number;
     name: string;
+    slug?: string;
     subject?: Subject;
+    breadcrumb?: NodeBreadcrumb[];
 }
 
 interface LiveResource {
@@ -41,6 +53,7 @@ interface LiveResource {
     content?: string;
     external_url?: string;
     file_path?: string;
+    file_url?: string;
 }
 
 interface ChangeRequest {
@@ -70,12 +83,10 @@ interface ChangeRequest {
 const props = defineProps<{
     requests: {
         data: ChangeRequest[];
-        links: any[];
-        from: number;
-        to: number;
-        total: number;
+        next_page_url?: string | null;
+        prev_page_url?: string | null;
         current_page: number;
-        last_page: number;
+        per_page?: number;
     };
     counts: {
         pending: number;
@@ -84,38 +95,285 @@ const props = defineProps<{
     };
     filters: {
         status: string;
-        action_type?: string;
     };
 }>();
 
-const rejectingId = ref<number | null>(null);
+const page = usePage();
+const { can } = usePermissions();
+const loadedRequests = ref<ChangeRequest[]>([...(props.requests?.data || [])]);
+const nextPageUrl = ref<string | null>(props.requests?.next_page_url || null);
+const isLoadingMore = ref(false);
+
+const viewingRequest = ref<ChangeRequest | null>(null);
+const rejectingRequest = ref<ChangeRequest | null>(null);
 const rejectionReason = ref('');
 const isProcessing = ref(false);
+const processingId = ref<number | null>(null);
+const selectedIds = ref<number[]>([]);
+
+watch(
+    () => props.filters.status,
+    () => {
+        loadedRequests.value = [...(props.requests?.data || [])];
+        nextPageUrl.value = props.requests?.next_page_url || null;
+        selectedIds.value = [];
+    },
+);
+
+watch(
+    () => props.requests,
+    (newReqs) => {
+        if (!newReqs) {
+return;
+}
+
+        if (loadedRequests.value.length === 0) {
+            loadedRequests.value = [...(newReqs.data || [])];
+            nextPageUrl.value = newReqs.next_page_url || null;
+        }
+    },
+    { deep: true },
+);
+
+const pendingRequests = computed(() =>
+    loadedRequests.value.filter((r) => r.status === 'pending'),
+);
+
+const allPendingSelected = computed(
+    () =>
+        pendingRequests.value.length > 0 &&
+        pendingRequests.value.every((r) => selectedIds.value.includes(r.id)),
+);
+
+const isSomePendingSelected = computed(
+    () => selectedIds.value.length > 0 && !allPendingSelected.value,
+);
+
+const toggleSelectAllPending = () => {
+    if (allPendingSelected.value) {
+        selectedIds.value = [];
+    } else {
+        selectedIds.value = pendingRequests.value.map((r) => r.id);
+    }
+};
+
+const toggleSelect = (id: number) => {
+    const idx = selectedIds.value.indexOf(id);
+
+    if (idx > -1) {
+        selectedIds.value.splice(idx, 1);
+    } else {
+        selectedIds.value.push(id);
+    }
+};
+
+const clearSelection = () => {
+    selectedIds.value = [];
+};
 
 const setStatusFilter = (status: string) => {
+    selectedIds.value = [];
     router.get(
         '/admin/moderation/resources',
-        { status, action_type: props.filters.action_type },
-        { preserveState: true, preserveScroll: true },
+        { status },
+        { preserveState: false, preserveScroll: true },
     );
 };
 
-const setActionFilter = (actionType?: string) => {
-    router.get(
-        '/admin/moderation/resources',
-        { status: props.filters.status, action_type: actionType },
-        { preserveState: true, preserveScroll: true },
-    );
+interface ChangedField {
+    key: string;
+    label: string;
+    oldVal: any;
+    newVal: any;
+    isMedia?: boolean;
+}
+
+const getChangedFields = (req: ChangeRequest): ChangedField[] => {
+    if (req.action_type !== 'update' || !req.resource || !req.payload) {
+        return [];
+    }
+
+    const changes: ChangedField[] = [];
+    const live = req.resource;
+    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 ? 'Existing file on storage' : null),
+            newVal: req.staged_file_url || proposed.file_path,
+            isMedia: true,
+        });
+    }
+
+    return changes;
+};
+
+interface BreadcrumbItem {
+    name: string;
+    url: string;
+}
+
+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 if (node.name) {
+        const url = node.subject
+            ? `/${node.subject.slug}/${node.slug || ''}`
+            : '#';
+        items.push({
+            name: node.name,
+            url,
+        });
+    }
+
+    return items;
 };
 
 const handleApprove = (req: ChangeRequest) => {
-    if (confirm(`Approve this ${req.action_type} request?`)) {
+    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;
+    }
+
+    const count = selectedIds.value.length;
+
+    if (confirm(`Approve ${count} selected request${count > 1 ? 's' : ''}?`)) {
         isProcessing.value = true;
+        const toApprove = [...selectedIds.value];
         router.post(
-            `/admin/moderation/resources/${req.id}/approve`,
-            {},
+            '/admin/moderation/resources/approve',
+            { ids: toApprove },
             {
                 preserveScroll: true,
+                onSuccess: () => {
+                    const approvedSet = new Set(toApprove);
+
+                    if (props.filters.status === 'pending') {
+                        loadedRequests.value = loadedRequests.value.filter(
+                            (r) => !approvedSet.has(r.id),
+                        );
+                    }
+
+                    if (
+                        viewingRequest.value &&
+                        approvedSet.has(viewingRequest.value.id)
+                    ) {
+                        viewingRequest.value = null;
+                    }
+
+                    selectedIds.value = [];
+                },
                 onFinish: () => {
                     isProcessing.value = false;
                 },
@@ -124,26 +382,157 @@ const handleApprove = (req: ChangeRequest) => {
     }
 };
 
+const loadMore = async () => {
+    if (!nextPageUrl.value || isLoadingMore.value) {
+        return;
+    }
+
+    isLoadingMore.value = true;
+
+    try {
+        const headers: Record<string, string> = {
+            'X-Inertia': 'true',
+            'X-Inertia-Partial-Component': 'admin/moderation/Resources',
+            'X-Inertia-Partial-Data': 'requests',
+            'X-Requested-With': 'XMLHttpRequest',
+        };
+
+        if (page.version) {
+            headers['X-Inertia-Version'] = String(page.version);
+        }
+
+        const res = await fetch(nextPageUrl.value, { headers });
+
+        if (res.status === 409) {
+            const location =
+                res.headers.get('X-Inertia-Location') || nextPageUrl.value;
+            window.location.href = location;
+
+            return;
+        }
+
+        if (res.ok) {
+            const data = await res.json();
+            const newRequests = data?.props?.requests?.data || [];
+            const existingIds = new Set(loadedRequests.value.map((r) => r.id));
+            const uniqueNew = newRequests.filter(
+                (r: ChangeRequest) => !existingIds.has(r.id),
+            );
+            loadedRequests.value = [...loadedRequests.value, ...uniqueNew];
+            nextPageUrl.value = data?.props?.requests?.next_page_url || null;
+        }
+    } catch (e) {
+        console.error('Failed to load more requests:', e);
+    } finally {
+        isLoadingMore.value = false;
+    }
+};
+
+const isBulkReject = ref(false);
+
 const openRejectModal = (req: ChangeRequest) => {
-    rejectingId.value = req.id;
+    isBulkReject.value = false;
+    rejectingRequest.value = req;
+    rejectionReason.value = '';
+};
+
+const openBulkRejectModal = () => {
+    if (selectedIds.value.length === 0) {
+        return;
+    }
+
+    isBulkReject.value = true;
+    rejectingRequest.value = null;
+    rejectionReason.value = '';
+};
+
+const closeRejectModal = () => {
+    isBulkReject.value = false;
+    rejectingRequest.value = null;
     rejectionReason.value = '';
 };
 
 const handleReject = () => {
-    if (!rejectingId.value) {
+    if (isBulkReject.value) {
+        if (selectedIds.value.length === 0) {
+            return;
+        }
+
+        const toReject = [...selectedIds.value];
+        isProcessing.value = true;
+        processingId.value = null;
+
+        router.post(
+            '/admin/moderation/resources/reject',
+            {
+                ids: toReject,
+                rejection_reason: rejectionReason.value || null,
+            },
+            {
+                preserveScroll: true,
+                onSuccess: () => {
+                    const rejectedSet = new Set(toReject);
+
+                    if (props.filters.status === 'pending') {
+                        loadedRequests.value = loadedRequests.value.filter(
+                            (r) => !rejectedSet.has(r.id),
+                        );
+                    }
+
+                    if (
+                        viewingRequest.value &&
+                        rejectedSet.has(viewingRequest.value.id)
+                    ) {
+                        viewingRequest.value = null;
+                    }
+
+                    selectedIds.value = [];
+                    closeRejectModal();
+                },
+                onFinish: () => {
+                    isProcessing.value = false;
+                },
+            },
+        );
+
         return;
     }
 
+    if (!rejectingRequest.value) {
+        return;
+    }
+
+    const reqId = rejectingRequest.value.id;
     isProcessing.value = true;
+    processingId.value = reqId;
+
     router.post(
-        `/admin/moderation/resources/${rejectingId.value}/reject`,
-        { rejection_reason: rejectionReason.value },
+        '/admin/moderation/resources/reject',
+        {
+            ids: [reqId],
+            rejection_reason: rejectionReason.value || null,
+        },
         {
             preserveScroll: true,
+            onSuccess: () => {
+                if (props.filters.status === 'pending') {
+                    loadedRequests.value = loadedRequests.value.filter(
+                        (r) => r.id !== reqId,
+                    );
+                }
+
+                selectedIds.value = selectedIds.value.filter(
+                    (id) => id !== reqId,
+                );
+                closeRejectModal();
+
+                if (viewingRequest.value?.id === reqId) {
+                    viewingRequest.value = null;
+                }
+            },
             onFinish: () => {
                 isProcessing.value = false;
-                rejectingId.value = null;
-                rejectionReason.value = '';
+                processingId.value = null;
             },
         },
     );
@@ -151,44 +540,49 @@ const handleReject = () => {
 </script>
 
 <template>
-    <Head title="Resource Moderation Queue" />
+    <Head title="Resource Moderation - Admin" />
 
-    <div class="mx-auto max-w-6xl space-y-6 p-4 sm:p-6 lg:p-8">
-        <!-- Header -->
+    <div class="space-y-5">
+        <!-- Top Header -->
         <div
-            class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between"
+            class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between"
         >
             <div>
                 <h1
-                    class="text-2xl font-bold tracking-tight text-slate-900 dark:text-white"
+                    class="text-lg font-bold tracking-tight text-slate-900 sm:text-xl dark:text-gray-100"
                 >
                     Resource Moderation Queue
                 </h1>
-                <p class="mt-1 text-sm text-slate-500 dark:text-gray-400">
-                    Review, approve, or reject proposed resource uploads, edits,
-                    and deletions.
+                <p class="text-xs text-slate-500 dark:text-gray-400">
+                    Review and approve community resource uploads, edits, and
+                    author deletion requests.
                 </p>
             </div>
         </div>
 
-        <!-- Status Tabs -->
+        <!-- Integrated Status Tabs -->
         <div
-            class="flex flex-wrap items-center gap-2 border-b border-slate-200 pb-4 dark:border-gray-800"
+            class="flex flex-wrap items-center gap-1.5 rounded-2xl border border-slate-200/90 bg-white p-3 shadow-2xs dark:border-gray-800 dark:bg-gray-900"
         >
             <button
                 type="button"
                 @click="setStatusFilter('pending')"
-                class="inline-flex cursor-pointer items-center gap-2 rounded-xl px-4 py-2 text-sm font-semibold transition"
+                class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-1.5 text-xs font-bold transition"
                 :class="[
                     filters.status === 'pending'
-                        ? 'bg-amber-500/10 text-amber-700 dark:bg-amber-500/20 dark:text-amber-300'
-                        : 'text-slate-600 hover:bg-slate-100 dark:text-gray-400 dark:hover:bg-gray-800',
+                        ? 'bg-amber-500 text-white shadow-xs'
+                        : 'bg-amber-50 text-amber-800 hover:bg-amber-100 dark:bg-amber-950/40 dark:text-amber-300',
                 ]"
             >
-                <Clock class="h-4 w-4" />
+                <Clock class="h-3.5 w-3.5" />
                 <span>Pending</span>
                 <span
-                    class="rounded-full bg-amber-500 px-2 py-0.5 text-xs text-white dark:bg-amber-600"
+                    class="py-0.2 rounded-full px-1.5 text-[10px] font-bold"
+                    :class="[
+                        filters.status === 'pending'
+                            ? 'bg-amber-600 text-white'
+                            : 'bg-amber-200/80 text-amber-900 dark:bg-amber-900/60 dark:text-amber-200',
+                    ]"
                 >
                     {{ counts.pending }}
                 </span>
@@ -197,17 +591,22 @@ const handleReject = () => {
             <button
                 type="button"
                 @click="setStatusFilter('approved')"
-                class="inline-flex cursor-pointer items-center gap-2 rounded-xl px-4 py-2 text-sm font-semibold transition"
+                class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-1.5 text-xs font-bold transition"
                 :class="[
                     filters.status === 'approved'
-                        ? 'bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-300'
-                        : 'text-slate-600 hover:bg-slate-100 dark:text-gray-400 dark:hover:bg-gray-800',
+                        ? 'bg-emerald-600 text-white shadow-xs'
+                        : 'bg-emerald-50 text-emerald-800 hover:bg-emerald-100 dark:bg-emerald-950/40 dark:text-emerald-300',
                 ]"
             >
-                <Check class="h-4 w-4" />
+                <Check class="h-3.5 w-3.5" />
                 <span>Approved</span>
                 <span
-                    class="rounded-full bg-slate-200 px-2 py-0.5 text-xs text-slate-700 dark:bg-gray-700 dark:text-gray-300"
+                    class="py-0.2 rounded-full px-1.5 text-[10px] font-bold"
+                    :class="[
+                        filters.status === 'approved'
+                            ? 'bg-emerald-700 text-white'
+                            : 'bg-emerald-200/80 text-emerald-900 dark:bg-emerald-900/60 dark:text-emerald-200',
+                    ]"
                 >
                     {{ counts.approved }}
                 </span>
@@ -216,449 +615,1022 @@ const handleReject = () => {
             <button
                 type="button"
                 @click="setStatusFilter('rejected')"
-                class="inline-flex cursor-pointer items-center gap-2 rounded-xl px-4 py-2 text-sm font-semibold transition"
+                class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-1.5 text-xs font-bold transition"
                 :class="[
                     filters.status === 'rejected'
-                        ? 'bg-rose-500/10 text-rose-700 dark:bg-rose-500/20 dark:text-rose-300'
-                        : 'text-slate-600 hover:bg-slate-100 dark:text-gray-400 dark:hover:bg-gray-800',
+                        ? 'bg-rose-600 text-white shadow-xs'
+                        : 'bg-rose-50 text-rose-800 hover:bg-rose-100 dark:bg-rose-950/40 dark:text-rose-300',
                 ]"
             >
-                <X class="h-4 w-4" />
+                <X class="h-3.5 w-3.5" />
                 <span>Rejected</span>
                 <span
-                    class="rounded-full bg-slate-200 px-2 py-0.5 text-xs text-slate-700 dark:bg-gray-700 dark:text-gray-300"
+                    class="py-0.2 rounded-full px-1.5 text-[10px] font-bold"
+                    :class="[
+                        filters.status === 'rejected'
+                            ? 'bg-rose-700 text-white'
+                            : 'bg-rose-200/80 text-rose-900 dark:bg-rose-900/60 dark:text-rose-200',
+                    ]"
                 >
                     {{ counts.rejected }}
                 </span>
             </button>
+        </div>
 
-            <!-- Action Type Filter -->
-            <div class="ml-auto flex items-center gap-1">
-                <span class="text-xs font-medium text-slate-400"
-                    >Filter action:</span
-                >
-                <button
-                    type="button"
-                    @click="setActionFilter(undefined)"
-                    class="cursor-pointer rounded-lg px-2.5 py-1 text-xs font-semibold"
-                    :class="
-                        !filters.action_type
-                            ? 'bg-slate-900 text-white dark:bg-white dark:text-gray-900'
-                            : 'text-slate-500 hover:bg-slate-100 dark:hover:bg-gray-800'
-                    "
-                >
-                    All
-                </button>
-                <button
-                    type="button"
-                    @click="setActionFilter('create')"
-                    class="cursor-pointer rounded-lg px-2.5 py-1 text-xs font-semibold"
-                    :class="
-                        filters.action_type === 'create'
-                            ? 'bg-emerald-600 text-white'
-                            : 'text-slate-500 hover:bg-slate-100 dark:hover:bg-gray-800'
-                    "
-                >
-                    Creates
-                </button>
-                <button
-                    type="button"
-                    @click="setActionFilter('update')"
-                    class="cursor-pointer rounded-lg px-2.5 py-1 text-xs font-semibold"
-                    :class="
-                        filters.action_type === 'update'
-                            ? 'bg-amber-600 text-white'
-                            : 'text-slate-500 hover:bg-slate-100 dark:hover:bg-gray-800'
+        <!-- Requests Feed (Clean, Scannable Rows) -->
+        <div class="space-y-4">
+            <EmptyState
+                v-if="loadedRequests.length === 0"
+                :icon="Clock"
+                variant="dashed"
+                :title="`No ${filters.status} change requests`"
+                :description="`There are no ${filters.status} resource requests matching the selected filter.`"
+            />
+
+            <template v-else>
+                <!-- Retention info banner for Approved / Rejected history -->
+                <div
+                    v-if="
+                        filters.status !== 'pending' &&
+                        loadedRequests.length > 0
                     "
+                    class="flex items-center gap-2 rounded-xl border border-slate-200/70 bg-slate-50/70 px-3.5 py-2 text-xs text-slate-500 dark:border-gray-800 dark:bg-gray-800/40 dark:text-gray-400"
                 >
-                    Updates
-                </button>
-                <button
-                    type="button"
-                    @click="setActionFilter('delete')"
-                    class="cursor-pointer rounded-lg px-2.5 py-1 text-xs font-semibold"
-                    :class="
-                        filters.action_type === 'delete'
-                            ? 'bg-rose-600 text-white'
-                            : 'text-slate-500 hover:bg-slate-100 dark:hover:bg-gray-800'
+                    <Clock class="h-3.5 w-3.5 shrink-0 text-slate-400" />
+                    <span>
+                        {{
+                            filters.status === 'approved'
+                                ? 'Approved'
+                                : 'Rejected'
+                        }}
+                        records are kept for 30 days before being automatically
+                        deleted.
+                    </span>
+                </div>
+
+                <!-- Bulk Action Toolbar (Pending items) -->
+                <div
+                    v-if="
+                        filters.status === 'pending' &&
+                        pendingRequests.length > 0
                     "
+                    class="flex h-11 min-h-[44px] items-center justify-between gap-3 rounded-xl border border-slate-200/80 bg-white px-3.5 text-xs text-slate-600 shadow-2xs dark:border-gray-800 dark:bg-gray-900 dark:text-gray-300"
                 >
-                    Deletes
-                </button>
-            </div>
+                    <div class="flex items-center gap-2.5">
+                        <input
+                            type="checkbox"
+                            id="select-all-pending"
+                            :checked="allPendingSelected"
+                            :indeterminate="isSomePendingSelected"
+                            @change="toggleSelectAllPending"
+                            class="h-4 w-4 cursor-pointer rounded border-slate-300 text-emerald-600 focus:ring-emerald-500 dark:border-gray-700 dark:bg-gray-800"
+                        />
+                        <label
+                            for="select-all-pending"
+                            class="cursor-pointer font-medium text-slate-700 select-none dark:text-gray-300"
+                        >
+                            <span v-if="selectedIds.length > 0">
+                                {{ selectedIds.length }} of
+                                {{ pendingRequests.length }} selected
+                            </span>
+                            <span v-else>
+                                Select all ({{ pendingRequests.length }} loaded)
+                            </span>
+                        </label>
+                    </div>
+
+                    <div
+                        v-if="selectedIds.length > 0"
+                        class="flex items-center gap-2"
+                    >
+                        <button
+                            type="button"
+                            @click="clearSelection"
+                            class="cursor-pointer rounded-lg px-2 py-1 text-xs text-slate-500 hover:bg-slate-100 hover:text-slate-800 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white"
+                        >
+                            Clear selection
+                        </button>
+
+                        <button
+                            type="button"
+                            @click="openBulkRejectModal"
+                            :disabled="isProcessing"
+                            class="inline-flex cursor-pointer items-center gap-1.5 rounded-lg border border-rose-200 bg-rose-50 px-3 py-1.5 text-xs font-semibold text-rose-700 shadow-xs transition hover:bg-rose-100 disabled:opacity-50 dark:border-rose-900/60 dark:bg-rose-950/40 dark:text-rose-300 dark:hover:bg-rose-950/70"
+                        >
+                            <X class="h-3.5 w-3.5" />
+                            <span>Reject Selected</span>
+                        </button>
+
+                        <button
+                            type="button"
+                            @click="handleBulkApprove"
+                            :disabled="isProcessing"
+                            class="inline-flex cursor-pointer items-center gap-1.5 rounded-lg bg-emerald-600 px-3 py-1.5 text-xs font-semibold text-white shadow-xs transition hover:bg-emerald-500 disabled:opacity-50"
+                        >
+                            <Loader2
+                                v-if="isProcessing && processingId === null"
+                                class="h-3.5 w-3.5 animate-spin"
+                            />
+                            <Check v-else class="h-3.5 w-3.5" />
+                            <span>Approve Selected</span>
+                        </button>
+                    </div>
+                </div>
+
+                <div class="space-y-2.5">
+                    <div
+                        v-for="req in loadedRequests"
+                        :key="req.id"
+                        class="flex flex-col gap-3 rounded-xl border bg-white p-3.5 transition-colors sm:flex-row sm:items-center sm:justify-between dark:bg-gray-900"
+                        :class="[
+                            req.status === 'pending'
+                                ? selectedIds.includes(req.id)
+                                    ? 'border-emerald-400 bg-emerald-50/30 shadow-2xs dark:border-emerald-700 dark:bg-emerald-950/20'
+                                    : 'border-slate-200/90 shadow-2xs hover:border-slate-300 dark:border-gray-800 dark:hover:border-gray-700'
+                                : 'border-slate-200/60 bg-slate-50/40 opacity-90 dark:border-gray-800 dark:bg-gray-900/40',
+                        ]"
+                    >
+                        <!-- Left: Checkbox + Badges, Title, Node, Submitter -->
+                        <div
+                            class="flex min-w-0 flex-1 items-start gap-3 sm:items-center"
+                        >
+                            <div
+                                v-if="req.status === 'pending'"
+                                class="shrink-0 pt-0.5 sm:pt-0"
+                            >
+                                <input
+                                    type="checkbox"
+                                    :checked="selectedIds.includes(req.id)"
+                                    @change="toggleSelect(req.id)"
+                                    class="h-4 w-4 cursor-pointer rounded border-slate-300 text-emerald-600 focus:ring-emerald-500 dark:border-gray-700 dark:bg-gray-800"
+                                    :aria-label="`Select request ${req.id}`"
+                                />
+                            </div>
+
+                            <div class="min-w-0 flex-1 space-y-1.5">
+                                <div class="flex flex-wrap items-center gap-2">
+                                    <!-- Action Badge -->
+                                    <span
+                                        v-if="req.action_type === 'create'"
+                                        class="inline-flex items-center gap-1 rounded-md bg-emerald-50 px-2 py-0.5 text-[11px] font-bold text-emerald-700 dark:bg-emerald-950/70 dark:text-emerald-300"
+                                    >
+                                        <PlusCircle class="h-3 w-3" />
+                                        New Upload
+                                    </span>
+                                    <span
+                                        v-else-if="req.action_type === 'update'"
+                                        class="inline-flex items-center gap-1 rounded-md bg-amber-50 px-2 py-0.5 text-[11px] font-bold text-amber-700 dark:bg-amber-950/70 dark:text-amber-300"
+                                    >
+                                        <Pencil class="h-3 w-3" />
+                                        Proposed Edit
+                                    </span>
+                                    <span
+                                        v-else-if="req.action_type === 'delete'"
+                                        class="inline-flex items-center gap-1 rounded-md bg-rose-50 px-2 py-0.5 text-[11px] font-bold text-rose-700 dark:bg-rose-950/70 dark:text-rose-300"
+                                    >
+                                        <Trash2 class="h-3 w-3" />
+                                        Deletion Request
+                                    </span>
+
+                                    <!-- Resource Type Badge -->
+                                    <span
+                                        class="inline-flex items-center gap-1 rounded-md bg-slate-100 px-2 py-0.5 text-[11px] font-bold text-slate-700 uppercase dark:bg-gray-800 dark:text-gray-300"
+                                    >
+                                        <FileImage
+                                            v-if="
+                                                (req.payload?.resource_type ||
+                                                    req.resource
+                                                        ?.resource_type) ===
+                                                'image'
+                                            "
+                                            class="h-3 w-3 text-amber-500"
+                                        />
+                                        <FileVideo
+                                            v-else-if="
+                                                (req.payload?.resource_type ||
+                                                    req.resource
+                                                        ?.resource_type) ===
+                                                'video'
+                                            "
+                                            class="h-3 w-3 text-rose-500"
+                                        />
+                                        <FileText
+                                            v-else
+                                            class="h-3 w-3 text-indigo-500"
+                                        />
+                                        <span>{{
+                                            req.payload?.resource_type ||
+                                            req.resource?.resource_type ||
+                                            'note'
+                                        }}</span>
+                                    </span>
+
+                                    <!-- Changed Fields count (for edits) -->
+                                    <span
+                                        v-if="
+                                            req.action_type === 'update' &&
+                                            getChangedFields(req).length > 0
+                                        "
+                                        class="py-0.2 rounded bg-amber-100/80 px-1.5 text-[10px] font-bold text-amber-800 dark:bg-amber-900/40 dark:text-amber-300"
+                                    >
+                                        {{
+                                            getChangedFields(req).length
+                                        }}
+                                        changed
+                                    </span>
+
+                                    <!-- Folder Location -->
+                                    <div
+                                        v-if="
+                                            getNodeBreadcrumbs(req.node)
+                                                .length > 0
+                                        "
+                                        class="flex flex-wrap items-center gap-1 text-xs text-slate-500 dark:text-gray-400"
+                                    >
+                                        <span class="shrink-0 text-slate-400"
+                                            >in</span
+                                        >
+                                        <template
+                                            v-for="(
+                                                crumb, cIdx
+                                            ) in getNodeBreadcrumbs(req.node)"
+                                            :key="cIdx"
+                                        >
+                                            <span
+                                                v-if="cIdx > 0"
+                                                class="shrink-0 text-slate-400 dark:text-gray-600"
+                                                >/</span
+                                            >
+                                            <a
+                                                :href="crumb.url"
+                                                target="_blank"
+                                                class="font-medium text-slate-600 hover:text-indigo-600 hover:underline dark:text-gray-300 dark:hover:text-indigo-400"
+                                                :title="crumb.name"
+                                                @click.stop
+                                            >
+                                                {{ crumb.name }}
+                                            </a>
+                                        </template>
+                                    </div>
+                                </div>
+
+                                <!-- Resource Title -->
+                                <div>
+                                    <h3
+                                        class="truncate text-sm font-bold text-slate-900 sm:text-base dark:text-white"
+                                    >
+                                        {{
+                                            req.payload?.title ||
+                                            req.resource?.title ||
+                                            '(Untitled)'
+                                        }}
+                                    </h3>
+                                </div>
+
+                                <!-- Submitter Info -->
+                                <div
+                                    class="flex flex-wrap items-center gap-1 text-xs text-slate-400 dark:text-gray-500"
+                                >
+                                    <Link
+                                        v-if="can('edit users') && req.user?.id"
+                                        :href="`/admin/users/edit/${req.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"
+                                        @click.stop
+                                    >
+                                        <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"
+                                    >
+                                        {{ req.user?.name || 'User' }}
+                                    </span>
+                                    <Link
+                                        v-if="req.user?.username"
+                                        :href="`/u/${req.user.username}`"
+                                        target="_blank"
+                                        class="text-indigo-600 hover:underline dark:text-indigo-400"
+                                    >
+                                        @{{ req.user.username }}
+                                    </Link>
+                                    <span>&bull;</span>
+                                    <span
+                                        :title="formatDateTime(req.created_at)"
+                                    >
+                                        {{ formatTimeAgo(req.created_at) }}
+                                    </span>
+
+                                    <!-- Reviewed info if done -->
+                                    <span
+                                        v-if="req.status === 'approved'"
+                                        class="ml-1 font-semibold text-emerald-600 dark:text-emerald-400"
+                                    >
+                                        &bull; Approved
+                                    </span>
+                                    <span
+                                        v-else-if="req.status === 'rejected'"
+                                        class="ml-1 font-semibold text-rose-600 dark:text-rose-400"
+                                    >
+                                        &bull; Rejected
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- Right Actions: View Details / Diff, Quick Approve / Reject -->
+                        <div
+                            class="flex shrink-0 items-center gap-1.5 sm:self-center"
+                        >
+                            <!-- View Changes / Details button -->
+                            <button
+                                type="button"
+                                @click="viewingRequest = req"
+                                class="inline-flex cursor-pointer items-center gap-1 rounded-lg border border-slate-200 bg-white px-2.5 py-1.5 text-xs font-semibold text-slate-700 shadow-2xs transition hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+                            >
+                                <Eye class="h-3.5 w-3.5 text-slate-500" />
+                                <span>{{
+                                    req.action_type === 'update'
+                                        ? 'View Diff'
+                                        : 'Details'
+                                }}</span>
+                            </button>
+
+                            <!-- Reject for Pending -->
+                            <button
+                                v-if="req.status === 'pending'"
+                                type="button"
+                                @click="openRejectModal(req)"
+                                :disabled="isProcessing"
+                                class="cursor-pointer rounded-lg border border-slate-200 p-1.5 text-slate-500 transition hover:bg-rose-50 hover:text-rose-600 disabled:opacity-50 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-rose-950/40 dark:hover:text-rose-400"
+                                title="Reject request"
+                            >
+                                <X class="h-4 w-4" />
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Load More Button -->
+                <div v-if="nextPageUrl" class="flex justify-center pt-2 pb-4">
+                    <button
+                        type="button"
+                        @click="loadMore"
+                        :disabled="isLoadingMore"
+                        class="inline-flex cursor-pointer items-center gap-2 rounded-xl border border-slate-200 bg-white px-5 py-2.5 text-xs font-semibold text-slate-700 shadow-2xs transition hover:border-slate-300 hover:bg-slate-50 disabled:opacity-50 dark:border-gray-800 dark:bg-gray-900 dark:text-gray-200 dark:hover:bg-gray-800"
+                    >
+                        <Loader2
+                            v-if="isLoadingMore"
+                            class="h-3.5 w-3.5 animate-spin text-slate-500"
+                        />
+                        <span>{{
+                            isLoadingMore
+                                ? 'Loading more...'
+                                : 'Load More Requests'
+                        }}</span>
+                    </button>
+                </div>
+            </template>
         </div>
+    </div>
 
-        <!-- Queue List -->
-        <div
-            v-if="requests.data.length === 0"
-            class="rounded-2xl border border-dashed border-slate-200 p-12 text-center dark:border-gray-800"
-        >
-            <Clock
-                class="mx-auto h-12 w-12 text-slate-300 dark:text-gray-600"
-            />
-            <h3
-                class="mt-4 text-base font-semibold text-slate-900 dark:text-white"
+    <!-- 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"
+        @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"
             >
-                No requests found
-            </h3>
-            <p class="mt-1 text-sm text-slate-500 dark:text-gray-400">
-                There are no {{ filters.status }} resource change requests
-                matching the current filters.
-            </p>
-        </div>
+                <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-else class="space-y-4">
+        <div v-if="viewingRequest" class="space-y-4 p-4 sm:p-6">
+            <!-- Modal Header Meta (Location, Submitter, Live Link) -->
             <div
-                v-for="req in requests.data"
-                :key="req.id"
-                class="rounded-2xl border border-slate-200 bg-white p-5 shadow-xs transition dark:border-gray-800 dark:bg-gray-900"
+                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"
             >
-                <!-- Top Bar: Action badge, Node breadcrumb, Author -->
                 <div
-                    class="flex flex-wrap items-center justify-between gap-3 border-b border-slate-100 pb-3 dark:border-gray-800/80"
+                    v-if="getNodeBreadcrumbs(viewingRequest.node).length > 0"
+                    class="flex flex-wrap items-center gap-1"
                 >
-                    <div class="flex items-center gap-2">
-                        <!-- Action Type Badge -->
+                    <span>In:</span>
+                    <template
+                        v-for="(crumb, cIdx) in getNodeBreadcrumbs(
+                            viewingRequest.node,
+                        )"
+                        :key="cIdx"
+                    >
                         <span
-                            v-if="req.action_type === 'create'"
-                            class="inline-flex items-center gap-1 rounded-full bg-emerald-50 px-2.5 py-1 text-xs font-bold text-emerald-700 dark:bg-emerald-500/10 dark:text-emerald-400"
+                            v-if="cIdx > 0"
+                            class="text-slate-400 dark:text-gray-600"
+                            >/</span
                         >
-                            <PlusCircle class="h-3.5 w-3.5" />
-                            New Upload
-                        </span>
-                        <span
-                            v-else-if="req.action_type === 'update'"
-                            class="inline-flex items-center gap-1 rounded-full bg-amber-50 px-2.5 py-1 text-xs font-bold text-amber-700 dark:bg-amber-500/10 dark:text-amber-400"
+                        <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"
                         >
-                            <Pencil class="h-3.5 w-3.5" />
-                            Proposed Edit
-                        </span>
+                            {{ 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
-                            v-else-if="req.action_type === 'delete'"
-                            class="inline-flex items-center gap-1 rounded-full bg-rose-50 px-2.5 py-1 text-xs font-bold text-rose-700 dark:bg-rose-500/10 dark:text-rose-400"
+                            class="font-semibold text-slate-700 dark:text-gray-300"
                         >
-                            <Trash2 class="h-3.5 w-3.5" />
-                            Deletion Request
-                        </span>
-
-                        <!-- Folder/Node context -->
-                        <span class="text-xs text-slate-500 dark:text-gray-400">
-                            in
-                            <span
-                                class="font-medium text-slate-700 dark:text-gray-300"
-                                >{{ req.node?.subject?.name }} /
-                                {{ req.node?.name }}</span
-                            >
+                            {{ 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>
 
-                    <!-- Requester info -->
+                    <!-- 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="flex items-center gap-2 text-xs text-slate-500 dark:text-gray-400"
+                        class="rounded-xl border border-slate-200 bg-slate-50/60 p-3 dark:border-gray-800 dark:bg-gray-800/50"
                     >
-                        <span>Submitted by</span>
                         <span
-                            class="font-semibold text-slate-800 dark:text-gray-200"
+                            class="text-[10px] font-bold tracking-wider text-slate-400 uppercase"
                         >
-                            {{ req.user?.name }} (@{{ req.user?.username }})
+                            Title
                         </span>
-                        <span>&bull;</span>
-                        <span>{{
-                            new Date(req.created_at).toLocaleString()
-                        }}</span>
+                        <div
+                            class="mt-1 text-sm font-semibold text-slate-900 dark:text-white"
+                        >
+                            {{ viewingRequest.payload?.title || '(untitled)' }}
+                        </div>
                     </div>
-                </div>
 
-                <!-- Content Details / Diffs -->
-                <div class="py-4">
-                    <!-- CREATE ACTION DETAILS -->
-                    <div v-if="req.action_type === 'create'" class="space-y-3">
-                        <div class="flex items-center gap-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"
+                        >
+                            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="req.payload?.resource_type === 'image'"
-                                class="h-5 w-5 text-amber-500"
+                                v-if="
+                                    viewingRequest.payload?.resource_type ===
+                                    'image'
+                                "
+                                class="h-4 w-4 text-amber-500"
                             />
                             <FileVideo
                                 v-else-if="
-                                    req.payload?.resource_type === 'video'
+                                    viewingRequest.payload?.resource_type ===
+                                    'video'
                                 "
-                                class="h-5 w-5 text-rose-500"
+                                class="h-4 w-4 text-rose-500"
                             />
-                            <FileText v-else class="h-5 w-5 text-indigo-500" />
-                            <h4
-                                class="text-base font-bold text-slate-900 dark:text-white"
-                            >
-                                {{ req.payload?.title }}
-                            </h4>
-                            <span
-                                class="rounded bg-slate-100 px-2 py-0.5 text-[11px] font-semibold text-slate-600 uppercase dark:bg-gray-800 dark:text-gray-300"
-                            >
-                                {{ req.payload?.resource_type }}
-                            </span>
+                            <FileText v-else class="h-4 w-4 text-indigo-500" />
+                            <span>{{
+                                viewingRequest.payload?.resource_type
+                            }}</span>
                         </div>
+                    </div>
+                </div>
 
-                        <p
-                            v-if="req.payload?.content"
-                            class="rounded-xl bg-slate-50 p-3 text-xs text-slate-700 dark:bg-gray-800/50 dark:text-gray-300"
-                        >
-                            {{ req.payload?.content }}
-                        </p>
+                <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="req.payload?.external_url"
-                            class="flex items-center gap-1.5 text-xs"
+                <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 class="text-slate-400">External URL:</span>
-                            <a
-                                :href="req.payload.external_url"
-                                target="_blank"
-                                class="inline-flex items-center gap-1 text-indigo-600 hover:underline dark:text-indigo-400"
-                            >
-                                {{ req.payload.external_url }}
-                                <ExternalLink class="h-3 w-3" />
-                            </a>
-                        </div>
+                            <span>{{
+                                viewingRequest.payload.external_url
+                            }}</span>
+                            <ExternalLink class="h-3 w-3" />
+                        </a>
+                    </div>
+                </div>
 
-                        <div v-if="req.staged_file_url" class="mt-2">
-                            <img
-                                v-if="req.payload?.resource_type === 'image'"
-                                :src="req.staged_file_url"
-                                class="max-h-48 rounded-xl border object-contain dark:border-gray-700"
-                            />
-                            <a
-                                v-else
-                                :href="req.staged_file_url"
-                                target="_blank"
-                                class="inline-flex items-center gap-1 text-xs text-indigo-600 hover:underline"
-                            >
-                                View Staged File
-                                <ExternalLink class="h-3 w-3" />
-                            </a>
-                        </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>
 
-                    <!-- UPDATE ACTION (SIDE-BY-SIDE DIFF) -->
+            <!-- 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-else-if="req.action_type === 'update'"
-                        class="space-y-3"
+                        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="grid grid-cols-1 gap-4 rounded-xl bg-slate-50 p-4 sm:grid-cols-2 dark:bg-gray-800/40"
+                            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"
                         >
-                            <!-- Current Live Content -->
-                            <div
-                                class="space-y-2 border-b pb-3 sm:border-r sm:border-b-0 sm:pr-4 dark:border-gray-800"
-                            >
-                                <div
-                                    class="text-[11px] font-bold tracking-wider text-slate-400 uppercase"
-                                >
-                                    Current Live Version
-                                </div>
+                            {{ 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="text-sm font-semibold text-slate-800 dark:text-gray-200"
+                                    class="mb-1 text-[10px] font-bold tracking-wider text-slate-400 uppercase"
                                 >
-                                    {{ req.resource?.title }}
+                                    Now
                                 </div>
                                 <div
-                                    v-if="req.resource?.content"
                                     class="text-xs text-slate-600 dark:text-gray-400"
                                 >
-                                    {{ req.resource?.content }}
-                                </div>
-                                <div
-                                    v-if="req.resource?.external_url"
-                                    class="text-xs text-indigo-600"
-                                >
-                                    {{ req.resource?.external_url }}
+                                    <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>
 
-                            <!-- Proposed New Content -->
-                            <div class="space-y-2 sm:pl-2">
-                                <div
-                                    class="text-[11px] font-bold tracking-wider text-amber-600 uppercase dark:text-amber-400"
-                                >
-                                    Proposed Changes
-                                </div>
-                                <div
-                                    class="text-sm font-semibold"
-                                    :class="
-                                        req.payload?.title !==
-                                        req.resource?.title
-                                            ? 'font-bold text-amber-600 dark:text-amber-300'
-                                            : 'text-slate-800 dark:text-gray-200'
-                                    "
-                                >
-                                    {{ req.payload?.title }}
-                                </div>
+                            <!-- After -->
+                            <div
+                                class="bg-amber-50/20 p-3 dark:bg-amber-950/10"
+                            >
                                 <div
-                                    v-if="req.payload?.content"
-                                    class="text-xs"
-                                    :class="
-                                        req.payload?.content !==
-                                        req.resource?.content
-                                            ? 'text-amber-700 dark:text-amber-300'
-                                            : 'text-slate-600 dark:text-gray-400'
-                                    "
+                                    class="mb-1 text-[10px] font-bold tracking-wider text-amber-600 uppercase dark:text-amber-400"
                                 >
-                                    {{ req.payload?.content }}
+                                    After
                                 </div>
                                 <div
-                                    v-if="req.payload?.external_url"
-                                    class="text-xs text-indigo-600"
+                                    class="text-xs font-semibold text-amber-900 dark:text-amber-200"
                                 >
-                                    {{ req.payload?.external_url }}
-                                </div>
-                                <div v-if="req.staged_file_url" class="mt-1">
-                                    <a
-                                        :href="req.staged_file_url"
-                                        target="_blank"
-                                        class="inline-flex items-center gap-1 text-xs text-amber-600 hover:underline"
+                                    <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)'
+                                        "
                                     >
-                                        New File Uploaded
-                                        <ExternalLink class="h-3 w-3" />
-                                    </a>
+                                        <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>
 
-                    <!-- DELETE ACTION -->
-                    <div
-                        v-else-if="req.action_type === 'delete'"
-                        class="flex items-center gap-3 rounded-xl bg-rose-50/50 p-4 dark:bg-rose-500/10"
-                    >
-                        <Trash2 class="h-6 w-6 text-rose-500" />
-                        <div>
-                            <h4
-                                class="text-sm font-bold text-rose-900 dark:text-rose-200"
-                            >
-                                Target: "{{ req.resource?.title }}"
-                            </h4>
-                            <p
-                                class="text-xs text-rose-700/80 dark:text-rose-300/80"
-                            >
-                                Author requested complete deletion of this
-                                resource and its associated files.
-                            </p>
-                        </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>
 
-                <!-- Bottom Bar: Status information OR Approve/Reject Actions -->
+            <!-- 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
-                    class="flex flex-wrap items-center justify-between gap-3 border-t border-slate-100 pt-3 dark:border-gray-800/80"
+                    v-if="viewingRequest.status === 'approved'"
+                    class="font-semibold text-emerald-600 dark:text-emerald-400"
                 >
-                    <!-- Review Audit Info -->
-                    <div
-                        v-if="req.status !== 'pending'"
-                        class="text-xs text-slate-500 dark:text-gray-400"
-                    >
-                        <span
-                            v-if="req.status === 'approved'"
-                            class="font-medium text-emerald-600 dark:text-emerald-400"
-                        >
-                            Approved by {{ req.reviewer?.name }} on
-                            {{
-                                req.reviewed_at
-                                    ? new Date(
-                                          req.reviewed_at,
-                                      ).toLocaleDateString()
-                                    : ''
-                            }}
-                        </span>
-                        <span
-                            v-else
-                            class="font-medium text-rose-600 dark:text-rose-400"
-                        >
-                            Rejected by {{ req.reviewer?.name }}:
-                            {{ req.rejection_reason || 'No reason specified' }}
+                    ✓ 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-else></div>
-
-                    <!-- Approve & Reject Buttons for Pending items -->
                     <div
-                        v-if="req.status === 'pending'"
-                        class="flex items-center gap-2"
+                        v-if="viewingRequest.rejection_reason"
+                        class="text-xs text-slate-600 dark:text-gray-300"
                     >
-                        <button
-                            type="button"
-                            @click="openRejectModal(req)"
-                            :disabled="isProcessing"
-                            class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl border border-slate-200 px-3.5 py-1.5 text-xs font-semibold text-slate-700 transition hover:bg-rose-50 hover:text-rose-600 disabled:opacity-50 dark:border-gray-700 dark:text-gray-300 dark:hover:bg-rose-500/10 dark:hover:text-rose-400"
-                        >
-                            <X class="h-3.5 w-3.5" />
-                            Reject
-                        </button>
-
-                        <button
-                            type="button"
-                            @click="handleApprove(req)"
-                            :disabled="isProcessing"
-                            class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl bg-emerald-600 px-4 py-1.5 text-xs font-semibold text-white shadow-xs transition hover:bg-emerald-500 disabled:opacity-50"
-                        >
-                            <Check class="h-3.5 w-3.5" />
-                            Approve
-                        </button>
+                        Reason: {{ viewingRequest.rejection_reason }}
                     </div>
                 </div>
             </div>
         </div>
 
-        <!-- Pagination -->
-        <Pagination
-            :links="requests.links"
-            :from="requests.from"
-            :to="requests.to"
-            :total="requests.total"
-            :current-page="requests.current_page"
-            :last-page="requests.last_page"
-        />
-    </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>
 
-    <!-- Rejection Modal -->
-    <div
-        v-if="rejectingId !== null"
-        class="fixed inset-0 z-50 flex items-center justify-center bg-slate-900/60 p-4 backdrop-blur-xs"
+                    <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
+        :is-open="rejectingRequest !== null || isBulkReject"
+        :title="
+            isBulkReject
+                ? `Reject ${selectedIds.length} Selected Requests`
+                : 'Reject Change Request'
+        "
+        :description="
+            isBulkReject
+                ? `Provide optional feedback applied to all ${selectedIds.length} selected requests.`
+                : 'Provide optional feedback explaining why this request was declined.'
+        "
+        max-width="md"
+        @close="closeRejectModal"
     >
-        <div
-            class="w-full max-w-md rounded-2xl border border-slate-100 bg-white p-6 shadow-2xl dark:border-gray-800 dark:bg-gray-900"
-        >
-            <h3 class="text-base font-bold text-slate-900 dark:text-white">
-                Reject Change Request
-            </h3>
-            <p class="mt-1 text-xs text-slate-500 dark:text-gray-400">
-                Provide optional feedback to the contributor explaining why this
-                request was declined.
-            </p>
-
-            <div class="mt-4">
+        <template #icon>
+            <div
+                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"
+            >
+                <X class="h-5 w-5" />
+            </div>
+        </template>
+
+        <div class="space-y-3 p-4 sm:p-5">
+            <div
+                v-if="isBulkReject"
+                class="rounded-xl border border-rose-200 bg-rose-50/60 p-3 text-xs text-rose-800 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-300"
+            >
+                <span class="font-semibold">Batch Target:</span>
+                Rejecting {{ selectedIds.length }} change request{{
+                    selectedIds.length > 1 ? 's' : ''
+                }}
+                at once.
+            </div>
+            <div
+                v-else-if="rejectingRequest"
+                class="rounded-xl border border-slate-200 bg-slate-50/70 p-3 text-xs text-slate-700 dark:border-gray-800 dark:bg-gray-800/50 dark:text-gray-300"
+            >
+                <span class="font-semibold text-slate-900 dark:text-white">
+                    Target:
+                </span>
+                {{
+                    rejectingRequest.payload?.title ||
+                    rejectingRequest.resource?.title ||
+                    'Resource'
+                }}
+                <span class="text-slate-400">
+                    ({{ rejectingRequest.action_type }})
+                </span>
+            </div>
+
+            <div>
+                <label
+                    class="block text-xs font-semibold text-slate-700 dark:text-gray-300"
+                >
+                    Rejection Feedback (Optional)
+                </label>
                 <textarea
                     v-model="rejectionReason"
                     rows="3"
-                    placeholder="e.g. Please upload higher quality PDF or fix the video link..."
-                    class="w-full rounded-xl border border-slate-200 p-3 text-xs focus:border-rose-500 focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white"
+                    placeholder="e.g. Please provide a higher-resolution document or update the video link..."
+                    class="mt-1.5 w-full rounded-xl border border-slate-200 p-3 text-xs focus:border-rose-500 focus:outline-hidden dark:border-gray-700 dark:bg-gray-800 dark:text-white"
                 ></textarea>
             </div>
+        </div>
 
-            <div class="mt-5 flex items-center justify-end gap-2">
+        <template #footer>
+            <div class="flex items-center justify-end gap-2">
                 <button
                     type="button"
-                    @click="rejectingId = null"
+                    @click="closeRejectModal"
                     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"
                 >
                     Cancel
                 </button>
+
                 <button
                     type="button"
                     @click="handleReject"
                     :disabled="isProcessing"
-                    class="cursor-pointer rounded-xl bg-rose-600 px-4 py-2 text-xs font-semibold text-white transition hover:bg-rose-500 disabled:opacity-50"
+                    class="inline-flex cursor-pointer items-center gap-1.5 rounded-xl bg-rose-600 px-4 py-2 text-xs font-semibold text-white shadow-xs transition hover:bg-rose-500 disabled:opacity-50"
                 >
-                    Confirm Rejection
+                    <Loader2
+                        v-if="isProcessing"
+                        class="h-3.5 w-3.5 animate-spin"
+                    />
+                    <span>{{
+                        isBulkReject
+                            ? `Reject ${selectedIds.length} Requests`
+                            : 'Confirm Rejection'
+                    }}</span>
                 </button>
             </div>
-        </div>
-    </div>
+        </template>
+    </BaseModal>
 </template>
diff --git a/routes/admin.php b/routes/admin.php
index 0e451efd..602b2613 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -82,8 +82,9 @@
 // Resource Moderation
 Route::middleware('permission:moderate resources')->group(function () {
     Route::get('/moderation/resources', [ResourceModerationController::class, 'index'])->name('moderation.resources.index');
-    Route::post('/moderation/resources/{changeRequest}/approve', [ResourceModerationController::class, 'approve'])->name('moderation.resources.approve');
-    Route::post('/moderation/resources/{changeRequest}/reject', [ResourceModerationController::class, 'reject'])->name('moderation.resources.reject');
+    Route::post('/moderation/resources/approve', [ResourceModerationController::class, 'approve'])->name('moderation.resources.approve');
+    Route::post('/moderation/resources/reject', [ResourceModerationController::class, 'reject'])->name('moderation.resources.reject');
+    Route::post('/moderation/resources/{changeRequest}/reject', [ResourceModerationController::class, 'reject'])->name('moderation.resources.reject.single');
 });
 
 // Notice
diff --git a/routes/console.php b/routes/console.php
index 3c9adf1a..789f66e1 100644
--- a/routes/console.php
+++ b/routes/console.php
@@ -2,7 +2,10 @@
 
 use Illuminate\Foundation\Inspiring;
 use Illuminate\Support\Facades\Artisan;
+use Illuminate\Support\Facades\Schedule;
 
 Artisan::command('inspire', function () {
     $this->comment(Inspiring::quote());
 })->purpose('Display an inspiring quote');
+
+Schedule::command('model:prune')->daily();
diff --git a/tests/Feature/AdminResourceTest.php b/tests/Feature/AdminResourceTest.php
index 93eb0f4a..e33dbfdd 100644
--- a/tests/Feature/AdminResourceTest.php
+++ b/tests/Feature/AdminResourceTest.php
@@ -288,7 +288,9 @@
     expect(Resource::where('title', 'Equations Note')->exists())->toBeFalse();
 
     $this->actingAs($moderator)
-        ->post("/admin/moderation/resources/{$changeRequest->id}/approve")
+        ->post('/admin/moderation/resources/approve', [
+            'ids' => [$changeRequest->id],
+        ])
         ->assertRedirect()
         ->assertSessionHas('success');
 
@@ -297,6 +299,51 @@
         ->and(Resource::where('title', 'Equations Note')->exists())->toBeTrue();
 });
 
+test('moderator can bulk approve multiple requests at once', function () {
+    Permission::findOrCreate('moderate resources', 'web');
+
+    $moderator = User::factory()->create();
+    $moderator->givePermissionTo(['view admin', 'moderate resources']);
+
+    $subject = Subject::create([
+        'name' => 'Physics',
+        'slug' => 'physics-bulk',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'atom',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Mechanics',
+        'slug' => 'mechanics',
+    ]);
+
+    $req1 = ResourceChangeRequest::recordCreate($moderator->id, $node->id, [
+        'title' => 'Bulk Note 1',
+        'resource_type' => 'note',
+        'content' => 'Content 1',
+    ]);
+
+    $req2 = ResourceChangeRequest::recordCreate($moderator->id, $node->id, [
+        'title' => 'Bulk Note 2',
+        'resource_type' => 'note',
+        'content' => 'Content 2',
+    ]);
+
+    $this->actingAs($moderator)
+        ->post('/admin/moderation/resources/approve', [
+            'ids' => [$req1->id, $req2->id],
+        ])
+        ->assertRedirect()
+        ->assertSessionHas('success');
+
+    expect($req1->fresh()->status)->toBe('approved')
+        ->and($req2->fresh()->status)->toBe('approved')
+        ->and(Resource::where('title', 'Bulk Note 1')->exists())->toBeTrue()
+        ->and(Resource::where('title', 'Bulk Note 2')->exists())->toBeTrue();
+});
+
 test('moderator can reject a request with feedback reason', function () {
     Permission::findOrCreate('moderate resources', 'web');
 
@@ -334,3 +381,102 @@
         ->and($changeRequest->fresh()->rejection_reason)->toBe('The video URL is not valid.')
         ->and(Resource::where('title', 'Bad Video Link')->exists())->toBeFalse();
 });
+
+test('moderator can bulk reject multiple requests with shared feedback', function () {
+    Permission::findOrCreate('moderate resources', 'web');
+
+    $moderator = User::factory()->create();
+    $moderator->givePermissionTo(['view admin', 'moderate resources']);
+
+    $subject = Subject::create([
+        'name' => 'Physics',
+        'slug' => 'physics-bulk-reject',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'atom',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Thermodynamics',
+        'slug' => 'thermodynamics',
+    ]);
+
+    $req1 = ResourceChangeRequest::recordCreate($moderator->id, $node->id, [
+        'title' => 'Spam 1',
+        'resource_type' => 'note',
+    ]);
+
+    $req2 = ResourceChangeRequest::recordCreate($moderator->id, $node->id, [
+        'title' => 'Spam 2',
+        'resource_type' => 'note',
+    ]);
+
+    $this->actingAs($moderator)
+        ->post('/admin/moderation/resources/reject', [
+            'ids' => [$req1->id, $req2->id],
+            'rejection_reason' => 'Duplicate spam uploads.',
+        ])
+        ->assertRedirect()
+        ->assertSessionHas('success');
+
+    expect($req1->fresh()->status)->toBe('rejected')
+        ->and($req1->fresh()->rejection_reason)->toBe('Duplicate spam uploads.')
+        ->and($req2->fresh()->status)->toBe('rejected')
+        ->and($req2->fresh()->rejection_reason)->toBe('Duplicate spam uploads.');
+});
+
+test('old reviewed change requests are pruned after 30 days', function () {
+    $user = User::factory()->create();
+
+    $subject = Subject::create([
+        'name' => 'Physics',
+        'slug' => 'physics-prune',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-indigo-500',
+        'icon' => 'atom',
+    ]);
+
+    $node = Node::create([
+        'subject_id' => $subject->id,
+        'name' => 'Waves',
+        'slug' => 'waves',
+    ]);
+
+    // Old approved request (> 30 days)
+    $oldApproved = ResourceChangeRequest::create([
+        'user_id' => $user->id,
+        'node_id' => $node->id,
+        'action_type' => 'create',
+        'status' => 'approved',
+        'reviewed_by' => $user->id,
+        'reviewed_at' => now()->subDays(31),
+        'payload' => ['title' => 'Old Approved'],
+    ]);
+
+    // Recent approved request (<= 30 days)
+    $recentApproved = ResourceChangeRequest::create([
+        'user_id' => $user->id,
+        'node_id' => $node->id,
+        'action_type' => 'create',
+        'status' => 'approved',
+        'reviewed_by' => $user->id,
+        'reviewed_at' => now()->subDays(10),
+        'payload' => ['title' => 'Recent Approved'],
+    ]);
+
+    // Pending request (> 30 days old created_at, but status pending)
+    $pendingReq = ResourceChangeRequest::create([
+        'user_id' => $user->id,
+        'node_id' => $node->id,
+        'action_type' => 'create',
+        'status' => 'pending',
+        'payload' => ['title' => 'Pending Req'],
+    ]);
+
+    $this->artisan('model:prune', ['--model' => [ResourceChangeRequest::class]]);
+
+    expect(ResourceChangeRequest::where('id', $oldApproved->id)->exists())->toBeFalse()
+        ->and(ResourceChangeRequest::where('id', $recentApproved->id)->exists())->toBeTrue()
+        ->and(ResourceChangeRequest::where('id', $pendingReq->id)->exists())->toBeTrue();
+});
diff --git a/tests/Feature/NodeVoteNotificationTest.php b/tests/Feature/NodeVoteNotificationTest.php
index 1507d549..3d1a892f 100644
--- a/tests/Feature/NodeVoteNotificationTest.php
+++ b/tests/Feature/NodeVoteNotificationTest.php
@@ -158,3 +158,40 @@
     $notif = new NodeVoteNotification($node, $voter);
     expect($notif->via($author))->toBe(['database']);
 });
+
+test('NodeVoteNotification constructs full nested path for child folders', function () {
+    $author = User::factory()->create();
+    $voter = User::factory()->create(['name' => 'Diligent Student']);
+    $subject = Subject::create([
+        'name' => 'Higher Math',
+        'course' => 'hsc',
+        'tailwind_format' => 'bg-emerald-500',
+        'slug' => 'hsc-hmath-1st',
+        'icon' => 'calculator',
+        'sort_order' => 1,
+    ]);
+
+    $parent = Node::create([
+        'user_id' => $author->id,
+        'subject_id' => $subject->id,
+        'name' => 'Circles',
+        'slug' => 'circles',
+        'sort_order' => 1,
+    ]);
+
+    $child = Node::create([
+        'user_id' => $author->id,
+        'subject_id' => $subject->id,
+        'parent_id' => $parent->id,
+        'name' => 'Class',
+        'slug' => 'class',
+        'sort_order' => 1,
+    ]);
+
+    $notif = new NodeVoteNotification($child, $voter);
+    $data = $notif->toArray($author);
+
+    expect($data['url'])->toBe(url('/hsc-hmath-1st/circles/class'))
+        ->and($data['title'])->toBe('Diligent Student upvoted your folder')
+        ->and($data['message'])->toBe('"Class"');
+});

From 8f8e153d95250963aea6d2f0207fe6ca0320f6ac Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 22:52:59 +0600
Subject: [PATCH 12/17] feat(admin): display pending resource uploads in node
 view with preview modal

---
 GEMINI.md                                     |   5 +-
 app/Http/Controllers/Admin/NodeController.php |   8 +
 resources/js/pages/admin/Node.vue             | 311 +++++++++++++++++-
 .../js/pages/admin/moderation/Resources.vue   |   8 +-
 4 files changed, 323 insertions(+), 9 deletions(-)

diff --git a/GEMINI.md b/GEMINI.md
index d4630fd4..a1a1ff18 100644
--- a/GEMINI.md
+++ b/GEMINI.md
@@ -1,8 +1,9 @@
 # Project Guidelines & Automated Checks
 
-## Formatting and Linting
+## Formatting, Linting & Builds
 - **Strict Trigger**: Do NOT run formatting, linting, or fix commands (`npm run format`, `composer lint`, `npm run lint`) during intermediate edits or regular conversational turns.
-- Only run the automated check commands when:
+- **Build Command**: Do NOT run `npm run build` during intermediate edits or conversational turns unless explicitly instructed by the user or strictly necessary for final pre-push verification.
+- Only run automated check commands when:
   1. The user explicitly instructs to `"push"` or `"commit"`.
   2. The user explicitly asks to check or fix formatting/linting issues.
 
diff --git a/app/Http/Controllers/Admin/NodeController.php b/app/Http/Controllers/Admin/NodeController.php
index b932ce8a..e2e02a32 100644
--- a/app/Http/Controllers/Admin/NodeController.php
+++ b/app/Http/Controllers/Admin/NodeController.php
@@ -6,6 +6,7 @@
 use App\Http\Requests\Node\StoreNodeRequest;
 use App\Http\Requests\Node\UpdateNodeRequest;
 use App\Models\Node;
+use App\Models\ResourceChangeRequest;
 use App\Models\Subject;
 use Illuminate\Http\Request;
 use Illuminate\Support\Str;
@@ -47,12 +48,19 @@ public function show(Subject $subject, $path = null)
             }
         }
 
+        $pendingCreates = ResourceChangeRequest::where('node_id', $node->id)
+            ->where('action_type', 'create')
+            ->where('status', 'pending')
+            ->with('user:id,name,username')
+            ->get();
+
         return Inertia::render('admin/Node', [
             'subject' => $subject,
             'nodes' => $node->children,
             'resources' => $node->resources()->with([
                 'pendingChangeRequest' => fn ($q) => $q->select('id', 'resource_id', 'action_type', 'status'),
             ])->get(),
+            'pending_creates' => $pendingCreates,
             'parent' => $node->append('is_effectively_frozen'),
             'breadcrumb' => $node->breadcrumb(),
         ]);
diff --git a/resources/js/pages/admin/Node.vue b/resources/js/pages/admin/Node.vue
index ef0e454a..87297b07 100644
--- a/resources/js/pages/admin/Node.vue
+++ b/resources/js/pages/admin/Node.vue
@@ -9,6 +9,12 @@ import {
     PencilLine,
     Lock,
     Unlock,
+    Clock,
+    Eye,
+    ExternalLink,
+    User,
+    FileText,
+    FileArchive,
 } from 'lucide-vue-next';
 import { computed, ref, onMounted, onUnmounted } from 'vue';
 import BulkImageModal from '@/components/admin/BulkImageModal.vue';
@@ -19,6 +25,7 @@ import CreateNodeModal from '@/components/admin/CreateNodeModal.vue';
 import CreateResourceModal from '@/components/admin/CreateResourceModal.vue';
 import NodeRow from '@/components/admin/NodeRow.vue';
 import ResourceRow from '@/components/admin/ResourceRow.vue';
+import BaseModal from '@/components/BaseModal.vue';
 import EmptyState from '@/components/EmptyState.vue';
 import { usePermissions } from '@/lib/usePermissions';
 
@@ -29,6 +36,7 @@ const props = defineProps({
     subject: Object,
     nodes: Array,
     resources: Array,
+    pending_creates: Array,
     parent: Object,
     breadcrumb: Array,
 });
@@ -85,6 +93,7 @@ const isSingleModalOpen = ref(false);
 const editingNode = ref<any | null>(null);
 const isSingleResourceModalOpen = ref(false);
 const editingResource = ref<any | null>(null);
+const viewingPendingModal = ref<any | null>(null);
 
 const openCreateNodeModal = () => {
     editingNode.value = null;
@@ -117,7 +126,10 @@ const handleResourceModalClose = () => {
 };
 
 const totalItemsCount = computed(
-    () => (props.nodes?.length ?? 0) + (props.resources?.length ?? 0),
+    () =>
+        (props.nodes?.length ?? 0) +
+        (props.resources?.length ?? 0) +
+        (props.pending_creates?.length ?? 0),
 );
 
 const backUrl = computed(() => {
@@ -366,7 +378,7 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
 
                 <!-- Add Resource Dropdown -->
                 <div
-                    v-if="!isFrozen && parent?.id"
+                    v-if="!isFrozen && parent?.id && can('create resources')"
                     ref="resourceDropdownRef"
                     class="relative inline-block"
                 >
@@ -475,6 +487,243 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
             @close="isBulkRenameModalOpen = false"
         />
 
+        <!-- Pending Resource Preview Modal -->
+        <BaseModal
+            :is-open="viewingPendingModal !== null"
+            max-width="xl"
+            @close="viewingPendingModal = null"
+        >
+            <template #header>
+                <div class="flex items-center gap-2.5">
+                    <div
+                        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"
+                        >
+                            Resource Submission
+                        </h3>
+                        <p class="text-xs text-slate-500 dark:text-gray-400">
+                            Awaiting moderation review before public release
+                        </p>
+                    </div>
+                </div>
+            </template>
+
+            <div v-if="viewingPendingModal" class="space-y-5 p-4 sm:p-6">
+                <!-- Status & Submission Meta Banner -->
+                <div
+                    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: Create Resource
+                        </span>
+                    </div>
+
+                    <div
+                        v-if="viewingPendingModal.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="viewingPendingModal.user?.username"
+                                :href="`/u/${viewingPendingModal.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"
+                            >
+                                {{ viewingPendingModal.user.name }}
+                            </Link>
+                            <strong
+                                v-else
+                                class="font-semibold text-slate-900 dark:text-gray-100"
+                            >
+                                {{ viewingPendingModal.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"
+                            >
+                                {{
+                                    viewingPendingModal.payload?.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"
+                        >
+                            {{
+                                viewingPendingModal.payload?.resource_type ||
+                                'Resource'
+                            }}
+                        </span>
+                    </div>
+
+                    <!-- Description / Body -->
+                    <div
+                        v-if="viewingPendingModal.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"
+                        >
+                            {{ viewingPendingModal.payload.content }}
+                        </p>
+                    </div>
+
+                    <!-- External URL -->
+                    <div
+                        v-if="viewingPendingModal.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="viewingPendingModal.payload.external_url"
+                                target="_blank"
+                                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">{{
+                                    viewingPendingModal.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="viewingPendingModal.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="viewingPendingModal.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="
+                                viewingPendingModal.payload?.resource_type ===
+                                    'image' ||
+                                viewingPendingModal.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="viewingPendingModal.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="viewingPendingModal.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="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="viewingPendingModal = null"
+                        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>
+
         <div class="flex flex-1 flex-col">
             <template v-if="totalItemsCount > 0">
                 <div
@@ -505,6 +754,64 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
                         :is-frozen="isFrozen"
                         @edit="openEditNodeModal"
                     />
+                    <!-- Pending New Uploads (Under Moderation) -->
+                    <div
+                        v-for="pending in pending_creates"
+                        :key="`pending-create-${pending.id}`"
+                        @click="viewingPendingModal = pending"
+                        class="group relative flex cursor-pointer items-center justify-between gap-3 rounded-xl border border-amber-200/80 bg-amber-50/50 p-3 transition hover:border-amber-300 hover:bg-amber-50 sm:p-3.5 dark:border-amber-900/40 dark:bg-amber-950/20 dark:hover:border-amber-800/80"
+                    >
+                        <div class="flex min-w-0 flex-1 items-center gap-3">
+                            <div
+                                class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg border border-amber-300 bg-amber-100 text-amber-700 sm:h-10 sm:w-10 dark:border-amber-800 dark:bg-amber-900/50 dark:text-amber-300"
+                            >
+                                <Clock class="h-4.5 w-4.5 animate-pulse" />
+                            </div>
+
+                            <div
+                                class="flex min-w-0 flex-wrap items-center gap-2"
+                            >
+                                <h3
+                                    class="text-sm font-semibold break-words text-slate-900 transition-colors group-hover:text-amber-700 dark:text-gray-100 dark:group-hover:text-amber-300"
+                                >
+                                    {{ pending.payload?.title || '(Untitled)' }}
+                                </h3>
+
+                                <span
+                                    class="inline-flex items-center gap-1 rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-bold text-amber-800 dark:bg-amber-500/20 dark:text-amber-300"
+                                >
+                                    Pending Approval
+                                </span>
+
+                                <span
+                                    v-if="pending.user?.name"
+                                    class="text-xs text-slate-400 dark:text-gray-500"
+                                >
+                                    by {{ pending.user.name }}
+                                </span>
+                            </div>
+                        </div>
+
+                        <div class="flex shrink-0 items-center gap-2">
+                            <button
+                                type="button"
+                                @click="viewingPendingModal = pending"
+                                class="inline-flex cursor-pointer items-center gap-1 rounded-lg border border-slate-200 bg-white px-2.5 py-1 text-xs font-semibold text-slate-700 shadow-2xs hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+                            >
+                                <Eye class="h-3.5 w-3.5 text-slate-500" />
+                                <span>Preview</span>
+                            </button>
+
+                            <Link
+                                v-if="can('moderate resources')"
+                                href="/admin/moderation/resources"
+                                class="inline-flex cursor-pointer items-center rounded-lg border border-amber-300 bg-white px-2.5 py-1 text-xs font-semibold text-amber-800 shadow-2xs hover:bg-amber-50 dark:border-amber-800 dark:bg-gray-900 dark:text-amber-300 dark:hover:bg-gray-800"
+                            >
+                                Review in Queue
+                            </Link>
+                        </div>
+                    </div>
+
                     <ResourceRow
                         v-for="resource in resources"
                         :key="`resource-${resource.id}`"
diff --git a/resources/js/pages/admin/moderation/Resources.vue b/resources/js/pages/admin/moderation/Resources.vue
index be119e8f..edbedf4c 100644
--- a/resources/js/pages/admin/moderation/Resources.vue
+++ b/resources/js/pages/admin/moderation/Resources.vue
@@ -124,8 +124,8 @@ watch(
     () => props.requests,
     (newReqs) => {
         if (!newReqs) {
-return;
-}
+            return;
+        }
 
         if (loadedRequests.value.length === 0) {
             loadedRequests.value = [...(newReqs.data || [])];
@@ -833,9 +833,7 @@ const handleReject = () => {
                                         "
                                         class="py-0.2 rounded bg-amber-100/80 px-1.5 text-[10px] font-bold text-amber-800 dark:bg-amber-900/40 dark:text-amber-300"
                                     >
-                                        {{
-                                            getChangedFields(req).length
-                                        }}
+                                        {{ getChangedFields(req).length }}
                                         changed
                                     </span>
 

From 3f7e75c8464e99c0327b39d40cdba3ae34827570 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 23:00:56 +0600
Subject: [PATCH 13/17] fix(storage): protect pending resource change request
 files during cleanup

---
 app/Console/Commands/DeleteUnusedImages.php | 13 ++++++++++++-
 docs/storage-cleanup.md                     | 12 ++++++------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/app/Console/Commands/DeleteUnusedImages.php b/app/Console/Commands/DeleteUnusedImages.php
index 8fd9b29d..754958f7 100644
--- a/app/Console/Commands/DeleteUnusedImages.php
+++ b/app/Console/Commands/DeleteUnusedImages.php
@@ -7,6 +7,7 @@
 use App\Models\ForumPost;
 use App\Models\Notice;
 use App\Models\Resource;
+use App\Models\ResourceChangeRequest;
 use App\Models\SupportTicket;
 use App\Models\User;
 use Illuminate\Console\Command;
@@ -46,9 +47,19 @@ public function handle(): void
         );
 
         // Resource files (notes, images, videos — all stored under resources/)
+        // Also protects pending change requests awaiting moderation review
+        $activeResourceFiles = Resource::whereNotNull('file_path')->pluck('file_path')->toArray();
+        $pendingChangeRequestFiles = ResourceChangeRequest::where('status', 'pending')
+            ->whereNotNull('payload')
+            ->get()
+            ->pluck('payload.file_path')
+            ->filter()
+            ->values()
+            ->toArray();
+
         $this->cleanDirectory(
             'resources',
-            Resource::whereNotNull('file_path')->pluck('file_path')->toArray()
+            array_values(array_unique(array_merge($activeResourceFiles, $pendingChangeRequestFiles)))
         );
 
         // Forum post images
diff --git a/docs/storage-cleanup.md b/docs/storage-cleanup.md
index 6ec6e105..c0d9c9f2 100644
--- a/docs/storage-cleanup.md
+++ b/docs/storage-cleanup.md
@@ -6,12 +6,12 @@ The `resources:clean-unused-images` Artisan command removes orphaned files from
 
 It scans four storage directories and cross-references them against the database:
 
-| Storage Directory | Database Check                        |
-| ----------------- | ------------------------------------- |
-| `resources/`      | `resources.file_path`                 |
-| `users/`          | `users.image_path`                    |
-| `blogs/`          | `blogs.featured_image_path`           |
-| `notices/`        | `notices.image` (non-HTTP paths only) |
+| Storage Directory | Database Check                                                                 |
+| ----------------- | ------------------------------------------------------------------------------ |
+| `resources/`      | `resources.file_path` & pending `resource_change_requests.payload['file_path']` |
+| `users/`          | `users.image_path`                                                             |
+| `blogs/`          | `blogs.featured_image_path`                                                    |
+| `notices/`        | `notices.image` (non-HTTP paths only)                                          |
 
 A file is considered unused when it exists in storage but its path is not referenced by any database record.
 

From 285cd1048b4ce2f5bac3434bd48dabbf8c2f37a6 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 23:24:35 +0600
Subject: [PATCH 14/17] feat(resources): limit pending submissions per user and
 display in-modal alerts

---
 .../Controllers/Admin/ResourceController.php  | 43 +++++++++++++++++++
 .../js/components/admin/BulkImageModal.vue    | 21 ++++++---
 .../js/components/admin/BulkVideoModal.vue    | 21 ++++++---
 .../components/admin/CreateResourceModal.vue  | 22 +++++++---
 4 files changed, 86 insertions(+), 21 deletions(-)

diff --git a/app/Http/Controllers/Admin/ResourceController.php b/app/Http/Controllers/Admin/ResourceController.php
index febfbded..872746c5 100644
--- a/app/Http/Controllers/Admin/ResourceController.php
+++ b/app/Http/Controllers/Admin/ResourceController.php
@@ -14,11 +14,43 @@
 use Illuminate\Support\Facades\Auth;
 use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Http;
+use Illuminate\Validation\ValidationException;
 
 class ResourceController extends Controller
 {
+    /**
+     * 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
+    {
+        $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)
     {
+        $this->ensureUnderPendingLimit(1);
+
         $validated = $request->validated();
 
         if ($request->hasFile('file')) {
@@ -40,6 +72,8 @@ public function update(UpdateResourceRequest $request, Resource $resource)
             return back()->with('error', 'This resource already has a pending change request under review.');
         }
 
+        $this->ensureUnderPendingLimit(1);
+
         $validated = $request->validated();
 
         if ($request->hasFile('file')) {
@@ -61,6 +95,8 @@ public function destroy(Resource $resource)
             return back()->with('error', 'This resource already has a pending change request under review.');
         }
 
+        $this->ensureUnderPendingLimit(1);
+
         ResourceChangeRequest::recordDelete(Auth::id(), $resource);
 
         return redirect()->back()->with('success', 'Resource deletion request submitted for moderation.');
@@ -69,6 +105,10 @@ public function destroy(Resource $resource)
     public function storeBulkImages(BulkImageStoreRequest $request)
     {
         $validated = $request->validated();
+        $filesCount = count($request->file('files') ?? []);
+
+        $this->ensureUnderPendingLimit($filesCount);
+
         $userId = Auth::id();
         $nodeId = (int) $validated['node_id'];
 
@@ -152,6 +192,9 @@ public function storeBulkVideos(BulkVideoStoreRequest $request)
 
         $userId = Auth::id();
         $nodeId = (int) $validated['node_id'];
+        $videosCount = count($videos);
+
+        $this->ensureUnderPendingLimit($videosCount);
 
         DB::transaction(function () use ($videos, $userId, $nodeId) {
             foreach ($videos as $video) {
diff --git a/resources/js/components/admin/BulkImageModal.vue b/resources/js/components/admin/BulkImageModal.vue
index be2c40ac..d9eddb39 100644
--- a/resources/js/components/admin/BulkImageModal.vue
+++ b/resources/js/components/admin/BulkImageModal.vue
@@ -244,6 +244,7 @@ const submitForm = async () => {
         },
         onError: (errors) => {
             errorMessage.value =
+                (errors.pending_limit as string) ||
                 Object.values(errors).flat().join(', ') ||
                 'Failed to upload images.';
         },
@@ -272,14 +273,20 @@ const submitForm = async () => {
             <!-- Error Banner -->
             <div
                 v-if="errorMessage"
-                class="m-4 mb-0 flex items-start gap-2.5 rounded-lg border border-rose-200 bg-rose-50/80 p-3 text-xs text-rose-800 dark:border-rose-900/50 dark:bg-rose-950/30 dark:text-rose-300"
+                class="m-4 mb-0 flex items-start gap-3 rounded-xl border border-rose-200 bg-rose-50/90 p-3.5 text-xs text-rose-900 shadow-2xs dark:border-rose-900/60 dark:bg-rose-950/40 dark:text-rose-200"
             >
-                <AlertCircle
-                    class="mt-0.5 h-4 w-4 shrink-0 text-rose-600 dark:text-rose-400"
-                />
-                <div class="leading-relaxed">
-                    <span class="font-bold">Error: </span>
-                    <span>{{ errorMessage }}</span>
+                <div
+                    class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-rose-100 text-rose-700 dark:bg-rose-900/60 dark:text-rose-300"
+                >
+                    <AlertCircle class="h-4 w-4" />
+                </div>
+                <div class="min-w-0 flex-1 leading-relaxed">
+                    <div class="font-bold text-rose-950 dark:text-rose-100">
+                        Submission Error
+                    </div>
+                    <p class="mt-0.5 text-xs text-rose-800 dark:text-rose-300">
+                        {{ errorMessage }}
+                    </p>
                 </div>
             </div>
 
diff --git a/resources/js/components/admin/BulkVideoModal.vue b/resources/js/components/admin/BulkVideoModal.vue
index 984a5f22..e2ddc95b 100644
--- a/resources/js/components/admin/BulkVideoModal.vue
+++ b/resources/js/components/admin/BulkVideoModal.vue
@@ -87,6 +87,7 @@ const submitForm = () => {
         },
         onError: (errors) => {
             errorMessage.value =
+                (errors.pending_limit as string) ||
                 Object.values(errors).flat().join(', ') ||
                 'Failed to import playlist.';
         },
@@ -113,14 +114,20 @@ const submitForm = () => {
             <!-- Error Banner -->
             <div
                 v-if="errorMessage"
-                class="m-4 mb-0 flex items-start gap-2.5 rounded-lg border border-rose-200 bg-rose-50/80 p-3 text-xs text-rose-800 dark:border-rose-900/50 dark:bg-rose-950/30 dark:text-rose-300"
+                class="m-4 mb-0 flex items-start gap-3 rounded-xl border border-rose-200 bg-rose-50/90 p-3.5 text-xs text-rose-900 shadow-2xs dark:border-rose-900/60 dark:bg-rose-950/40 dark:text-rose-200"
             >
-                <AlertCircle
-                    class="mt-0.5 h-4 w-4 shrink-0 text-rose-600 dark:text-rose-400"
-                />
-                <div class="leading-relaxed">
-                    <span class="font-bold">Error: </span>
-                    <span>{{ errorMessage }}</span>
+                <div
+                    class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-rose-100 text-rose-700 dark:bg-rose-900/60 dark:text-rose-300"
+                >
+                    <AlertCircle class="h-4 w-4" />
+                </div>
+                <div class="min-w-0 flex-1 leading-relaxed">
+                    <div class="font-bold text-rose-950 dark:text-rose-100">
+                        Submission Error
+                    </div>
+                    <p class="mt-0.5 text-xs text-rose-800 dark:text-rose-300">
+                        {{ errorMessage }}
+                    </p>
                 </div>
             </div>
 
diff --git a/resources/js/components/admin/CreateResourceModal.vue b/resources/js/components/admin/CreateResourceModal.vue
index d023b8ef..ccd79ff3 100644
--- a/resources/js/components/admin/CreateResourceModal.vue
+++ b/resources/js/components/admin/CreateResourceModal.vue
@@ -202,6 +202,7 @@ const submitForm = () => {
             },
             onError: (errors) => {
                 errorMessage.value =
+                    (errors.pending_limit as string) ||
                     Object.values(errors).flat().join(', ') ||
                     'Failed to update resource.';
             },
@@ -218,6 +219,7 @@ const submitForm = () => {
             },
             onError: (errors) => {
                 errorMessage.value =
+                    (errors.pending_limit as string) ||
                     Object.values(errors).flat().join(', ') ||
                     'Failed to create resource.';
             },
@@ -245,14 +247,20 @@ const submitForm = () => {
             <!-- Error Banner -->
             <div
                 v-if="errorMessage"
-                class="m-4 mb-0 flex items-start gap-2.5 rounded-lg border border-rose-200 bg-rose-50/80 p-3 text-xs text-rose-800 dark:border-rose-900/50 dark:bg-rose-950/30 dark:text-rose-300"
+                class="m-4 mb-0 flex items-start gap-3 rounded-xl border border-rose-200 bg-rose-50/90 p-3.5 text-xs text-rose-900 shadow-2xs dark:border-rose-900/60 dark:bg-rose-950/40 dark:text-rose-200"
             >
-                <AlertCircle
-                    class="mt-0.5 h-4 w-4 shrink-0 text-rose-600 dark:text-rose-400"
-                />
-                <div class="leading-relaxed">
-                    <span class="font-bold">Error: </span>
-                    <span>{{ errorMessage }}</span>
+                <div
+                    class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-rose-100 text-rose-700 dark:bg-rose-900/60 dark:text-rose-300"
+                >
+                    <AlertCircle class="h-4 w-4" />
+                </div>
+                <div class="min-w-0 flex-1 leading-relaxed">
+                    <div class="font-bold text-rose-950 dark:text-rose-100">
+                        Submission Error
+                    </div>
+                    <p class="mt-0.5 text-xs text-rose-800 dark:text-rose-300">
+                        {{ errorMessage }}
+                    </p>
                 </div>
             </div>
 

From 7bcf9efe0b655ac40655f136a8c262e59ab326ae Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 23:41:18 +0600
Subject: [PATCH 15/17] feat(moderation): allow viewing pending edit and delete
 requests in admin node view

---
 app/Http/Controllers/Admin/NodeController.php |  2 +-
 resources/js/components/admin/ResourceRow.vue | 56 ++++++++++++++++---
 resources/js/pages/admin/Node.vue             | 19 ++++++-
 3 files changed, 66 insertions(+), 11 deletions(-)

diff --git a/app/Http/Controllers/Admin/NodeController.php b/app/Http/Controllers/Admin/NodeController.php
index e2e02a32..5ee69755 100644
--- a/app/Http/Controllers/Admin/NodeController.php
+++ b/app/Http/Controllers/Admin/NodeController.php
@@ -58,7 +58,7 @@ public function show(Subject $subject, $path = null)
             'subject' => $subject,
             'nodes' => $node->children,
             'resources' => $node->resources()->with([
-                'pendingChangeRequest' => fn ($q) => $q->select('id', 'resource_id', 'action_type', 'status'),
+                'pendingChangeRequest' => fn ($q) => $q->with('user:id,name,username'),
             ])->get(),
             'pending_creates' => $pendingCreates,
             'parent' => $node->append('is_effectively_frozen'),
diff --git a/resources/js/components/admin/ResourceRow.vue b/resources/js/components/admin/ResourceRow.vue
index 8819af75..bcfaeab7 100644
--- a/resources/js/components/admin/ResourceRow.vue
+++ b/resources/js/components/admin/ResourceRow.vue
@@ -8,6 +8,7 @@ import {
     FileVideo,
     Pencil,
     Trash2,
+    Eye,
 } from 'lucide-vue-next';
 import { computed } from 'vue';
 import { useAuth } from '@/lib/useAuth';
@@ -21,6 +22,7 @@ const props = defineProps({
 
 const emit = defineEmits<{
     (e: 'edit', resource: any): void;
+    (e: 'view-pending', pending: any, resource: any): void;
 }>();
 
 const hasPendingChange = computed(() => {
@@ -102,27 +104,63 @@ const handleDelete = () => {
                 </span>
 
                 <!-- Pending Moderation Badge -->
-                <span
+                <button
                     v-if="hasPendingChange && pendingAction === 'update'"
-                    class="inline-flex items-center rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-bold text-amber-800 dark:bg-amber-500/20 dark:text-amber-300"
+                    type="button"
+                    @click.stop="
+                        emit(
+                            'view-pending',
+                            resource.pending_change_request,
+                            resource,
+                        )
+                    "
+                    class="inline-flex cursor-pointer items-center gap-1 rounded bg-amber-100 px-1.5 py-0.5 text-[10px] font-bold text-amber-800 transition hover:bg-amber-200 dark:bg-amber-500/20 dark:text-amber-300 dark:hover:bg-amber-500/30"
+                    title="View proposed changes"
                 >
-                    Edit Pending
-                </span>
-                <span
+                    <Eye class="h-3 w-3" />
+                    <span>Edit Pending</span>
+                </button>
+                <button
                     v-else-if="hasPendingChange && pendingAction === 'delete'"
-                    class="inline-flex items-center rounded bg-rose-100 px-1.5 py-0.5 text-[10px] font-bold text-rose-800 dark:bg-rose-500/20 dark:text-rose-300"
+                    type="button"
+                    @click.stop="
+                        emit(
+                            'view-pending',
+                            resource.pending_change_request,
+                            resource,
+                        )
+                    "
+                    class="inline-flex cursor-pointer items-center gap-1 rounded bg-rose-100 px-1.5 py-0.5 text-[10px] font-bold text-rose-800 transition hover:bg-rose-200 dark:bg-rose-500/20 dark:text-rose-300 dark:hover:bg-rose-500/30"
+                    title="View deletion request"
                 >
-                    Deletion Pending
-                </span>
+                    <Eye class="h-3 w-3" />
+                    <span>Deletion Pending</span>
+                </button>
             </div>
         </div>
 
         <!-- Right: Actions -->
         <div
-            v-if="canEdit || canDelete"
+            v-if="canEdit || canDelete || hasPendingChange"
             class="flex shrink-0 items-center gap-1"
             @click.stop
         >
+            <button
+                v-if="hasPendingChange"
+                type="button"
+                @click="
+                    emit(
+                        'view-pending',
+                        resource.pending_change_request,
+                        resource,
+                    )
+                "
+                class="inline-flex cursor-pointer items-center gap-1 rounded-lg border border-slate-200 bg-white px-2.5 py-1 text-xs font-semibold text-slate-700 shadow-2xs transition hover:bg-slate-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
+            >
+                <Eye class="h-3.5 w-3.5 text-slate-500 dark:text-gray-400" />
+                <span>Preview</span>
+            </button>
+
             <button
                 v-if="canEdit"
                 type="button"
diff --git a/resources/js/pages/admin/Node.vue b/resources/js/pages/admin/Node.vue
index 87297b07..b94aeb4c 100644
--- a/resources/js/pages/admin/Node.vue
+++ b/resources/js/pages/admin/Node.vue
@@ -527,7 +527,15 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
                         <span
                             class="font-medium text-amber-900/80 dark:text-amber-300"
                         >
-                            Action: Create Resource
+                            Action:
+                            {{
+                                viewingPendingModal.action_type === 'update'
+                                    ? 'Edit Resource'
+                                    : viewingPendingModal.action_type ===
+                                        'delete'
+                                      ? 'Delete Resource'
+                                      : 'Create Resource'
+                            }}
                         </span>
                     </div>
 
@@ -570,6 +578,7 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
                             >
                                 {{
                                     viewingPendingModal.payload?.title ||
+                                    viewingPendingModal.targetResource?.title ||
                                     '(Untitled)'
                                 }}
                             </h2>
@@ -579,6 +588,8 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
                         >
                             {{
                                 viewingPendingModal.payload?.resource_type ||
+                                viewingPendingModal.targetResource
+                                    ?.resource_type ||
                                 'Resource'
                             }}
                         </span>
@@ -818,6 +829,12 @@ onUnmounted(() => document.removeEventListener('click', closeDropdowns));
                         :resource="resource"
                         :is-frozen="isFrozen"
                         @edit="openEditResourceModal"
+                        @view-pending="
+                            (pending, res) =>
+                                (viewingPendingModal = pending
+                                    ? { ...pending, targetResource: res }
+                                    : null)
+                        "
                     />
                 </div>
             </template>

From 328f83a53abf5b3b309872eb91bb10b29e8b6772 Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 23:56:06 +0600
Subject: [PATCH 16/17] feat(schedule, moderation): consolidate daily schedules
 in console.php and clean up reject route

---
 .../Admin/ResourceModerationController.php    | 12 +++---------
 routes/admin.php                              |  1 -
 routes/console.php                            | 19 ++++++++++++++++++-
 3 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/app/Http/Controllers/Admin/ResourceModerationController.php b/app/Http/Controllers/Admin/ResourceModerationController.php
index 2137782c..7eb0d03e 100644
--- a/app/Http/Controllers/Admin/ResourceModerationController.php
+++ b/app/Http/Controllers/Admin/ResourceModerationController.php
@@ -117,21 +117,15 @@ public function approve(Request $request)
         return back()->with('success', $message);
     }
 
-    public function reject(Request $request, ?ResourceChangeRequest $changeRequest = null)
+    public function reject(Request $request)
     {
         $validated = $request->validate([
-            'ids' => ['nullable', 'array', 'min:1'],
+            'ids' => ['required', 'array', 'min:1'],
             'ids.*' => ['integer', 'exists:resource_change_requests,id'],
             'rejection_reason' => ['nullable', 'string', 'max:500'],
         ]);
 
-        $ids = $validated['ids'] ?? ($changeRequest ? [$changeRequest->id] : []);
-
-        if (empty($ids)) {
-            return back()->with('error', 'No change requests selected.');
-        }
-
-        $changeRequests = ResourceChangeRequest::whereIn('id', $ids)
+        $changeRequests = ResourceChangeRequest::whereIn('id', $validated['ids'])
             ->where('status', 'pending')
             ->with('resource')
             ->get();
diff --git a/routes/admin.php b/routes/admin.php
index 602b2613..4cb53095 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -84,7 +84,6 @@
     Route::get('/moderation/resources', [ResourceModerationController::class, 'index'])->name('moderation.resources.index');
     Route::post('/moderation/resources/approve', [ResourceModerationController::class, 'approve'])->name('moderation.resources.approve');
     Route::post('/moderation/resources/reject', [ResourceModerationController::class, 'reject'])->name('moderation.resources.reject');
-    Route::post('/moderation/resources/{changeRequest}/reject', [ResourceModerationController::class, 'reject'])->name('moderation.resources.reject.single');
 });
 
 // Notice
diff --git a/routes/console.php b/routes/console.php
index 789f66e1..cf593eed 100644
--- a/routes/console.php
+++ b/routes/console.php
@@ -8,4 +8,21 @@
     $this->comment(Inspiring::quote());
 })->purpose('Display an inspiring quote');
 
-Schedule::command('model:prune')->daily();
+// 1. Clean up stale/unused resources and models first at 03:00
+Schedule::command('resources:clean-unused-images')
+    ->dailyAt('03:00')
+    ->withoutOverlapping();
+
+Schedule::command('model:prune')
+    ->dailyAt('03:00')
+    ->withoutOverlapping();
+
+// 2. Run backup 30 minutes later at 03:30 after deletions are complete
+Schedule::command('backup:drive')
+    ->dailyAt('03:30')
+    ->withoutOverlapping();
+
+// 3. Refresh sitemap at 04:00
+Schedule::command('seo:sitemap')
+    ->dailyAt('04:00')
+    ->withoutOverlapping();

From 0259d73df50a7ae691ed612cff63d937b8c2b1ce Mon Sep 17 00:00:00 2001
From: TR Tajim <com.tajim@gmail.com>
Date: Fri, 9 Oct 2026 23:57:42 +0600
Subject: [PATCH 17/17] Update
 2026_10_09_154900_add_moderate_resources_permission.php

---
 .../2026_10_09_154900_add_moderate_resources_permission.php      | 1 -
 1 file changed, 1 deletion(-)

diff --git a/database/migrations/2026_10_09_154900_add_moderate_resources_permission.php b/database/migrations/2026_10_09_154900_add_moderate_resources_permission.php
index 8f4c9f8c..1d17d7b3 100644
--- a/database/migrations/2026_10_09_154900_add_moderate_resources_permission.php
+++ b/database/migrations/2026_10_09_154900_add_moderate_resources_permission.php
@@ -14,7 +14,6 @@
     public function up(): void
     {
         app()[PermissionRegistrar::class]->forgetCachedPermissions();
-        Cache::flush();
 
         $permission = Permission::findOrCreate('moderate resources', 'web');