fix(ux): optimize event lists and fix editor line wrapping

- Implemented 'Details' toggle in Session lists to defer expensive presenter/file sub-component renders, improving initial hydration speed.
- Fixed line-wrapping for long lines in Journals Editor (both plain textarea and CodeMirror).
- Updated TODO.md and GEMINI.md to reflect Journals standardization and performance optimizations.

GEMINI.md

@@ -75,12 +75,16 @@ This project is the frontend UI/UX for the Aether (AE) system, built with Svelte
 ---
 
 ## 🧠 Session Context (2026-01-26)
-- **Status:** Performance Sprint Complete. Moving to IDAA Module Audit.
+- **Status:** Performance Sprint & Journals Standardization Complete.
 - **Recent Actions:**
     - Eliminated page load delays via SWR and non-blocking background refreshes.
+    - Standardized Journals module: renamed all components to `ae_comp__*`, normalized props to snake_case, and unified icons under `lucide-svelte`.
+    - Fixed line-wrapping issues in both plain and CodeMirror editors.
+    - Optimized Event Session list rendering with a "Details" toggle to defer expensive sub-components.
     - Hardened Service Worker and suppressed aborted fetch logs.
     - Finalized Native Launcher Phase 5 automation and Telemetry UI.
 - **Pending Tasks:**
+    - [ ] Refactor `get_device_config` to be non-blocking in root layout.
     - [ ] Audit IDAA pages for reported issues.
     - [ ] Restore Exhibit Search functionality.
     - [ ] Build standalone Payload Validation tool.

TODO.md

@@ -47,6 +47,9 @@ This is a list of tasks to be completed before the next event/show/conference.
 
 ## Recent Accomplishments (Jan 26, 2026)
 - [x] **Performance:** Eliminated "white page" delay on refresh across all major modules.
+- [x] **Journals Standardization:** Renamed all components to `ae_comp__*`, normalized props to snake_case, and migrated to `lucide-svelte`.
+- [x] **Editor UX:** Fixed line-wrapping for long lines in both plain textarea and CodeMirror editors.
+- [x] **Event Optimization:** Implemented "Details" toggle in Session lists to defer expensive presenter/file renders.
 - [x] **Native Bridge:** Completed specialized macOS handlers for remote presentation control.
 - [x] **Stability:** Resolved duplicate export errors and script evaluation failures in Service Worker.
 

src/lib/app_components/e_app_codemirror_v5.svelte

@@ -173,17 +173,13 @@
         /* overflow: auto; */
         /* background-color: var(--cm-background); */
 
-        /* text-wrap: normal; */
+        text-wrap: wrap;
-        /* text-wrap: balance; */
+        overflow-wrap: break-word;
-        /* text-wrap: wrap; */
-        /* text-wrap: break-word; */
     }
     .codemirror-wrapper :global(.cm-editor) {
         /* font-size: .8rem; */
-        /* text-wrap: normal; */
+        text-wrap: wrap;
-        /* text-wrap: balance; */
+        overflow-wrap: break-word;
-        /* text-wrap: wrap; */
-        /* text-wrap: break-word; */
 
         /* max-width: 100%; */
         /* max-height: 100%; */

src/routes/events/ae_comp__event_session_obj_li.svelte

@@ -77,8 +77,12 @@
     let ae_tmp: key_val = $state({});
     let ae_triggers: key_val = $state({});
     let trigger_reload_session_id: string = $state('');
+    let show_details_kv: Record<string, boolean> = $state({});
 
     // *** Functions and Logic
+    function toggle_details(id: string) {
+        show_details_kv[id] = !show_details_kv[id];
+    }
 </script>
 
 <!-- xs:max-w-sm lg:max-w-100 -->
@@ -143,13 +147,14 @@
                                 />
                             {/if}
 
+                            <div class="flex flex-col gap-1">
+                                <div class="flex items-center gap-1">
                                     <a
                                         href="/events/{session_obj?.event_id}/session/{session_obj?.event_session_id}"
                                         class="
                         btn
                         ae_btn_secondary_filled
-                min-w-full max-w-md
+                        grow max-w-md
-                sm:w-80
                         text-xs/3 sm:text-xs/4 md:text-xs/4 lg:text-sm/4 xl:text-base/5
                         md:max-w-xs
                         sm:btn-sm
@@ -185,6 +190,19 @@
                                         {/if}
                                     </a>
 
+                                    {#if (show__session_presentations || show__session_files) && $ae_loc.manager_access}
+                                        <button 
+                                            class="btn btn-icon btn-sm variant-soft-surface"
+                                            onclick={() => toggle_details(session_obj.event_session_id)}
+                                            title="Toggle Presenters & Files"
+                                        >
+                                            <span class="fas fa-chevron-{show_details_kv[session_obj.event_session_id] ? 'up' : 'down'}"></span>
+                                        </button>
+                                    {/if}
+                                </div>
+
+                                {#if show_details_kv[session_obj.event_session_id]}
+                                    <div class="p-2 bg-surface-500/5 rounded-lg border border-surface-500/10 mt-1 animate-fade-in">
                                         {#if show__session_presentations && $ae_loc.manager_access}
                                             <Comp_event_presenter_obj_li
                                                 link_to_type={'event_session'}
@@ -211,6 +229,9 @@
                                                 display_mode={'minimal'}
                                             />
                                         {/if}
+                                    </div>
+                                {/if}
+                            </div>
                         </td>
                         <td>
                             <span class="flex flex-col text-xs lg:text-sm">

src/routes/journals/ae_comp__journal_entry_editor.svelte

@@ -84,7 +84,7 @@
             {:else}
                 <textarea
                     bind:value={tmp_entry_obj.content}
-                    class="textarea grow w-full max-w-6xl p-4 font-mono shadow-lg rounded-lg border-orange-500/30 h-[500px]"
+                    class="textarea grow w-full max-w-6xl p-4 font-mono shadow-lg rounded-lg border-orange-500/30 h-[500px] whitespace-pre-wrap break-words"
                     placeholder="Edit content..."
                 ></textarea>
             {/if}