Quickly saving good looking and mostly working config menus.

src/routes/journals/ae_comp__journal_obj_id_edit.svelte

@@ -32,7 +32,9 @@
         BetweenVerticalEnd,
         BetweenVerticalStart,
         X,
-        Settings
+        Settings,
+        CalendarClock,
+        MousePointerClick
     } from '@lucide/svelte';
     import { Modal } from 'flowbite-svelte';
     import { goto } from '$app/navigation';
@@ -65,15 +67,15 @@
 
     // *** Internal State
     let tab: 'general' | 'security' | 'ui' | 'json' = $state('general');
-    let tmp__journal_obj = $state($journals_slct.journal_obj ?? {});
+    let tmp__journal_obj: any = $state({});
 
     // Deep copy on mount or when lq changes to ensure we have a working copy
     $effect(() => {
-        if (show && lq__journal_obj) {
+        if (show && $lq__journal_obj) {
-            const source_id = lq__journal_obj.journal_id;
+            const source_id = $lq__journal_obj.journal_id;
             untrack(() => {
                 if (!tmp__journal_obj.journal_id || tmp__journal_obj.journal_id !== source_id) {
-                    tmp__journal_obj = JSON.parse(JSON.stringify(lq__journal_obj));
+                    tmp__journal_obj = JSON.parse(JSON.stringify($lq__journal_obj));
                     // Ensure cfg_json exists
                     if (!tmp__journal_obj.cfg_json) tmp__journal_obj.cfg_json = {};
                 }
@@ -88,10 +90,41 @@
         }
 
         try {
+            // DEFINITIVE BASE TABLE COLUMNS ONLY
+            const data_kv = {
+                name: tmp__journal_obj.name,
+                short_name: tmp__journal_obj.short_name,
+                type_code: tmp__journal_obj.type_code,
+                description: tmp__journal_obj.description,
+                summary: tmp__journal_obj.summary,
+                outline: tmp__journal_obj.outline,
+                passcode: tmp__journal_obj.passcode,
+                private_passcode: tmp__journal_obj.private_passcode,
+                public_passcode: tmp__journal_obj.public_passcode,
+                passcode_timeout: tmp__journal_obj.passcode_timeout,
+                auth_key: tmp__journal_obj.auth_key,
+                allow_auth: tmp__journal_obj.allow_auth,
+                cfg_json: tmp__journal_obj.cfg_json,
+                data_json: tmp__journal_obj.data_json,
+                enable: tmp__journal_obj.enable,
+                hide: tmp__journal_obj.hide,
+                priority: tmp__journal_obj.priority,
+                sort: tmp__journal_obj.sort,
+                group: tmp__journal_obj.group,
+                notes: tmp__journal_obj.notes,
+                alert: tmp__journal_obj.alert,
+                alert_msg: tmp__journal_obj.alert_msg,
+                archive_on: tmp__journal_obj.archive_on,
+                default_private: tmp__journal_obj.default_private,
+                default_public: tmp__journal_obj.default_public,
+                default_personal: tmp__journal_obj.default_personal,
+                default_professional: tmp__journal_obj.default_professional
+            };
+
             await journals_func.update_ae_obj__journal({
                 api_cfg: $ae_api,
-                journal_id: lq__journal_obj?.journal_id,
+                journal_id: $lq__journal_obj?.journal_id,
-                data_kv: tmp__journal_obj,
+                data_kv: data_kv,
                 log_lvl: log_lvl
             });
             show = false;
@@ -102,11 +135,11 @@
     }
 
     async function delete_journal() {
-        if (confirm(`CRITICAL WARNING: Are you sure you want to delete the journal "${lq__journal_obj.name}"? This will delete all entries associated with it.`)) {
+        if (confirm(`CRITICAL WARNING: Are you sure you want to delete the journal "${$lq__journal_obj.name}"? This will delete all entries associated with it.`)) {
             try {
                 await journals_func.delete_ae_obj_id__journal({
                     api_cfg: $ae_api,
-                    journal_id: lq__journal_obj?.journal_id,
+                    journal_id: $lq__journal_obj?.journal_id,
                     log_lvl: log_lvl
                 });
                 alert('Journal deleted successfully!');
@@ -142,7 +175,7 @@
                 <Layout size="1.1em" class="mr-1" /> General
             </button>
             <button class="btn btn-sm transition-all {tab === 'security' ? 'variant-filled-primary' : 'variant-soft-surface'}" onclick={() => (tab = 'security')}>
-                <ShieldCheck size="1.1em" class="mr-1" /> Security
+                <ShieldCheck size="1.1em" class="mr-1" /> Status & Security
             </button>
             <button class="btn btn-sm transition-all {tab === 'ui' ? 'variant-filled-primary' : 'variant-soft-surface'}" onclick={() => (tab = 'ui')}>
                 <Palette size="1.1em" class="mr-1" /> UI/Visuals
@@ -208,6 +241,49 @@
 
         {:else if tab === 'security'}
             <div class="space-y-6 animate-in fade-in duration-300">
+                <!-- Status & Lifecycle -->
+                <section class="space-y-4 p-2">
+                    <h2 class="text-lg font-bold flex items-center gap-2 border-b border-surface-500/30 pb-2">
+                        <Fingerprint size="1.2em" class="text-primary-500" />
+                        Status & Lifecycle
+                    </h2>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
+                            <input type="checkbox" bind:checked={tmp__journal_obj.enable} class="checkbox checkbox-primary" />
+                            <div class="flex flex-col">
+                                <span class="font-bold">Enabled</span>
+                                <span class="text-xs opacity-60">Allow access to this journal</span>
+                            </div>
+                        </label>
+                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
+                            <input type="checkbox" bind:checked={tmp__journal_obj.hide} class="checkbox checkbox-primary" />
+                            <div class="flex flex-col">
+                                <span class="font-bold">Hidden</span>
+                                <span class="text-xs opacity-60">Hide from standard lists</span>
+                            </div>
+                        </label>
+                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
+                            <input type="checkbox" bind:checked={tmp__journal_obj.priority} class="checkbox checkbox-primary" />
+                            <div class="flex flex-col">
+                                <span class="font-bold">Priority Journal</span>
+                                <span class="text-xs opacity-60">Star or pin to top</span>
+                            </div>
+                        </label>
+                        <div class="flex items-center justify-between p-3 rounded-lg bg-surface-500/5 border border-surface-500/10">
+                            <div class="flex flex-col">
+                                <span class="font-bold text-sm">Sort Order</span>
+                                <span class="text-xs opacity-60">Manual list position</span>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <button class="btn-icon btn-icon-sm variant-soft-surface" onclick={() => { tmp__journal_obj.sort = (tmp__journal_obj.sort ?? 0) - 1; }}><Minus size="1em"/></button>
+                                <span class="font-mono font-bold w-8 text-center text-lg">{tmp__journal_obj.sort ?? 0}</span>
+                                <button class="btn-icon btn-icon-sm variant-soft-surface" onclick={() => { tmp__journal_obj.sort = (tmp__journal_obj.sort ?? 0) + 1; }}><Plus size="1em"/></button>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+
+                <!-- Encryption Passcodes -->
                 <section class="space-y-4 p-2">
                     <h2 class="text-lg font-bold flex items-center gap-2 border-b border-surface-500/30 pb-2">
                         <LockKeyhole size="1.2em" class="text-primary-500" />
@@ -234,27 +310,6 @@
                     </div>
                 </section>
 
-                <section class="space-y-4 p-2">
-                    <h2 class="text-lg font-bold flex items-center gap-2 border-b border-surface-500/30 pb-2">
-                        <Fingerprint size="1.2em" class="text-primary-500" />
-                        Status & Lifecycle
-                    </h2>
-                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
-                            <input type="checkbox" bind:checked={tmp__journal_obj.enable} class="checkbox checkbox-primary" />
-                            <span class="font-bold">Enabled</span>
-                        </label>
-                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
-                            <input type="checkbox" bind:checked={tmp__journal_obj.hide} class="checkbox checkbox-primary" />
-                            <span class="font-bold">Hidden</span>
-                        </label>
-                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
-                            <input type="checkbox" bind:checked={tmp__journal_obj.priority} class="checkbox checkbox-primary" />
-                            <span class="font-bold">Priority Journal</span>
-                        </label>
-                    </div>
-                </section>
-
                 <section class="pt-8">
                     <button class="btn btn-sm variant-filled-error w-full shadow-lg" onclick={delete_journal}>
                         <Trash2 size="1.1em" class="mr-2" /> Delete Entire Journal

src/routes/journals/modal_journal_entry_config.svelte

@@ -86,7 +86,7 @@
                 <Shapes size="1.1em" class="mr-1" /> Metadata
             </button>
             <button class="btn btn-sm transition-all {tab === 'security' ? 'variant-filled-primary' : 'variant-soft-surface'}" onclick={() => (tab = 'security')}>
-                <ShieldCheck size="1.1em" class="mr-1" /> Security
+                <ShieldCheck size="1.1em" class="mr-1" /> Status & Security
             </button>
             <button class="btn btn-sm transition-all {tab === 'json' ? 'variant-filled-primary' : 'variant-soft-surface'}" onclick={() => (tab = 'json')}>
                 <CodeXml size="1.1em" class="mr-1" /> JSON
@@ -163,6 +163,47 @@
 
         {:else if tab === 'security'}
             <div class="space-y-6 animate-in fade-in duration-300">
+                <section class="space-y-4">
+                    <h2 class="text-lg font-bold flex items-center gap-2 border-b border-surface-500/30 pb-2">
+                        <Fingerprint size="1.2em" class="text-primary-500" />
+                        Status & Lifecycle
+                    </h2>
+                    <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
+                            <input type="checkbox" bind:checked={tmp_entry_obj.enable} class="checkbox checkbox-primary" />
+                            <div class="flex flex-col">
+                                <span class="font-bold">Enabled</span>
+                                <span class="text-xs opacity-60">Allow access to this entry</span>
+                            </div>
+                        </label>
+                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
+                            <input type="checkbox" bind:checked={tmp_entry_obj.hide} class="checkbox checkbox-primary" />
+                            <div class="flex flex-col">
+                                <span class="font-bold">Hidden</span>
+                                <span class="text-xs opacity-60">Hide from standard lists</span>
+                            </div>
+                        </label>
+                        <label class="flex items-center space-x-3 cursor-pointer p-3 rounded-lg bg-surface-500/5 border border-surface-500/10 transition-colors hover:bg-surface-500/10">
+                            <input type="checkbox" bind:checked={tmp_entry_obj.priority} class="checkbox checkbox-primary" />
+                            <div class="flex flex-col">
+                                <span class="font-bold">Priority Entry</span>
+                                <span class="text-xs opacity-60">Star or pin to top</span>
+                            </div>
+                        </label>
+                        <div class="flex items-center justify-between p-3 rounded-lg bg-surface-500/5 border border-surface-500/10">
+                            <div class="flex flex-col">
+                                <span class="font-bold text-sm">Sort Order</span>
+                                <span class="text-xs opacity-60">Manual list position</span>
+                            </div>
+                            <div class="flex items-center gap-2">
+                                <button class="btn-icon btn-icon-sm variant-soft-surface" onclick={() => { tmp_entry_obj.sort = (tmp_entry_obj.sort ?? 0) - 1; }}><Minus size="1em"/></button>
+                                <span class="font-mono font-bold w-8 text-center text-lg">{tmp_entry_obj.sort ?? 0}</span>
+                                <button class="btn-icon btn-icon-sm variant-soft-surface" onclick={() => { tmp_entry_obj.sort = (tmp_entry_obj.sort ?? 0) + 1; }}><Plus size="1em"/></button>
+                            </div>
+                        </div>
+                    </div>
+                </section>
+
                 <section class="space-y-4">
                     <h4 class="text-xs font-bold uppercase opacity-50">Privacy Flags</h4>
                     <AE_ObjectFlags