fix: team permissions, transactions, form sentinels and review polish

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

resources/views/components/product/team-form.blade.php

@@ -1,7 +1,7 @@
-@props(['members' => []])
+@props(['members' => [], 'readonly' => false])
 
 @php
-    $initial = collect(old('members', collect($members)->map(fn ($m) => [
+    $initial = collect(old('members_present') ? old('members', []) : (collect($members)->map(fn ($m) => [
         'user_id' => $m->id,
         'name' => $m->name,
         'role' => $m->pivot->role,
@@ -14,6 +14,19 @@
 @endphp
 
 <!-- Team members -->
+@if($readonly)
+<div>
+    <label class="block text-sm font-medium text-gray-700">Team members</label>
+    <p class="mt-1 text-sm text-gray-500">Only the submitter or an admin can change the team.</p>
+    <ul class="mt-2 space-y-1">
+        @forelse($initial as $m)
+            <li class="text-sm text-gray-900">{{ $m['name'] }} <span class="text-gray-500">- {{ $m['role'] }}</span></li>
+        @empty
+            <li class="text-sm text-gray-500">No team members.</li>
+        @endforelse
+    </ul>
+</div>
+@else
 <div x-data="{
         members: @js($initial),
         q: '',
@@ -32,6 +45,7 @@
             this.q = ''; this.results = [];
         }
     }">
+    <input type="hidden" name="members_present" value="1">
     <label class="block text-sm font-medium text-gray-700">Team members</label>
     <div class="relative mt-2">
         <input type="text" x-model="q" @input="search()" placeholder="Search users by name" autocomplete="off" class="{{ $input }}">
@@ -45,6 +59,7 @@
         <template x-for="(member, i) in members" :key="member.user_id">
             <div class="grid grid-cols-1 sm:grid-cols-12 gap-2 p-3 border border-gray-200 rounded-md items-center">
                 <input type="hidden" :name="`members[${i}][user_id]`" :value="member.user_id">
+                <input type="hidden" :name="`members[${i}][name]`" :value="member.name">
                 <span class="sm:col-span-4 text-sm text-gray-900" x-text="member.name"></span>
                 <input type="text" :name="`members[${i}][role]`" x-model="member.role" placeholder="Role (e.g. Designer)" maxlength="100" class="{{ $input }} sm:col-span-7">
                 <button type="button" @click="members.splice(i, 1)" class="sm:col-span-1 text-sm text-red-600 hover:text-red-800">Remove</button>
@@ -58,3 +73,4 @@
         <p class="mt-2 text-sm text-red-600">{{ $message }}</p>
     @enderror
 </div>
+@endif