More updates everywhere related to TW v4

src/lib/ae_idaa_stores.ts

@@ -100,15 +100,23 @@ let idaa_session_data_struct: key_val = {
 
     archives: {
         qry__status: null,
+        show__modal_edit__archive_id: null,
+        show__modal_view__archive_id: null,
+        show__modal_edit__archive_content_id: null,
+        show__modal_view__archive_content_id: null,
     },
 
     bb: {
         qry__status: null,
+        show__inline_edit__post_obj: null,
+        show__modal_edit__post_id: null,
+        show__modal_view__post_id: null,
     },
 
     recovery_meetings: {
         qry__status: null,
         // qry__fulltext_str: null,
+        status_qry__last_request_str: null,
 
         show__modal_edit: false,
         show__modal_view: false,

src/lib/ae_stores.ts

@@ -63,7 +63,7 @@ const ae_app_local_data_defaults: key_val = {
     name: 'Aether - App Hub (SvelteKit 2.x Svelte 4.x)',
     theme: 'light',
     theme_mode: 'light',
-    theme_name: 'wintry', // wintry
+    theme_name: 'nouveau', // wintry
     iframe: false,
     title: `OSIT's Æ`, // - Dev SvelteKit`, // Æ
 

src/lib/e_app_clipboard.svelte

@@ -3,8 +3,8 @@
 interface Props {
     log_lvl?: number;
     value: any;
-    success: boolean;
-    btn_text: string;
+    success?: boolean;
+    btn_text?: string;
     btn_title?: string;
     btn_class?: string;
 }
@@ -43,6 +43,7 @@ const elemButton: HTMLButtonElement | null = document.querySelector('[data-butto
 
 
 <button
+    type="button"
     data-button
     onclick={() => {
         // Call the Clipboard API
@@ -60,5 +61,7 @@ const elemButton: HTMLButtonElement | null = document.querySelector('[data-butto
     class={btn_class}
     title={btn_title}
     >
+    <!-- {@render btn_text} -->
     {btn_text}
+
 </button>

src/lib/e_app_theme.svelte

@@ -118,9 +118,12 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
         console.log(`$ae_loc?.theme_name=${$ae_loc?.theme_name}`);
         // $slct_trigger = null;
         // Update the body attribute named "data-theme" to the current theme name.
-        document.body.setAttribute('data-theme', new_theme_name);
+        // document.body.setAttribute('data-theme', new_theme_name);
         // document.body.setAttribute('data-theme', $ae_loc?.theme_name);
 
+        // NEW for Tailwind v4: Update the html attribute named "data-theme" to the current theme name.
+        document.documentElement.setAttribute('data-theme', new_theme_name);
+
         // if ($ae_loc.theme_mode == 'light') {
         //     document.documentElement.classList.remove('dark');
         //     document.documentElement.classList.add('light');
@@ -134,11 +137,18 @@ if ($ae_loc.app_cfg.theme_mode == 'light') {
     title="Theme name"
     >
     <option value="">-- None --</option>
-    <option value="gold-nouveau">Gold Nouveau</option>
+    <option value="cerberus">Cerberus</option>
+    <option value="concord">Concord</option>
+    <option value="crimson">Crimson</option>
     <option value="hamlindigo">Hamlindigo</option>
     <option value="modern">Modern</option>
+    <option value="nouveau">Nouveau</option>
     <option value="rocket">Rocket</option>
+    <option value="terminus">Terminus</option>
+    <option value="vintage">Vintage</option>
     <option value="wintry">Wintry</option>
+    <option value="ae_c_osit">OSIT</option>
+    <option value="ae_c_lci">LCI</option>
 </select>
 </div>