fix: use private helcimApiToken for all server-side Helcim API calls

app/pages/admin/members.vue

@@ -248,6 +248,60 @@
       </div>
     </div>
 
+    <!-- Edit Member Modal -->
+    <div v-if="showEditModal" class="modal-overlay" @click.self="showEditModal = false">
+      <div class="modal">
+        <div class="modal-header">
+          <h2>Edit Member</h2>
+          <button class="modal-close" @click="showEditModal = false">&times;</button>
+        </div>
+
+        <form @submit.prevent="submitEditMember" class="modal-body">
+          <div class="field">
+            <label>Name</label>
+            <input v-model="editingMember.name" required />
+          </div>
+          <div class="field">
+            <label>Email</label>
+            <input v-model="editingMember.email" type="email" required />
+          </div>
+          <div class="field">
+            <label>Circle</label>
+            <select v-model="editingMember.circle">
+              <option value="community">Community</option>
+              <option value="founder">Founder</option>
+              <option value="practitioner">Practitioner</option>
+            </select>
+          </div>
+          <div class="field">
+            <label>Contribution Tier</label>
+            <select v-model="editingMember.contributionTier">
+              <option value="0">$0/month</option>
+              <option value="5">$5/month</option>
+              <option value="15">$15/month</option>
+              <option value="30">$30/month</option>
+              <option value="50">$50/month</option>
+            </select>
+          </div>
+          <div class="field">
+            <label>Status</label>
+            <select v-model="editingMember.status">
+              <option value="pending_payment">Pending Payment</option>
+              <option value="active">Active</option>
+              <option value="suspended">Suspended</option>
+              <option value="cancelled">Cancelled</option>
+            </select>
+          </div>
+          <div class="modal-actions">
+            <button type="button" class="btn" @click="showEditModal = false">Cancel</button>
+            <button type="submit" class="btn btn-primary" :disabled="saving">
+              {{ saving ? 'Saving...' : 'Save Changes' }}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+
     <!-- Send Invites Modal -->
     <div v-if="showInviteModal" class="modal-overlay" @click.self="showInviteModal = false">
       <div class="modal modal-wide">
@@ -629,8 +683,55 @@ const sendSlackInvite = (member) => {
   console.log('Send Slack invite to:', member.email)
 }
 
+// --- Edit Member ---
+const showEditModal = ref(false)
+const saving = ref(false)
+const editingMemberId = ref(null)
+const editingMember = reactive({
+  name: '',
+  email: '',
+  circle: 'community',
+  contributionTier: '0',
+  status: 'pending_payment',
+})
+
 const editMember = (member) => {
-  console.log('Edit member:', member._id)
+  editingMemberId.value = member._id
+  Object.assign(editingMember, {
+    name: member.name,
+    email: member.email,
+    circle: member.circle,
+    contributionTier: String(member.contributionTier),
+    status: member.status || 'pending_payment',
+  })
+  showEditModal.value = true
+}
+
+const submitEditMember = async () => {
+  saving.value = true
+  try {
+    await $fetch(`/api/admin/members/${editingMemberId.value}`, {
+      method: 'PUT',
+      body: {
+        name: editingMember.name,
+        email: editingMember.email,
+        circle: editingMember.circle,
+        contributionTier: editingMember.contributionTier,
+        status: editingMember.status,
+      },
+    })
+    showEditModal.value = false
+    await refresh()
+    toast.add({ title: 'Member updated', color: 'green' })
+  } catch (err) {
+    toast.add({
+      title: 'Failed to update member',
+      description: err.data?.statusMessage || err.message,
+      color: 'red',
+    })
+  } finally {
+    saving.value = false
+  }
 }
 </script>