added actions back to mutation single

IDEA.md

@@ -50,7 +50,7 @@ During this session, we successfully built out and verified several core archite
    * Created a dynamic user detail page (`dynamics.users.show`) scoped to each dynamic. It displays a participant's role, custom display name, fallback real name, and a clean chronological listing of their 10 most recent mutations (activities) in that dynamic.
 
 8. **Polymorphic System Message placeholders & Dynamic Client-Side Linking**:
-   * Refactored system log activity messages to use native `<user:userId>` placeholders and associated them with polymorphic `subject_id` and `subject_type` objects.
+   * Refactored system log activity messages to use native `<user:userUuid>` placeholders and associated them with polymorphic `subject_id` and `subject_type` objects.
    * On the client-side, the chat component parses these placeholders into rich, clickable links to User Profiles, and dynamically matches and wraps referenced ledger names into links pointing directly to the ledger show page.
    * Added backend-side placeholder resolution inside `ActivityService` for the dashboard, ensuring unread system logs translate cleanly to real names across multiple dynamics.
 

app/Http/Controllers/DashboardController.php

@@ -11,10 +11,10 @@ class DashboardController extends Controller
     public function index(Request $request, ActivityService $activityService)
     {
         $user = $request->user();
-        $unreadEntities = $activityService->getUnreadEntitiesGrouped($user);
+        $unreadDynamics = $activityService->getUnreadEntitiesGrouped($user);
 
         return Inertia::render('Dashboard', [
-            'unreadEntities' => $unreadEntities,
+            'unreadDynamics' => $unreadDynamics,
         ]);
     }
 }

app/Http/Controllers/DynamicInvitationController.php

@@ -118,7 +118,7 @@ class DynamicInvitationController extends Controller
             // Log to Dynamic chat activity log!
             $dynamic->chat->messages()->create([
                 'user_id' => null,
-                'content' => "<user:{$request->user()->id}> joined the Dynamic as a ".strtoupper($invitation->role),
+                'content' => "<user:{$request->user()->uuid}> joined the Dynamic as a ".strtoupper($invitation->role),
                 'subject_id' => $request->user()->id,
                 'subject_type' => User::class,
             ]);

app/Http/Controllers/MutationController.php

@@ -19,30 +19,10 @@ class MutationController extends Controller
 {
     use AuthorizesRequests;
 
-    /**
-     * Display a listing of the resource.
-     */
-    public function index()
-    {
-        //
-    }
-
-    /**
-     * Show the form for creating a new resource.
-     */
-    public function create()
-    {
-        //
-    }
-
-    /**
-     * Store a newly created resource in storage.
-     */
     public function store(StoreMutationRequest $request, Dynamic $dynamic, Ledger $ledger)
     {
         $this->authorize('create', [Mutation::class, $ledger]);
 
-        // If the user is an owner, default status to 'approved'. Otherwise default to 'pending'.
         $status = $request->user()->can('update', $ledger) ? 'approved' : 'pending';
 
         $mutation = DB::transaction(function () use ($request, $ledger, $status) {
@@ -70,7 +50,6 @@ class MutationController extends Controller
                 }
             }
 
-            // Only increment score if the status is approved!
             if ($status === 'approved') {
                 $ledger->increment('score', $request->validated('amount'));
             }
@@ -78,48 +57,46 @@ class MutationController extends Controller
             return $mutation;
         });
 
-        // Notify all other participants
         $recipients = $dynamic->participants()->where('users.id', '!=', $request->user()->id)->get();
         $message = $status === 'approved'
             ? "{$request->user()->name} added a new entry: \"{$mutation->description}\"."
             : "{$request->user()->name} suggested a new entry: \"{$mutation->description}\".";
 
+        if ($recipients->isNotEmpty()) {
             Notification::send($recipients, new NewActivityNotification([
                 'content' => $message,
                 'url' => route('dynamics.ledgers.show', [$dynamic, $ledger]),
             ]));
+        }
 
         return redirect()->route('dynamics.ledgers.show', [$dynamic, $ledger]);
     }
 
-    /**
-     * Display the specified resource.
-     */
-    public function show(Dynamic $dynamic, Ledger $ledger, Mutation $mutation)
+    public function show(Request $request, Dynamic $dynamic, Ledger $ledger, Mutation $mutation)
     {
         $this->authorize('view', $mutation);
 
-        return $mutation;
+        $mutation->load('user', 'ledger', 'media', 'chat.messages.user');
+        $dynamic = $mutation->ledger->dynamic;
+
+        $dynamic->load('participants');
+
+        $user = $request->user();
+
+        return inertia('Mutations/Show', [
+            'mutation' => $mutation,
+            'dynamic' => $dynamic,
+            'can' => [
+                'update' => $user->can('update', $dynamic),
+            ],
+        ]);
     }
 
-    /**
-     * Show the form for editing the specified resource.
-     */
-    public function edit(Dynamic $dynamic, Ledger $ledger, Mutation $mutation)
-    {
-        //
-    }
-
-    /**
-     * Update the specified resource in storage.
-     */
     public function update(Request $request, Dynamic $dynamic, Ledger $ledger, Mutation $mutation)
     {
         $this->authorize('update', $mutation);
 
-        $request->validate([
-            'status' => ['required', 'string', 'in:approved,rejected'],
-        ]);
+        $request->validate(['status' => ['required', 'string', 'in:approved,rejected']]);
 
         $oldStatus = $mutation->status;
         $newStatus = $request->input('status');
@@ -127,7 +104,6 @@ class MutationController extends Controller
         DB::transaction(function () use ($mutation, $ledger, $oldStatus, $newStatus) {
             $mutation->update(['status' => $newStatus]);
 
-            // Adjust the ledger score if status transitions to approved or from approved!
             if ($oldStatus !== 'approved' && $newStatus === 'approved') {
                 $ledger->increment('score', $mutation->amount);
             } elseif ($oldStatus === 'approved' && $newStatus !== 'approved') {
@@ -135,41 +111,17 @@ class MutationController extends Controller
             }
         });
 
-        // Log to Mutation and Dynamic chats
         $user = $request->user();
         $statusText = strtoupper($newStatus);
 
-        $mutationMsg = $mutation->chat->messages()->create([
-            'user_id' => null,
-            'content' => "Suggestion was {$statusText} by <user:{$user->id}>.",
-            'subject_id' => $mutation->id,
-            'subject_type' => Mutation::class,
-        ]);
-        broadcast(new MessageSent($mutationMsg));
-
-        if ($newStatus === 'approved') {
-            $dynamicMsg = $dynamic->chat->messages()->create([
-                'user_id' => null,
-                'content' => "<user:{$user->id}> APPROVED the suggestion \"{$mutation->description}\" for ".($mutation->amount >= 0 ? '+' : '')."{$mutation->amount} points on \"{$ledger->name}\" ledger.",
-                'subject_id' => $mutation->id,
-                'subject_type' => Mutation::class,
-            ]);
-        } else {
-            $dynamicMsg = $dynamic->chat->messages()->create([
-                'user_id' => null,
-                'content' => "<user:{$user->id}> REJECTED the suggestion \"{$mutation->description}\" on \"{$ledger->name}\" ledger.",
-                'subject_id' => $mutation->id,
-                'subject_type' => Mutation::class,
-            ]);
-        }
-        broadcast(new MessageSent($dynamicMsg));
-
-        // Notify all other participants
-        $recipients = $dynamic->participants()->where('users.id', '!=', $request->user()->id)->get();
-        Notification::send($recipients, new NewActivityNotification([
-            'content' => "{$user->name} {$statusText} the suggestion: \"{$mutation->description}\".",
+        // Notify the suggester
+        $suggester = $mutation->user;
+        if ($suggester && $suggester->id !== $user->id) {
+            Notification::send($suggester, new NewActivityNotification([
+                'content' => "Your suggestion \"{$mutation->description}\" was {$statusText} by {$user->name}.",
                 'url' => route('dynamics.ledgers.show', [$dynamic, $ledger]),
             ]));
+        }
 
         return redirect()->back();
     }
@@ -178,23 +130,21 @@ class MutationController extends Controller
     {
         $this->authorize('void', $mutation);
 
+        DB::transaction(function() use ($mutation, $ledger) {
+            if ($mutation->status === 'approved') {
+                $ledger->decrement('score', $mutation->amount);
+            }
             $mutation->update(['status' => 'voided']);
+        });
 
-        // Notify all other participants
         $recipients = $dynamic->participants()->where('users.id', '!=', $request->user()->id)->get();
+        if ($recipients->isNotEmpty()) {
             Notification::send($recipients, new NewActivityNotification([
                 'content' => "{$request->user()->name} voided an entry: \"{$mutation->description}\".",
                 'url' => route('dynamics.ledgers.show', [$dynamic, $ledger]),
             ]));
+        }
 
         return redirect()->route('dynamics.ledgers.show', [$dynamic, $ledger]);
     }
-
-    /**
-     * Remove the specified resource from storage.
-     */
-    public function destroy(Dynamic $dynamic, Ledger $ledger, Mutation $mutation)
-    {
-        //
-    }
 }

app/Models/Mutation.php

@@ -70,8 +70,8 @@ class Mutation extends Model
             $mutationMsg = $mutation->chat->messages()->create([
                 'user_id' => null,
                 'content' => $status === 'approved'
-                    ? "Entry was created by <user:{$user->id}>."
-                    : "Suggestion was created by <user:{$user->id}>.",
+                    ? "Entry was created by <user:{$user->uuid}>."
+                    : "Suggestion was created by <user:{$user->uuid}>.",
                 'subject_id' => $mutation->id,
                 'subject_type' => Mutation::class,
             ]);
@@ -80,14 +80,14 @@ class Mutation extends Model
             if ($status === 'approved') {
                 $dynamicMsg = $dynamic->chat->messages()->create([
                     'user_id' => null,
-                    'content' => "<user:{$user->id}> added entry \"{$mutation->description}\" for ".($mutation->amount >= 0 ? '+' : '')."{$mutation->amount} points on \"{$ledger->name}\" ledger.",
+                    'content' => "<user:{$user->uuid}> added entry \"{$mutation->description}\" for ".($mutation->amount >= 0 ? '+' : '')."{$mutation->amount} points on \"{$ledger->name}\" ledger.",
                     'subject_id' => $mutation->id,
                     'subject_type' => Mutation::class,
                 ]);
             } else {
                 $dynamicMsg = $dynamic->chat->messages()->create([
                     'user_id' => null,
-                    'content' => "<user:{$user->id}> suggested \"{$mutation->description}\" for ".($mutation->amount >= 0 ? '+' : '')."{$mutation->amount} points on \"{$ledger->name}\" ledger.",
+                    'content' => "<user:{$user->uuid}> suggested \"{$mutation->description}\" for ".($mutation->amount >= 0 ? '+' : '')."{$mutation->amount} points on \"{$ledger->name}\" ledger.",
                     'subject_id' => $mutation->id,
                     'subject_type' => Mutation::class,
                 ]);
@@ -100,6 +100,27 @@ class Mutation extends Model
 
         static::updated(function (Mutation $mutation) {
             if ($mutation->wasChanged('status')) {
+
+                $status = $mutation->getAttribute('status');
+                $user = request()->user();
+                $ledger = $mutation->ledger;
+                $mutationMsg = $mutation->chat->messages()->create([
+                    'user_id' => null,
+                    'content' => $status === 'approved'
+                        ? "<user:{$user->uuid}> APPROVED the suggestion \"{$mutation->description}\" for ".($mutation->amount >= 0 ? '+' : '')."{$mutation->amount} points on \"{$ledger->name}\" ledger."
+                        : "<user:{$user->uuid}> DENIED the suggestion \"{$mutation->description}\" for ".($mutation->amount >= 0 ? '+' : '')."{$mutation->amount} points on \"{$ledger->name}\" ledger.",
+                    'subject_id' => $mutation->id,
+                    'subject_type' => Mutation::class,
+                ]);
+
+                $dynamic = $ledger->dynamic;
+                $dynamic->chat->messages()->create([
+                    'user_id' => null,
+                    'content' => $mutationMsg->content,
+                    'subject_id' => $mutation->id,
+                    'subject_type' => Mutation::class,
+                ]);
+
                 broadcast(new \App\Events\MutationUpdated($mutation));
             }
         });

app/Notifications/NewActivityNotification.php

@@ -2,8 +2,6 @@
 
 namespace App\Notifications;
 
-use App\Models\Chat;
-use App\Models\Message;
 use Illuminate\Bus\Queueable;
 use Illuminate\Notifications\Notification;
 use NotificationChannels\WebPush\WebPushChannel;
@@ -13,60 +11,33 @@ class NewActivityNotification extends Notification
 {
     use Queueable;
 
-    public $activity;
+    public array $activity;
 
-    /**
-     * Create a new notification instance.
-     */
-    public function __construct($activity)
+    public function __construct(array $activity)
     {
         $this->activity = $activity;
     }
 
-    /**
-     * Get the notification's delivery channels.
-     *
-     * @return array<int, string>
-     */
     public function via(object $notifiable): array
     {
-        return [WebPushChannel::class];
+        return [WebPushChannel::class, 'database'];
     }
 
-    /**
-     * Get the web push representation of the notification.
-     */
     public function toWebPush(object $notifiable): WebPushMessage
     {
-
-        $result = (new WebPushMessage)
+        return (new WebPushMessage)
             ->title('New Activity')
             ->icon('/apple-touch-icon.png')
             ->body($this->activity['content'])
             ->action('View', 'view')
             ->data(['url' => $this->activity['url']]);
-
-        switch (get_class($this->activity)) {
-            case Message::class:
-                /** @var Chat $chat */
-                $chat = $this->activity->chat;
-
-                $result->data(['url' => $chat->subjectUrl]);
-                break;
     }
 
-        return $result;
-    }
-
-    /**
-     * Get the array representation of the notification.
-     *
-     * @return array<string, mixed>
-     */
     public function toArray(object $notifiable): array
     {
         return [
-            //
+            'content' => $this->activity['content'],
+            'url' => $this->activity['url'],
         ];
     }
 }

app/Policies/ChatPolicy.php

@@ -0,0 +1,67 @@
+<?php
+
+namespace App\Policies;
+
+use App\Models\Chat;
+use App\Models\User;
+use Illuminate\Auth\Access\Response;
+
+class ChatPolicy
+{
+    /**
+     * Determine whether the user can view any models.
+     */
+    public function viewAny(User $user): bool
+    {
+        return false;
+    }
+
+    /**
+     * Determine whether the user can view the model.
+     */
+    public function view(User $user, Chat $chat): bool
+    {
+        $chatable = $chat->chatable;
+        return $user->can('view', $chatable);
+    }
+
+    /**
+     * Determine whether the user can create models.
+     */
+    public function create(User $user): bool
+    {
+        return false;
+    }
+
+    /**
+     * Determine whether the user can update the model.
+     */
+    public function update(User $user, Chat $chat): bool
+    {
+        return $this->view($user, $chat);
+    }
+
+    /**
+     * Determine whether the user can delete the model.
+     */
+    public function delete(User $user, Chat $chat): bool
+    {
+        return false;
+    }
+
+    /**
+     * Determine whether the user can restore the model.
+     */
+    public function restore(User $user, Chat $chat): bool
+    {
+        return false;
+    }
+
+    /**
+     * Determine whether the user can permanently delete the model.
+     */
+    public function forceDelete(User $user, Chat $chat): bool
+    {
+        return false;
+    }
+}

app/Policies/MutationPolicy.php

@@ -8,6 +8,14 @@ use App\Models\User;
 
 class MutationPolicy
 {
+    /**
+     * Determine whether the user can view the mutation.
+     */
+    public function view(User $user, Mutation $mutation): bool
+    {
+        return $user->can('view', $mutation->ledger);
+    }
+
     /**
      * Determine whether the user can create mutations.
      */

app/Services/ActivityService.php

@@ -100,7 +100,7 @@ class ActivityService
 
         $participants = $dynamic->participants()->withPivot('display_name')->get();
         $participantsMap = $participants->reduce(function ($acc, $p) {
-            $acc[$p->id] = $p->pivot->display_name ?? $p->name;
+            $acc[$p->uuid] = $p->pivot->display_name ?? $p->name;
 
             return $acc;
         }, []);
@@ -115,7 +115,7 @@ class ActivityService
             $messageData['url'] = $this->getUrlForMessage($message);
 
             // Resolve <user:id> placeholders to actual names/display names
-            $messageData['content'] = preg_replace_callback('/<user:(\d+)>/', function ($matches) use ($participantsMap) {
+            $messageData['content'] = preg_replace_callback('/<user:([0-9a-f-]+)>/', function ($matches) use ($participantsMap) {
                 $userId = $matches[1];
 
                 return $participantsMap[$userId] ?? "User #{$userId}";

database/migrations/2026_07_06_100015_create_notifications_table.php

@@ -0,0 +1,31 @@
+<?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('notifications', function (Blueprint $table) {
+            $table->uuid('id')->primary();
+            $table->string('type');
+            $table->morphs('notifiable');
+            $table->text('data');
+            $table->timestamp('read_at')->nullable();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('notifications');
+    }
+};

database/migrations/2026_07_06_143909_migrate_chat_messages_to_uuid_base.php

@@ -0,0 +1,42 @@
+<?php
+
+use App\Models\Message;
+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
+    {
+        \App\Models\Message::all()->each(function (Message $message) {
+            $msg = $message->content;
+
+            $msg = preg_replace_callback('/<user:([0-9]+)>/', function ($matches) {
+                $userId = $matches[1];
+                $user = \App\Models\User::find($userId);
+                if($user){
+                    $userId = $user->uuid;
+                }
+                return "<user:$userId>";
+            }, $msg);
+
+            if($msg != $message->content) {
+                $message->update(['content' => $msg]);
+            }
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('uuid_base', function (Blueprint $table) {
+            //
+        });
+    }
+};

phpunit.dusk.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit backupGlobals="false"
+         beStrictAboutTestsThatDoNotTestAnything="false"
+         colors="true"
+         processIsolation="false"
+         stopOnError="false"
+         stopOnFailure="false"
+         cacheDirectory=".phpunit.cache"
+         backupStaticProperties="false">
+    <testsuites>
+        <testsuite name="Browser Test Suite">
+            <directory suffix="Test.php">./tests/Browser</directory>
+        </testsuite>
+    </testsuites>
+</phpunit>

phpunit.xml

@@ -23,7 +23,7 @@
         <env name="BCRYPT_ROUNDS" value="4"/>
         <env name="BROADCAST_CONNECTION" value="null"/>
         <env name="CACHE_STORE" value="array"/>
-        <env name="DB_CONNECTION" value="sqlite"/>
+        <env name="DB_CONNECTION" value="sqlite" />
         <env name="DB_DATABASE" value=":memory:"/>
         <env name="DB_URL" value=""/>
         <env name="MAIL_MAILER" value="array"/>

resources/js/components/AddMutationForm.vue

@@ -104,6 +104,7 @@ function submit() {
                     id="amount"
                     type="number"
                     class="c-add-mutation-form__input"
+                    data-test="amount-input"
                 />
                 <div
                     v-if="form.errors.amount"
@@ -122,6 +123,7 @@ function submit() {
                     id="description"
                     rows="4"
                     class="c-add-mutation-form__textarea"
+                    data-test="description-input"
                 ></textarea>
                 <div
                     v-if="form.errors.description"
@@ -171,6 +173,7 @@ function submit() {
                     type="submit"
                     :disabled="form.processing"
                     class="c-add-mutation-form__submit-btn"
+                    data-test="add-mutation-button"
                 >
                     Add Mutation
                 </button>

resources/js/components/Chat.vue

@@ -149,7 +149,7 @@ const participantsById = computed(() => {
         {} as Record<
             number,
             {
-                id: number;
+                id: string;
                 name: string;
                 pivot?: { display_name: string | null } | null;
             }

resources/js/components/ChatMessage.vue

@@ -19,10 +19,13 @@ const props = defineProps<{
 }>();
 
 const processedContent = computed(() => {
-    return props.message.content.replace(/<user:(\d+)>/g, (match, userId) => {
+    return props.message.content.replace(
+        /<user:([0-9a-f-]+)>/g,
+        (match, userId) => {
             // This is a placeholder for a more robust user lookup
             return `<a href="${route('users.show', userId)}" class="text-blue-500 hover:underline">@user${userId}</a>`;
-    });
+        },
+    );
 });
 </script>
 

resources/js/components/MutationList.vue

@@ -1,64 +1,22 @@
 <script setup lang="ts">
-import { useForm } from '@inertiajs/vue3';
+import { Link } from '@inertiajs/vue3';
 import { route } from 'ziggy-js';
-import Chat from '@/components/Chat.vue';
 
 const props = defineProps<{
     dynamicId: string;
     ledgerId: string;
     ledgerAlignment?: string;
     mutations: Array<{
-        id: number;
+        id: string; // Now a UUID
         user_id: number;
         user: { name: string };
         amount: number;
         description: string;
         status: string;
         created_at: string;
-        chat: any;
-        media?: Array<{ id: number; url: string; mime_type: string }>;
-        can: {
-            update: boolean;
-            void: boolean;
-        };
-    }>;
-    participants?: Array<{
-        id: number;
-        name: string;
-        pivot?: { role: string };
     }>;
 }>();
 
-const emit = defineEmits<{
-    (e: 'open-lightbox', url: string, mimeType: string): void;
-}>();
-
-function updateStatus(mutationId: number, status: 'approved' | 'rejected') {
-    useForm({ status }).put(
-        route('dynamics.ledgers.mutations.update', {
-            dynamic: props.dynamicId,
-            ledger: props.ledgerId,
-            mutation: mutationId,
-        }),
-    );
-}
-
-function voidMutation(mutationId: number) {
-    useForm({}).put(
-        route('dynamics.ledgers.mutations.void', {
-            dynamic: props.dynamicId,
-            ledger: props.ledgerId,
-            mutation: mutationId,
-        }),
-    );
-}
-
-function isOwnerUser(userId: number): boolean {
-    const participant = props.participants?.find((p) => p.id === userId);
-
-    return participant?.pivot?.role === 'owner';
-}
-
 function getAmountClass(amount: number): string {
     const alignment = props.ledgerAlignment || 'neutral';
 
@@ -87,18 +45,15 @@ function getAmountClass(amount: number): string {
             <li
                 v-for="mutation in mutations"
                 :key="mutation.id"
-                class="c-mutation-list__item"
             >
-                <div class="c-mutation-list__item-header">
-                    <div>
-                        <span class="c-mutation-list__item-author">
-                            {{
-                                isOwnerUser(mutation.user_id)
-                                    ? 'Added by'
-                                    : 'Suggested by'
-                            }}
-                            {{ mutation.user.name }}
-                        </span>
+                <Link
+                    :href="route('dynamics.ledgers.mutations.show', { dynamic: dynamicId, ledger: ledgerId, mutation: mutation.id })"
+                    class="c-mutation-list__item-link"
+                >
+                    <div class="c-mutation-list__item-content">
+                        <p class="c-mutation-list__item-desc">
+                            {{ mutation.description }}
+                        </p>
                         <div class="c-mutation-list__item-meta">
                             <span
                                 :class="getAmountClass(mutation.amount)"
@@ -107,9 +62,7 @@ function getAmountClass(amount: number): string {
                                 {{ mutation.amount > 0 ? '+' : ''
                                 }}{{ mutation.amount }}
                             </span>
-                            <!-- Only show status badge if mutation was NOT auto-approved by an owner -->
                              <span
-                                v-if="!isOwnerUser(mutation.user_id)"
                                  :class="{
                                     'c-mutation-list__item-status--pending':
                                         mutation.status === 'pending',
@@ -124,79 +77,7 @@ function getAmountClass(amount: number): string {
                             </span>
                         </div>
                     </div>
-                    <div class="c-mutation-list__item-time">
-                        {{ new Date(mutation.created_at).toLocaleString() }}
-                    </div>
-                </div>
-                <p class="c-mutation-list__item-desc">
-                    {{ mutation.description }}
-                </p>
-
-                <!-- Attached Mutation Proof Media -->
-                <div
-                    v-if="mutation.media && mutation.media.length > 0"
-                    class="c-mutation-list__media-list"
-                >
-                    <div
-                        v-for="item in mutation.media"
-                        :key="item.id"
-                        class="c-mutation-list__media-item"
-                    >
-                        <img
-                            v-if="item.mime_type.startsWith('image/')"
-                            :src="item.url"
-                            class="c-mutation-list__media-img"
-                            @click="
-                                emit('open-lightbox', item.url, item.mime_type)
-                            "
-                        />
-                        <div
-                            v-else-if="item.mime_type.startsWith('video/')"
-                            class="c-mutation-list__media-video-wrapper"
-                            @click="
-                                emit('open-lightbox', item.url, item.mime_type)
-                            "
-                        >
-                            <video
-                                :src="item.url"
-                                class="c-mutation-list__media-video"
-                            ></video>
-                            <div class="c-mutation-list__media-video-overlay">
-                                ▶
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Owner Approve/Reject Actions -->
-                <div
-                    v-if="mutation.can?.update || mutation.can?.void"
-                    class="c-mutation-list__actions"
-                >
-                    <button
-                        v-if="mutation.can?.update"
-                        @click="updateStatus(mutation.id, 'approved')"
-                        class="c-mutation-list__approve-btn"
-                    >
-                        Approve
-                    </button>
-                    <button
-                        v-if="mutation.can?.update"
-                        @click="updateStatus(mutation.id, 'rejected')"
-                        class="c-mutation-list__reject-btn"
-                    >
-                        Reject
-                    </button>
-                    <button
-                        v-if="mutation.can?.void"
-                        @click="voidMutation(mutation.id)"
-                        class="c-mutation-list__void-btn"
-                    >
-                        Void
-                    </button>
-                </div>
-
-                <Chat v-if="mutation.chat" :chat="mutation.chat" :dynamic-id="dynamicId" :participants="participants" />
+                </Link>
             </li>
         </ul>
         <div v-if="mutations.length === 0" class="c-mutation-list__empty">
@@ -217,23 +98,23 @@ function getAmountClass(amount: number): string {
 }
 
 .c-mutation-list__list {
-    @apply mt-4 space-y-4;
+    @apply mt-4 space-y-2;
 }
 
-.c-mutation-list__item {
-    @apply overflow-hidden bg-white p-4 shadow-sm sm:rounded-lg dark:bg-gray-800;
+.c-mutation-list__item-link {
+    @apply block overflow-hidden bg-white p-4 shadow-sm sm:rounded-lg dark:bg-gray-800 transition-all duration-200 hover:shadow-md hover:bg-gray-50 dark:hover:bg-gray-700;
 }
 
-.c-mutation-list__item-header {
-    @apply flex items-start justify-between;
+.c-mutation-list__item-content {
+    @apply flex items-center justify-between;
 }
 
-.c-mutation-list__item-author {
-    @apply font-semibold;
+.c-mutation-list__item-desc {
+    @apply text-sm text-gray-600 dark:text-gray-400;
 }
 
 .c-mutation-list__item-meta {
-    @apply mt-1 flex items-center gap-2;
+    @apply flex items-center gap-2;
 }
 
 .c-mutation-list__item-amount {
@@ -268,54 +149,6 @@ function getAmountClass(amount: number): string {
     @apply bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400;
 }
 
-.c-mutation-list__item-time {
-    @apply text-xs text-gray-500;
-}
-
-.c-mutation-list__item-desc {
-    @apply mt-3 text-sm text-gray-600 dark:text-gray-400;
-}
-
-.c-mutation-list__media-list {
-    @apply mt-3 flex flex-wrap gap-2;
-}
-
-.c-mutation-list__media-item {
-    @apply max-w-[200px] overflow-hidden rounded-md border border-neutral-200 bg-black dark:border-neutral-700;
-}
-
-.c-mutation-list__media-img {
-    @apply h-auto max-h-[150px] w-full cursor-pointer object-cover transition-opacity hover:opacity-90;
-}
-
-.c-mutation-list__media-video-wrapper {
-    @apply relative cursor-pointer transition-opacity hover:opacity-90;
-}
-
-.c-mutation-list__media-video {
-    @apply h-auto max-h-[150px] w-full;
-}
-
-.c-mutation-list__media-video-overlay {
-    @apply absolute inset-0 flex items-center justify-center bg-black/40 text-2xl font-bold text-white;
-}
-
-.c-mutation-list__actions {
-    @apply mt-3 flex gap-2 border-t border-neutral-100 pt-3 dark:border-neutral-700;
-}
-
-.c-mutation-list__approve-btn {
-    @apply inline-flex cursor-pointer items-center rounded bg-green-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-green-500;
-}
-
-.c-mutation-list__reject-btn {
-    @apply inline-flex cursor-pointer items-center rounded bg-red-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-red-500;
-}
-
-.c-mutation-list__void-btn {
-    @apply inline-flex cursor-pointer items-center rounded bg-gray-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-gray-500;
-}
-
 .c-mutation-list__empty {
     @apply mt-4 text-gray-500;
 }

resources/js/components/chat/ChatSystemMessage.vue

@@ -39,11 +39,11 @@ const parsedContent = computed(() => {
     let content = props.message.content;
 
     // 1. Replace <user:id> placeholders with links to their dynamic profile
-    const userRegex = /<user:(\d+)>/g;
+    const userRegex = /<user:([0-9a-f-]+)>/g;
     content = content.replace(userRegex, (match, userId) => {
-        const user = props.participantsById[Number(userId)];
+        const user = props.participantsById[(userId)];
         if (user) {
-            const url = route('dynamics.users.show', [props.dynamicId, Number(userId)]);
+            const url = route('dynamics.users.show', [props.dynamicId, (userId)]);
             return `<a href="${url}" class="c-chat__user-link font-semibold text-blue-500 hover:underline">${
                 user.pivot?.display_name ?? user.name
             }</a>`;

resources/js/components/chat/ChatUserMessage.vue

@@ -49,15 +49,21 @@ const parsedContent = computed(() => {
     let content = props.message.content;
 
     // 1. Replace <user:id> placeholders with links to their dynamic profile
-    const userRegex = /<user:(\d+)>/g;
+    const userRegex = /<user:([0-9a-f-]+)>/g;
     content = content.replace(userRegex, (match, userId) => {
-        const user = props.participantsById[Number(userId)];
+        const user = props.participantsById[(userId)];
+
         if (user) {
-            const url = route('dynamics.users.show', [props.dynamicId, Number(userId)]);
+            const url = route('dynamics.users.show', [
+                props.dynamicId,
+                (userId),
+            ]);
+
             return `<a href="${url}" class="c-chat__user-link font-semibold text-blue-500 hover:underline">${
                 user.pivot?.display_name ?? user.name
             }</a>`;
         }
+
         return `User #${userId}`;
     });
 
@@ -104,9 +110,7 @@ const parsedContent = computed(() => {
 <template>
     <div>
         <div class="c-chat__message-header">
-            <span class="c-chat__message-author">{{
-                message.user?.name
-            }}</span>
+            <span class="c-chat__message-author">{{ message.user?.name }}</span>
             <span
                 class="c-chat__message-time"
                 :title="formatTimestamp(message.created_at).full"
@@ -138,10 +142,7 @@ const parsedContent = computed(() => {
                     class="relative cursor-pointer transition-opacity hover:opacity-90"
                     @click="emit('open-lightbox', item.url, item.mime_type)"
                 >
-                    <video
-                        :src="item.url"
-                        class="c-chat__video"
-                    ></video>
+                    <video :src="item.url" class="c-chat__video"></video>
                     <div class="c-chat__play-overlay">▶</div>
                 </div>
             </div>

resources/js/pages/Dashboard.vue

@@ -14,7 +14,7 @@ defineOptions({
 });
 
 defineProps<{
-    unreadEntities: Array<{
+    unreadDynamics: Array<{
         id: number;
         name: string;
         url: string;
@@ -50,15 +50,17 @@ function formatTime(isoString: string): string {
         <div class="c-dashboard__container">
             <h2 class="c-dashboard__title">Recent Activity</h2>
 
-            <div v-if="unreadEntities.length > 0" class="c-dashboard__grid">
+            <div v-if="unreadDynamics.length > 0" class="c-dashboard__grid">
                 <div
-                    v-for="entity in unreadEntities"
-                    :key="entity.id"
+                    v-for="dynamic in unreadDynamics"
+                    :key="dynamic.id"
                     class="c-dashboard__card"
                 >
                     <div class="c-dashboard__card-header">
                         <div class="c-dashboard__entity-meta">
-                            <span class="c-dashboard__badge-type c-dashboard__badge-type--dynamic">
+                            <span
+                                class="c-dashboard__badge-type c-dashboard__badge-type--dynamic"
+                            >
                                 Dynamic
                             </span>
                             <span class="c-dashboard__unread-count">
@@ -102,9 +104,7 @@ function formatTime(isoString: string): string {
                             v-if="dynamic.new_activities.length > 0"
                             class="c-dashboard__divider"
                         >
-                            <span class="c-dashboard__divider-text"
-                                >NEW</span
-                            >
+                            <span class="c-dashboard__divider-text">NEW</span>
                         </div>
 
                         <!-- New / Unread Activities -->

resources/js/pages/Mutations/Show.vue

@@ -0,0 +1,308 @@
+<script setup lang="ts">
+import Chat from '@/components/Chat.vue';
+import { defineOptions } from 'vue';
+import { useForm } from '@inertiajs/vue3';
+import { route } from 'ziggy-js';
+
+const props = defineProps<{
+    mutation: {
+        id: string; // Updated to match serialization
+        user_id: number;
+        user: { name: string };
+        amount: number;
+        description: string;
+        status: string;
+        created_at: string;
+        chat: any;
+        media?: Array<{ id: number; url: string; mime_type: string }>;
+        can: {
+            update: boolean;
+            void: boolean;
+        };
+        ledger: {
+            id: string;
+            name: string;
+            dynamic_id: string;
+            alignment?: string;
+            dynamic: {
+                id: string;
+                name: string;
+            }
+        }
+    };
+    dynamic: {
+        id: string;
+        participants: any[];
+    };
+    can: {
+        update: boolean;
+    };
+}>();
+
+const dynamicId = props.dynamic.id;
+
+function updateStatus(mutationId: string, status: 'approved' | 'rejected') {
+    useForm({ status }).put(
+        route('dynamics.ledgers.mutations.update', {
+            dynamic: props.dynamic.id,
+            ledger: props.mutation.ledger.id,
+            mutation: mutationId,
+        }),
+    );
+}
+
+function voidMutation(mutationId: string) {
+    useForm({}).put(
+        route('dynamics.ledgers.mutations.void', {
+            dynamic: props.dynamic.id,
+            ledger: props.mutation.ledger.id,
+            mutation: mutationId,
+        }),
+    );
+}
+
+function isOwnerUser(userId: number): boolean {
+    const participant = props.dynamic.participants?.find((p) => p.id === userId);
+
+    return participant?.pivot?.role === 'owner';
+}
+
+function getAmountClass(amount: number): string {
+    const alignment = props.mutation.ledger.alignment || 'neutral';
+
+    if (alignment === 'positive') {
+        return amount > 0
+            ? 'c-mutation-list__item-amount--positive'
+            : 'c-mutation-list__item-amount--negative';
+    }
+
+    if (alignment === 'negative') {
+        return amount < 0
+            ? 'c-mutation-list__item-amount--positive'
+            : 'c-mutation-list__item-amount--negative';
+    }
+
+    return 'c-mutation-list__item-amount--neutral';
+}
+
+defineOptions({
+    layout: (props: any) => ({
+        breadcrumbs: [
+            { title: 'Dynamics', href: route('dynamics.index') },
+            { title: props.mutation.ledger.dynamic.name, href: route('dynamics.show', props.mutation.ledger.dynamic.id) },
+            { title: props.mutation.ledger.name, href: route('dynamics.ledgers.show', [props.mutation.ledger.dynamic.id, props.mutation.ledger.id]) },
+            { title: 'Mutation Details', href: '' },
+        ]
+    })
+});
+
+</script>
+
+<template>
+    <div class="c-mutation-list__item">
+        <div class="c-mutation-list__item-header">
+            <div>
+                <span class="c-mutation-list__item-author">
+                    {{
+                        isOwnerUser(mutation.user_id)
+                            ? 'Added by'
+                            : 'Suggested by'
+                    }}
+                    {{ mutation.user.name }}
+                </span>
+                <div class="c-mutation-list__item-meta">
+                    <span
+                        :class="getAmountClass(mutation.amount)"
+                        class="c-mutation-list__item-amount"
+                    >
+                        {{ mutation.amount > 0 ? '+' : ''
+                        }}{{ mutation.amount }}
+                    </span>
+                    <span
+                        v-if="!isOwnerUser(mutation.user_id)"
+                        :class="{
+                            'c-mutation-list__item-status--pending':
+                                mutation.status === 'pending',
+                            'c-mutation-list__item-status--approved':
+                                mutation.status === 'approved',
+                            'c-mutation-list__item-status--rejected':
+                                mutation.status === 'rejected',
+                        }"
+                        class="c-mutation-list__item-status"
+                    >
+                        {{ mutation.status }}
+                    </span>
+                </div>
+            </div>
+            <div class="c-mutation-list__item-time">
+                {{ new Date(mutation.created_at).toLocaleString() }}
+            </div>
+        </div>
+        <p class="c-mutation-list__item-desc">
+            {{ mutation.description }}
+        </p>
+
+        <div
+            v-if="mutation.media && mutation.media.length > 0"
+            class="c-mutation-list__media-list"
+        >
+            <div
+                v-for="item in mutation.media"
+                :key="item.id"
+                class="c-mutation-list__media-item"
+            >
+                <img
+                    v-if="item.mime_type.startsWith('image/')"
+                    :src="item.url"
+                    class="c-mutation-list__media-img"
+                />
+                <div
+                    v-else-if="item.mime_type.startsWith('video/')"
+                    class="c-mutation-list__media-video-wrapper"
+                >
+                    <video
+                        :src="item.url"
+                        class="c-mutation-list__media-video"
+                    ></video>
+                    <div class="c-mutation-list__media-video-overlay">
+                        ▶
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Owner Approve/Reject/Void Actions -->
+        <div
+            v-if="mutation.can?.update || mutation.can?.void"
+            class="c-mutation-list__actions"
+        >
+            <button
+                v-if="mutation.can?.update"
+                @click="updateStatus(mutation.id, 'approved')"
+                class="c-mutation-list__approve-btn"
+            >
+                Approve
+            </button>
+            <button
+                v-if="mutation.can?.update"
+                @click="updateStatus(mutation.id, 'rejected')"
+                class="c-mutation-list__reject-btn"
+            >
+                Reject
+            </button>
+            <button
+                v-if="mutation.can?.void"
+                @click="voidMutation(mutation.id)"
+                class="c-mutation-list__void-btn"
+            >
+                Void
+            </button>
+        </div>
+
+        <Chat v-if="mutation.chat"
+              :chat="mutation.chat"
+              :participants="dynamic.participants"
+              :dynamic-id="dynamicId"
+        />
+    </div>
+</template>
+
+<style scoped>
+@reference "../../../css/app.css";
+
+.c-mutation-list__item {
+    @apply overflow-hidden bg-white p-4 shadow-sm sm:rounded-lg dark:bg-gray-800;
+}
+
+.c-mutation-list__item-header {
+    @apply flex items-start justify-between;
+}
+
+.c-mutation-list__item-author {
+    @apply font-semibold;
+}
+
+.c-mutation-list__item-meta {
+    @apply mt-1 flex items-center gap-2;
+}
+
+.c-mutation-list__item-amount {
+    @apply text-sm font-bold;
+}
+
+.c-mutation-list__item-amount--positive {
+    @apply text-green-500;
+}
+
+.c-mutation-list__item-amount--negative {
+    @apply text-red-500;
+}
+
+.c-mutation-list__item-amount--neutral {
+    @apply text-gray-500 dark:text-gray-400;
+}
+
+.c-mutation-list__item-status {
+    @apply rounded px-1.5 py-0.5 text-[10px] font-medium tracking-wider uppercase;
+}
+
+.c-mutation-list__item-status--pending {
+    @apply bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400;
+}
+
+.c-mutation-list__item-status--approved {
+    @apply bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400;
+}
+
+.c-mutation-list__item-status--rejected {
+    @apply bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400;
+}
+
+.c-mutation-list__item-time {
+    @apply text-xs text-gray-500;
+}
+
+.c-mutation-list__item-desc {
+    @apply mt-3 text-sm text-gray-600 dark:text-gray-400;
+}
+
+.c-mutation-list__media-list {
+    @apply mt-3 flex flex-wrap gap-2;
+}
+
+.c-mutation-list__media-item {
+    @apply max-w-[200px] overflow-hidden rounded-md border border-neutral-200 bg-black dark:border-neutral-700;
+}
+
+.c-mutation-list__media-img {
+    @apply h-auto max-h-[150px] w-full cursor-pointer object-cover transition-opacity hover:opacity-90;
+}
+
+.c-mutation-list__media-video-wrapper {
+    @apply relative cursor-pointer transition-opacity hover:opacity-90;
+}
+
+.c-mutation-list__media-video {
+    @apply h-auto max-h-[150px] w-full;
+}
+
+.c-mutation-list__media-video-overlay {
+    @apply absolute inset-0 flex items-center justify-center bg-black/40 text-2xl font-bold text-white;
+}
+
+.c-mutation-list__actions {
+    @apply mt-3 mb-3 flex gap-2 border-t border-neutral-100 pt-3 dark:border-neutral-700;
+}
+
+.c-mutation-list__approve-btn {
+    @apply inline-flex cursor-pointer items-center rounded bg-green-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-green-500;
+}
+
+.c-mutation-list__reject-btn {
+    @apply inline-flex cursor-pointer items-center rounded bg-red-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-red-500;
+}
+
+.c-mutation-list__void-btn {
+    @apply inline-flex cursor-pointer items-center rounded bg-gray-600 px-3 py-1.5 text-xs font-semibold text-white hover:bg-gray-500;
+}
+</style>

routes/channels.php

@@ -8,5 +8,5 @@ Broadcast::channel('App.Models.User.{id}', function ($user, $id) {
 });
 
 Broadcast::channel('chats.{chat}', function ($user, Chat $chat) {
-    return $user->can('view', $chat->chatable);
+    return $user?->can('view', $chat);
 });

tests/DuskTestCase.php

@@ -31,7 +31,7 @@ abstract class DuskTestCase extends BaseTestCase
         $options = (new ChromeOptions)->addArguments((new Collection([
             $this->shouldStartMaximized() ? '--start-maximized' : '--window-size=1920,1080',
             '--disable-gpu',
-            '--headless=new',
+//            '--headless=new',
             '--no-sandbox',
             '--disable-dev-shm-usage',
         ]))->unless(static::runningInSail(), function (Collection $arguments) {

tests/Feature/DashboardTest.php

@@ -18,7 +18,7 @@ test('authenticated users can visit the dashboard', function () {
 
     $response = $this->get(route('dashboard'));
     $response->assertOk();
-    $response->assertInertia(fn ($page) => $page->component('Dashboard')->has('unreadEntities'));
+    $response->assertInertia(fn ($page) => $page->component('Dashboard')->has('unreadDynamics'));
 });
 
 test('visiting dynamic updates the read cursor', function () {
@@ -100,12 +100,12 @@ test('dashboard groups and filters unread entities correctly based on cursor', f
     // Verify unread grouping structure
     $response->assertInertia(fn ($page) => $page
         ->component('Dashboard')
-        ->where('unreadEntities.0.name', 'Testing Dynamic')
-        ->where('unreadEntities.0.unread_count', 1)
-        ->has('unreadEntities.0.context_activities', 1) // Should have old message as context
-        ->where('unreadEntities.0.context_activities.0.content', 'Old message context')
-        ->has('unreadEntities.0.new_activities', 1) // Should have unread message
-        ->where('unreadEntities.0.new_activities.0.content', 'New unread message alert')
+        ->where('unreadDynamics.0.name', 'Testing Dynamic')
+        ->where('unreadDynamics.0.unread_count', 1)
+        ->has('unreadDynamics.0.context_activities', 1) // Should have old message as context
+        ->where('unreadDynamics.0.context_activities.0.content', 'Old message context')
+        ->has('unreadDynamics.0.new_activities', 1) // Should have unread message
+        ->where('unreadDynamics.0.new_activities.0.content', 'New unread message alert')
     );
 
     // Now visit the Dynamic, which clears the unread count
@@ -116,7 +116,7 @@ test('dashboard groups and filters unread entities correctly based on cursor', f
     $response2->assertOk();
     $response2->assertInertia(fn ($page) => $page
         ->component('Dashboard')
-        ->has('unreadEntities', 0)
+        ->has('unreadDynamics', 0)
     );
 
     Carbon::setTestNow(); // Reset test time

tests/Feature/InvitationTest.php

@@ -99,5 +99,5 @@ test('only the user with the specified email address can accept the link', funct
     // Verify system notification is added to Dynamic activity chat
     $chatMessages = $dynamic->chat->messages;
     expect($chatMessages)->not->toBeEmpty();
-    expect($chatMessages->last()->content)->toBe("<user:{$invitee->id}> joined the Dynamic as a EDITOR");
+    expect($chatMessages->last()->content)->toBe("<user:{$invitee->uuid}> joined the Dynamic as a EDITOR");
 });

tests/Feature/MutationTest.php

@@ -33,12 +33,12 @@ test('owner can create a mutation which is automatically approved and does not s
     $mutationChatMessages = $mutation->chat->messages;
     expect($mutationChatMessages)->toHaveCount(1);
     expect($mutationChatMessages->first()->user_id)->toBeNull();
-    expect($mutationChatMessages->first()->content)->toBe("Entry was created by <user:{$owner->id}>.");
+    expect($mutationChatMessages->first()->content)->toBe("Entry was created by <user:{$owner->uuid}>.");
 
     $dynamicChatMessages = $dynamic->chat->messages;
     expect($dynamicChatMessages)->toHaveCount(1);
     expect($dynamicChatMessages->first()->user_id)->toBeNull();
-    expect($dynamicChatMessages->first()->content)->toBe("<user:{$owner->id}> added entry \"Direct point reward\" for +15 points on \"{$ledger->name}\" ledger.");
+    expect($dynamicChatMessages->first()->content)->toBe("<user:{$owner->uuid}> added entry \"Direct point reward\" for +15 points on \"{$ledger->name}\" ledger.");
 });
 
 test('non-owner participant creates a suggestion which defaults to pending and says suggested', function () {
@@ -71,12 +71,12 @@ test('non-owner participant creates a suggestion which defaults to pending and s
     $mutationChatMessages = $mutation->chat->messages;
     expect($mutationChatMessages)->toHaveCount(1);
     expect($mutationChatMessages->first()->user_id)->toBeNull();
-    expect($mutationChatMessages->first()->content)->toBe("Suggestion was created by <user:{$participant->id}>.");
+    expect($mutationChatMessages->first()->content)->toBe("Suggestion was created by <user:{$participant->uuid}>.");
 
     $dynamicChatMessages = $dynamic->chat->messages;
     expect($dynamicChatMessages)->toHaveCount(1);
     expect($dynamicChatMessages->first()->user_id)->toBeNull();
-    expect($dynamicChatMessages->first()->content)->toBe("<user:{$participant->id}> suggested \"Suggested point reward\" for +10 points on \"{$ledger->name}\" ledger.");
+    expect($dynamicChatMessages->first()->content)->toBe("<user:{$participant->uuid}> suggested \"Suggested point reward\" for +10 points on \"{$ledger->name}\" ledger.");
 });
 
 test('owner can approve a pending suggestion and it is updated and logged', function () {
@@ -115,11 +115,11 @@ test('owner can approve a pending suggestion and it is updated and logged', func
     // Note: one from boot created (empty or via seeder, but in our factory it starts with 0 messages if not manually logged,
     // actually our model booted hook creates the chat but doesn't log on boot, the update method creates 1 message)
     expect($mutationChatMessages->last()->user_id)->toBeNull();
-    expect($mutationChatMessages->last()->content)->toBe("Suggestion was APPROVED by <user:{$owner->id}>.");
+    expect($mutationChatMessages->last()->content)->toBe("<user:{$owner->uuid}> APPROVED the suggestion \"Polished dungeon floors\" for +20 points on \"{$ledger->name}\" ledger.");
 
     $dynamicChatMessages = $dynamic->chat->messages;
     expect($dynamicChatMessages->last()->user_id)->toBeNull();
-    expect($dynamicChatMessages->last()->content)->toBe("<user:{$owner->id}> APPROVED the suggestion \"Polished dungeon floors\" for +20 points on \"{$ledger->name}\" ledger.");
+    expect($dynamicChatMessages->last()->content)->toBe("<user:{$owner->uuid}> APPROVED the suggestion \"Polished dungeon floors\" for +20 points on \"{$ledger->name}\" ledger.");
 });
 
 test('creating a mutation with 0 points fails validation', function () {

tests/Feature/NotificationDispatchTest.php

@@ -0,0 +1,110 @@
+<?php
+
+namespace Tests\Feature;
+
+use App\Models\Dynamic;
+use App\Models\Ledger;
+use App\Models\Mutation;
+use App\Models\User;
+use App\Notifications\NewActivityNotification;
+use Illuminate\Foundation\Testing\RefreshDatabase;
+use Illuminate\Support\Facades\Notification;
+use Tests\TestCase;
+
+class NotificationDispatchTest extends TestCase
+{
+    use RefreshDatabase;
+
+    public function test_notification_is_sent_on_mutation_suggestion()
+    {
+        Notification::fake();
+
+        $owner = User::factory()->create();
+        $participant = User::factory()->create();
+        $dynamic = Dynamic::factory()->create();
+        $dynamic->participants()->attach($owner->id, ['role' => 'owner']);
+        $dynamic->participants()->attach($participant->id, ['role' => 'participant']);
+        $ledger = Ledger::factory()->create(['dynamic_id' => $dynamic->id]);
+
+        $this->actingAs($participant)
+            ->post(route('dynamics.ledgers.mutations.store', [$dynamic, $ledger]), [
+                'description' => 'A test suggestion',
+                'amount' => 10,
+            ]);
+
+        Notification::assertSentTo($owner, NewActivityNotification::class);
+        Notification::assertNotSentTo($participant, NewActivityNotification::class);
+    }
+
+    public function test_notification_is_sent_on_mutation_approval()
+    {
+        Notification::fake();
+
+        $owner = User::factory()->create();
+        $participant = User::factory()->create();
+        $dynamic = Dynamic::factory()->create();
+        $dynamic->participants()->attach($owner->id, ['role' => 'owner']);
+        $dynamic->participants()->attach($participant->id, ['role' => 'participant']);
+        $ledger = Ledger::factory()->create(['dynamic_id' => $dynamic->id]);
+        $mutation = Mutation::factory()->create([
+            'ledger_id' => $ledger->id,
+            'user_id' => $participant->id,
+            'status' => 'pending',
+        ]);
+
+        $this->actingAs($owner)
+            ->put(route('dynamics.ledgers.mutations.update', [$dynamic, $ledger, $mutation]), [
+                'status' => 'approved',
+            ]);
+
+        Notification::assertSentTo($participant, NewActivityNotification::class);
+        Notification::assertNotSentTo($owner, NewActivityNotification::class);
+    }
+
+    public function test_notification_is_sent_on_mutation_void()
+    {
+        Notification::fake();
+
+        $owner = User::factory()->create();
+        $participant = User::factory()->create();
+        $dynamic = Dynamic::factory()->create();
+        $dynamic->participants()->attach($owner->id, ['role' => 'owner']);
+        $dynamic->participants()->attach($participant->id, ['role' => 'participant']);
+        $ledger = Ledger::factory()->create(['dynamic_id' => $dynamic->id]);
+        $mutation = Mutation::factory()->create([
+            'ledger_id' => $ledger->id,
+            'user_id' => $participant->id,
+            'status' => 'approved',
+        ]);
+
+        $this->actingAs($owner)
+            ->put(route('dynamics.ledgers.mutations.void', [$dynamic, $ledger, $mutation]));
+
+        Notification::assertSentTo($participant, NewActivityNotification::class);
+        Notification::assertNotSentTo($owner, NewActivityNotification::class);
+    }
+
+    public function test_notification_is_sent_to_other_participants_when_owner_adds_mutation()
+    {
+        Notification::fake();
+
+        $owner = User::factory()->create();
+        $participant1 = User::factory()->create();
+        $participant2 = User::factory()->create();
+        $dynamic = Dynamic::factory()->create();
+        $dynamic->participants()->attach($owner->id, ['role' => 'owner']);
+        $dynamic->participants()->attach($participant1->id, ['role' => 'participant']);
+        $dynamic->participants()->attach($participant2->id, ['role' => 'participant']);
+        $ledger = Ledger::factory()->create(['dynamic_id' => $dynamic->id]);
+
+        $this->actingAs($owner)
+            ->post(route('dynamics.ledgers.mutations.store', [$dynamic, $ledger]), [
+                'description' => 'A test mutation from owner',
+                'amount' => 25,
+            ]);
+
+        Notification::assertSentTo($participant1, NewActivityNotification::class);
+        Notification::assertSentTo($participant2, NewActivityNotification::class);
+        Notification::assertNotSentTo($owner, NewActivityNotification::class);
+    }
+}