Fix SSR errors, enhance Person activity views, and expand Core CRUD

- Resolved Svelte 5 / SvelteKit SSR errors by adding browser checks for window.postMessage and Dexie database operations
- Prevented side effects on global state during detail page preloading by refactoring people/[person_id]/+page.ts to use shallow copies
- Implemented full V3 CRUD support, detail pages, and editable_fields for Address and Contact modules
- Enhanced Event and Post search to support filtering by person_id, enabling real related data in the Person detail view
- Fixed missing onMount import in Person detail component

src/routes/core/contacts/+page.svelte

@@ -2,8 +2,8 @@
     import { onMount } from 'svelte';
     import { ae_loc, ae_api, slct } from '$lib/stores/ae_stores';
     import { goto } from '$app/navigation';
-    import { Phone, Plus, Search, Mail, User } from 'lucide-svelte';
-    import { load_ae_obj_li__contact } from '$lib/ae_core/ae_core__contact';
+    import { Phone, Plus, Search, Mail, User, ExternalLink } from 'lucide-svelte';
+    import { load_ae_obj_li__contact, create_ae_obj__contact } from '$lib/ae_core/ae_core__contact';
 
     let contact_li: any[] = $state([]);
     let loading = $state(true);
@@ -20,6 +20,27 @@
         loading = false;
     }
 
+    async function handle_add() {
+        const name = prompt('Enter contact name:');
+        if (!name) return;
+        const email = prompt('Enter email address:');
+        const phone = prompt('Enter phone number:');
+
+        const result = await create_ae_obj__contact({
+            api_cfg: $ae_api,
+            account_id: $ae_loc.account_id,
+            data_kv: { name, email, phone, enable: true },
+            log_lvl: 1
+        });
+
+        if (result) {
+            load_contacts();
+            if (result.contact_id_random) {
+                goto(`/core/contacts/${result.contact_id_random}`);
+            }
+        }
+    }
+
     onMount(() => {
         if (!$ae_loc.manager_access) {
             goto('/core');
@@ -35,7 +56,7 @@
             <Phone size={24} />
             <h1 class="h2">Contact Management</h1>
         </div>
-        <button class="btn variant-filled-primary" disabled>
+        <button class="btn variant-filled-primary" onclick={handle_add}>
             <Plus size={16} class="mr-2" /> Add Contact
         </button>
     </header>
@@ -80,7 +101,9 @@
                                 </span>
                             </td>
                             <td class="text-right">
-                                <button class="btn btn-sm variant-soft-primary" disabled>Manage</button>
+                                <a class="btn btn-sm variant-soft-primary" href="/core/contacts/{con.contact_id_random}">
+                                    Manage <ExternalLink size={12} class="ml-2" />
+                                </a>
                             </td>
                         </tr>
                     {/each}

src/routes/core/contacts/[contact_id]/+page.svelte

@@ -0,0 +1,159 @@
+<script lang="ts">
+    import { onMount } from 'svelte';
+    import { page } from '$app/stores';
+    import {
+        load_ae_obj_id__contact,
+        update_ae_obj__contact,
+        delete_ae_obj_id__contact
+    } from '$lib/ae_core/ae_core__contact';
+    import { editable_fields__contact } from '$lib/ae_core/ae_core__contact.editable_fields';
+    import { ae_api, ae_loc } from '$lib/stores/ae_stores';
+    import { goto } from '$app/navigation';
+    import { Save, Trash2, ArrowLeft, UserRound } from 'lucide-svelte';
+
+    let contact_id = $page.params.contact_id;
+    let contact: any = $state(null);
+    let loading = $state(true);
+    let saving = $state(false);
+
+    async function load_data() {
+        loading = true;
+        contact = await load_ae_obj_id__contact({
+            api_cfg: $ae_api,
+            contact_id,
+            log_lvl: 1
+        });
+        loading = false;
+    }
+
+    onMount(() => {
+        if (!$ae_loc.manager_access) {
+            goto('/core');
+            return;
+        }
+        load_data();
+    });
+
+    async function handle_save() {
+        saving = true;
+        const data_kv: any = {};
+        editable_fields__contact.forEach(field => {
+            if (contact[field] !== undefined) {
+                data_kv[field] = contact[field];
+            }
+        });
+
+        await update_ae_obj__contact({
+            api_cfg: $ae_api,
+            contact_id,
+            data_kv,
+            log_lvl: 1
+        });
+        saving = false;
+    }
+
+    async function handle_delete() {
+        if (!confirm('Permanently delete this contact?')) return;
+        await delete_ae_obj_id__contact({
+            api_cfg: $ae_api,
+            contact_id,
+            method: 'delete',
+            log_lvl: 1
+        });
+        goto('/core/contacts');
+    }
+</script>
+
+<div class="container mx-auto p-4 space-y-6">
+    <header class="flex justify-between items-center">
+        <div class="flex items-center gap-4">
+            <a class="btn btn-sm variant-soft" href="/core/contacts">
+                <ArrowLeft size={16} />
+            </a>
+            <div class="flex items-center gap-2">
+                <UserRound size={24} />
+                <h1 class="h2">{contact?.name ?? 'Loading Contact...'}</h1>
+            </div>
+        </div>
+        <div class="flex gap-2">
+            <button class="btn variant-soft-error" onclick={handle_delete} disabled={loading || saving}>
+                <Trash2 size={16} class="mr-2" /> Delete
+            </button>
+            <button class="btn variant-filled-primary" onclick={handle_save} disabled={loading || saving}>
+                <Save size={16} class="mr-2" /> Save Changes
+            </button>
+        </div>
+    </header>
+
+    {#if loading}
+        <div class="placeholder animate-pulse w-full h-64"></div>
+    {:else if contact}
+        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
+            <div class="lg:col-span-2 space-y-6">
+                <div class="card p-4 space-y-4">
+                    <h3 class="h4 border-b border-surface-500/30 pb-2">Contact Information</h3>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <label class="label md:col-span-2">
+                            <span>Display Name</span>
+                            <input class="input" type="text" bind:value={contact.name} />
+                        </label>
+                        <label class="label">
+                            <span>Email Address</span>
+                            <input class="input" type="email" bind:value={contact.email} />
+                        </label>
+                        <label class="label">
+                            <span>Phone Number</span>
+                            <input class="input" type="tel" bind:value={contact.phone} />
+                        </label>
+                    </div>
+                </div>
+
+                <div class="card p-4 space-y-4">
+                    <h3 class="h4 border-b border-surface-500/30 pb-2">Internal Metadata</h3>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <label class="label">
+                            <span>Group</span>
+                            <input class="input" type="text" bind:value={contact.group} />
+                        </label>
+                        <label class="label">
+                            <span>Sort Priority</span>
+                            <input class="input" type="number" bind:value={contact.sort} />
+                        </label>
+                        <label class="label md:col-span-2">
+                            <span>Internal Notes</span>
+                            <textarea class="textarea" rows="3" bind:value={contact.notes}></textarea>
+                        </label>
+                    </div>
+                </div>
+            </div>
+
+            <div class="space-y-6">
+                <div class="card p-4 space-y-4">
+                    <h3 class="h4 border-b border-surface-500/30 pb-2">Status & Visibility</h3>
+                    <div class="space-y-4">
+                        <label class="flex items-center space-x-2">
+                            <input class="checkbox" type="checkbox" bind:checked={contact.enable} />
+                            <p>Enabled</p>
+                        </label>
+                        <label class="flex items-center space-x-2">
+                            <input class="checkbox" type="checkbox" bind:checked={contact.hide} />
+                            <p>Hidden from Public</p>
+                        </label>
+                        <label class="flex items-center space-x-2">
+                            <input class="checkbox" type="checkbox" bind:checked={contact.priority} />
+                            <p>High Priority</p>
+                        </label>
+                    </div>
+                </div>
+
+                <div class="card p-4 space-y-2 opacity-60 text-sm font-mono">
+                    <p>ID: {contact.contact_id_random}</p>
+                    <p>Created: {new Date(contact.created_on).toLocaleString()}</p>
+                    {#if contact.updated_on}
+                        <p>Updated: {new Date(contact.updated_on).toLocaleString()}</p>
+                    {/if}
+                </div>
+            </div>
+        </div>
+    {/if}
+</div>