j1-template 2024.1.5 → 2024.2.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7673108cf97ecb91bfbff50fdf55640f4538996e0f3ef2c75e458b7a8bdd13ca
-  data.tar.gz: 88623619e98fbc0b1e346cc6b341c3e87736737110c3df29a281764618d0c027
+  metadata.gz: 38f9ae9860bce1223d848f305e1504a7e7a5a0ff029b2a898ac9a2da4a6314b7
+  data.tar.gz: 4973a48e0531915384772bd7bbcc0b8b5684a92b0ce79ae27c7bbf2f10498992
 SHA512:
-  metadata.gz: 2672e40914e78bc2b78ae49203f56f5e072169ca62b5d973f1531abeec304d72f642b3c4a609f52479df394b4ca93b834c4bd3f1ea00fac47cf7aa44659253c3
-  data.tar.gz: e0eb57a9dfa7939a4f76e6ab1b148320c462d788b2c431d59bb4a923cb5575120bde70b8e1a6518d9ddcb2ba31cd530d5bddfc9e12546cfd741768830ac22bca
+  metadata.gz: 26e66199ebc61924325091b0418530263ab5487a3569e6e828d99cb2136b1362caa13fc7d9a6cff92bdfeffd75fd2a18babe69a9d75b28dfaa243dac80687091
+  data.tar.gz: c8b628320b7e06a045ff46f68835310efd9c07a66d61f64e5b35cce45c9e9769863566e66ca9d043a3c5e87417ec69a3ff2527b28f6c51f2fca36b45043af88d

data/_includes/themes/j1/layouts/content_generator_page.html

@@ -57,37 +57,3 @@
   <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end place content ] -->
 </main>
 <!-- [INFO   ] [j1.layout.content_generator_page.html ] [ end main for full page ] -->
-
-{% comment %} Calc|Write the Back URL
--------------------------------------------------------------------------------- {% endcomment %}
-{% if site.permalink == 'none' %}
-  {% capture browser_page_url %}{{page.url}}.html {% endcapture %}
-{% else %}
-  {% capture browser_page_url %}{{page.url}}{% endcapture %}
-{% endif %}
-
-<!-- [INFO   ] [j1.page.{{page.title}}                   ] [Save the current page to j1_user_state cookie] -->
-<!-- script>
-  var logger          = log4javascript.getLogger("j1.page.{{page.title|downcase}}.init");
-  var cookieUserState = 'j1.user.state'
-  var log_text        = 'Save the current browser page ({{page.title|downcase}}) to cookie: ' +cookieUserState;
-
-  var j1_user_state = {
-    'authenticated' : 'false',
-    'cookies_accepted' : 'false',
-    'theme_css' : 'unknown',
-    'theme_extension_css' : 'unknown',
-    'theme_name' : 'unknown',
-    'last_page' : 'unknown',
-    'last_provider' : 'unknown',
-    'last_signin' : 'unknown',
-    'provider' : 'unknown',
-    'user_name' : 'unknown',
-    'user_id' : 'unknown'
-  };
-
-  // Set|Detect J1 App status
-  j1_user_state.last_page = "{{browser_page_url}}"
-  j1.setUserState( j1_user_state );
-  logger.info(log_text);
-</script -->

data/_includes/themes/j1/modules/searcher/generator.html

@@ -43,11 +43,14 @@
 {% assign topsearch_settings      = lunr_settings.topsearch %}
 
 {% comment %} Set config options
+topsearch_options.enabled: {{topsearch_options.enabled | debug}}
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign topsearch_options       = topsearch_defaults | merge: topsearch_settings %}
 
-
 {% comment %} Main
+--------------------------------------------------------------------------------
+NOTE: page variables NOT available
+page.topsearch: {{page.topsearch | debug}}
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Generate Search Modal

data/_includes/themes/j1/modules/searcher/procedures/topsearch.proc

@@ -18,46 +18,29 @@
 {% endcomment %}
 
 {% comment %} Liquid procedure parameter|s
+topsearch_options.enabled: {{topsearch_options.enabled | debug}}
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign topsearch_options = include.options %}
 
-
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
-
-
-{% comment %} Liquid var initialization
--------------------------------------------------------------------------------- {% endcomment %}
-
-{% comment %} Set config files
--------------------------------------------------------------------------------- {% endcomment %}
-
-{% comment %} TODO: Params should passed by the generator
---------------------------------------------------------------------------------
-{% assign quick_search_config   = site.data.modules.j1_jekyll_search %}
-{% assign elastic_search_config = site.data.modules.j1_elastic_search %}
---------------------------------------------------------------------------------
-{% endcomment %}
-
 
 {% comment %} Set quicksearch properties
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign topsearch_id        = topsearch_options.container_id %}
-{% assign icon_family         = topsearch_options.icon_family | downcase %}
-{% assign placeholder         = topsearch_options.placeholder %}
-{% assign search_heading_lead = topsearch_options.search_heading_lead %}
-{% assign result_heading_lead = topsearch_options.result_heading_lead %}
-{% assign search_icon         = topsearch_options.search_icon %}
-{% assign close_icon          = topsearch_options.close_icon %}
-{% assign clear_icon          = topsearch_options.clear_icon %}
-
-{% assign quick_search   = true %}
-{% assign elastic_search = false %}
+{% assign topsearch_id            = topsearch_options.container_id %}
+{% assign icon_family             = topsearch_options.icon_family | downcase %}
+{% assign placeholder             = topsearch_options.placeholder %}
+{% assign history_enabled         = topsearch_options.search_history_enabled %}
+{% assign search_heading_lead     = topsearch_options.search_heading_lead %}
+{% assign result_heading_lead     = topsearch_options.result_heading_lead %}
+{% assign search_icon             = topsearch_options.search_icon %}
+{% assign clear_icon              = topsearch_options.clear_icon %}
+
+{% assign quick_search            = false %}
+{% assign elastic_search          = false %}
 
 {% if topsearch_options.type == 'quicksearch' %}
-  {% assign quick_search   = true %}
+  {% assign quick_search = true %}
 {% endif %}
 
 {% if topsearch_options.type == 'elasticsearch' %}
@@ -73,55 +56,72 @@
   {% assign icon_family = 'mdi' %}
 {% endif %}
 
-{% include {{select_color}} color=topsearch_options.icon_color fallback="#9E9E9E" %}
-{% capture icon_color %}style="color:{{color}}"{% endcapture %}
-
-{% include {{select_icon_size}} family=topsearch_options.icon_family size=topsearch_options.icon_size %}
-{% assign icon_size = size %}
-
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if topsearch_options.enabled %}
 
-  {% comment %} lunrSearch engine
+  {% comment %} Modal Top Search
   ------------------------------------------------------------------------------ {% endcomment %}
   {% if quick_search %}
-    <!-- Modal Top Search -->
-    <div id="searchModal"
-      class="modal fade top" tabindex="-1" role="dialog"
-      data-keyboard="false" data-backdrop="static">
+    <!-- [INFO   ] [~/includes/themes/j1/modules/searcher/procedures/topsearch.proc ] [ PLACE: modal top search: searchModal ] -->
+    <!-- Modal TopSearch -->
+    <div id="searchModal" class="modal fade"
+      data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="searchModal" aria-hidden="true">
 
-      <div class="modal-dialog modal-frame modal-top modal-notify modal-info" role="document">
+      <!-- Modal Container -->
+      <div class="modal-dialog modal-top modal-frame role="document">
 
         <!-- MODAL Content -->
         <div class="modal-content">
+
+          <!-- MODAL Header -->
+          <div class="modal-header">
+            <h2 id="searchModalLabel"class="modal-title fs-5">QuickSearch</h2>
+            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+          </div>
+
           <!-- MODAL Body -->
           <div class="modal-body">
-            <div id="navigator_nav_topsearch" class="top-search ml-4 mr-4">
-              <div class="bmd-form-group">
+
+            <!-- SEARCH History -->
+            <div id="search_history_select_wrapper" style="display: none; margin-left: 2.5rem; margin-right: 5.125rem"></div>
+            <!-- END SEARCH History -->
+
+            <!-- SEARCH Container -->
+            <div id="navigator_nav_topsearch" class="top-search mr-4">
+              <!-- INPUT Form -->
+              <div class="form-group">
                 <div class="input-group">
-                  <span class="input-group-addon"><i class="mdib mdib-magnify mdib-2x mb-2" style="color:#9E9E9E"></i></span>
-                  <input id="search-query" type="text" name="q" placeholder="{{placeholder}}" autocomplete="off" class="form-control">
-                  <!-- span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 0.75rem"> <i class="mdib mdib-format-clear mdib-2x" style="color:#9E9E9E"></i> </span -->
-                  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="margin-top: 1.15rem"> <i class="mdib mdib-format-clear mdib-24px" style="color:#9E9E9E"></i> </span>
-                  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" style="margin-top: 24px;"></button>
+                  <span class="input-group-addon"><i class="mdib mdib-magnify mdib-2x mb-2" style="color: var(--bs-gray-900)"></i></span>
+                  <input id="search-query" class="form-control" type="text" name="q" placeholder="{{placeholder}}" autocomplete="off">
+                  <span id="clear-topsearch" class="form-clear form-clear-searcher d-none" style="display: none; cursor: pointer; margin-top: 1.15rem"> <i class="mdib mdib-format-clear mdib-24px" style="color: var(--bs-gray-900)"></i> </span>
+                  <span id="send-to-history" style="display: none; cursor: pointer; margin-top: 1.15rem; margin-left: .75rem"> <i class="mdib mdib-send mdib-24px" style="color: var(--bs-gray-900)"></i> </span>
                 </div>
               </div>
-              <!-- [INFO   ] [~/assets/data/top_search_modal.html                    ] [ place: results container ] -->
-              <div class="search-results hide-scrollbar mt-4">
-                <div id="search-results" style="display: none;"></div>
+              <!-- END INPUT Form -->
+
+              <!-- SEARCH Results -->
+              <div class="search-results hide-scrollbar mt-5">
+                <div id="search-results" style="display: none"></div>
               </div>
+              <!-- END SEARCH Results -->
+
             </div>
+            <!-- END SEARCH Container -->
+
           </div>
+          <!-- END MODAL Body -->
         </div>
         <!-- END MODAL Content -->
-
       </div>
+      <!-- END Modal Container -->
     </div>
-    <!-- END Modal Top Search -->
+    <!-- END Modal TopSearch -->
+    <!-- [INFO   ] [~/includes/themes/j1/modules/searcher/procedures/topsearch.proc ] [ END modal top search: searchModal] -->
 
-    <!-- [INFO   ] [_includes/themes/j1/modules/searcher/procedures/topsearch.proc ] [ place: mustache template ] -->
+    <!-- [INFO   ] [~/includes/themes/j1/modules/searcher/procedures/topsearch.proc ] [ PLACE: mustache template ] -->
+    <!-- MUSTACHE Template -->
     {% raw %}
     <script id="search-results-template" type="text/mustache">
       <ul style="list-style: none; margin-left: .5rem; margin-right: 4.25rem">
@@ -141,7 +141,10 @@
       </ul>
     </script>
     {% endraw %}
+    <!-- END MUSTACHE Template -->
+    <!-- [INFO   ] [~/includes/themes/j1/modules/searcher/procedures/topsearch.proc ] [ END: mustache template ] -->
 
   {% endif %}
-  <!-- [INFO   ] [_includes/themes/j1/modules/searcher/procedures/topsearch.proc ] [ end processing: top search ] -->
+  <!-- [INFO   ] [~/includes/themes/j1/modules/searcher/procedures/topsearch.proc   ] [ END: processing: top search ] -->
+
 {% endif %}

data/assets/data/authclient.html

@@ -26,8 +26,6 @@ exclude_from_search:                    true
 
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -123,12 +121,6 @@ exclude_from_search:                    true
   {% assign icon_family = 'mdi' %}
 {% endif %}
 
-{% include {{select_color}} color=authclient_options.icon_color fallback="#9E9E9E" %}
-{% capture icon_color %}style="color:{{color}}"{% endcapture %}
-
-{% include {{select_icon_size}} family=authclient_options.icon_family size=authclient_options.icon_size %}
-{% assign icon_size = size %}
-
 {% comment %} Detect prod mode
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}
@@ -136,6 +128,7 @@ exclude_from_search:                    true
   {% assign production = true %}
 {% endif %}
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/authclient.html              ] [ set meta data (robots) to exclude HTML datafiles from index ] -->

data/assets/data/banner.html

@@ -30,9 +30,6 @@ exclude_from_search:                    true
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 {% capture get_wave           %}themes/{{site.template.name}}/procedures/blocks/get_wave.proc{% endcapture %}
-
-{% capture select_color       %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size   %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
 {% capture create_bs_button   %}themes/{{site.template.name}}/procedures/global/create_bs_button.proc{% endcapture %}
 {% capture news_box           %}themes/{{site.template.name}}/modules/footers/boxes/news_box.proc{% endcapture %}
 
@@ -41,7 +38,6 @@ exclude_from_search:                    true
 {% assign environment               = site.environment %}
 {% assign debug                     = false %}
 
-
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
@@ -75,6 +71,7 @@ exclude_from_search:                    true
   {% assign production = true %}
 {% endif %}
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/banner.html                 ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
@@ -208,9 +205,6 @@ exclude_from_search:                    true
               {% assign card_icon_color = '' %}
             {% endif %}
 
-            {% include {{select_icon_size}} family=icon_family size=icon_size %}
-            {% assign icon_size = size %}
-
             {% if card_width %}
               {% assign card_enabled = true %}
               {% assign card_width_md = card_width %}

data/assets/data/fab.html

@@ -25,10 +25,7 @@ exclude_from_search:                    true
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Liquid procedures (currently unused)
---------------------------------------------------------------------------------
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+{% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Liquid var initialization
@@ -83,15 +80,6 @@ fab_defaults: {{fab_defaults | debug}}
   {% assign fab_menu_icon_style     = fab_menu_icon_style %}
 {% endif %}
 
-{% comment %} unused
---------------------------------------------------------------------------------
-{% include {{select_color}} color=fab_menu_icon_color fallback="#9E9E9E" %}
-{% assign fab_menu_icon_color = color %}
-
-{% include {{select_icon_size}} family=fab_menu_icon_family size=fab_menu_icon_size %}
-{% assign fab_menu_icon_size = size %}
--------------------------------------------------------------------------------- {% endcomment %}
-
 {% comment %} Detect prod mode
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}
@@ -99,6 +87,7 @@ fab_defaults: {{fab_defaults | debug}}
   {% assign production = true %}
 {% endif %}
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/fab.html                     ] [ set meta data (robots) to exclude HTML datafiles from index ] -->

data/assets/data/footer.html

@@ -27,9 +27,6 @@ exclude_from_search:                    true
 
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
-{% capture select_color       %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size   %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
-
 {% capture get_wave           %}themes/{{site.template.name}}/procedures/blocks/get_wave.proc{% endcapture %}
 {% capture about_box          %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/about_box.proc{% endcapture %}
 {% capture news_box           %}themes/{{site.template.name}}/procedures/blocks/footer/boxes/news_box.proc{% endcapture %}

data/assets/data/galeries.html

@@ -26,10 +26,7 @@ exclude_from_search:                    true
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Liquid procedures (currently unused)
---------------------------------------------------------------------------------
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+{% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Liquid var initialization
@@ -58,15 +55,6 @@ exclude_from_search:                    true
   {% assign ext = '.html' %}
 {% endif %}
 
-{% comment %} Currently NOT used
---------------------------------------------------------------------------------
-{% include {{select_color}} color=gallery_icon_color fallback="#9E9E9E" %}
-{% assign gallery_icon_color = color %}
-
-{% include {{select_icon_size}} family=gallery_icon_family size=gallery_icon_size %}
-{% assign gallery_icon_size = size %}
--------------------------------------------------------------------------------- {% endcomment %}
-
 {% comment %} Detect prod mode
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}
@@ -74,6 +62,7 @@ exclude_from_search:                    true
   {% assign production = true %}
 {% endif %}
 
+
 {% comment %} Main
 ================================================================================ {% endcomment %}
 <!-- [INFO   ] [~/assets/data/galleries.html                   ]  [ set meta data (robots) to exclude HTML datafiles from index ] -->

data/assets/data/gemini-ui.html

@@ -30,23 +30,26 @@ exclude_from_search:                    true
 
 {% comment %} Set global settings
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment     = site.environment %}
+{% assign environment           = site.environment %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign modules         = site.data.modules %}
+{% assign modules               = site.data.modules %}
 
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign gemini_defaults = modules.defaults.gemini.defaults %}
-{% assign gemini_settings = modules.gemini.settings %}
+{% assign slim_select_defaults  = modules.defaults.slim_select.defaults %}
+{% assign slim_select_settings  = modules.slim_select.settings %}
+{% assign gemini_defaults       = modules.defaults.gemini.defaults %}
+{% assign gemini_settings       = modules.gemini.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign gemini_options  = gemini_defaults | merge: gemini_settings %}
+{% assign slim_select_options   = slim_select_defaults | merge: slim_select_settings %}
+{% assign gemini_options        = gemini_defaults | merge: gemini_settings %}
 
 {% comment %} Detect prod mode
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -70,39 +73,61 @@ exclude_from_search:                    true
 <!-- START UI container -->
 <div id="gemini_ui_container" style="display: none">
 
+    <div id="prompt_history_container" style="display: none">
+      <div class="gallery-title mt-3">{{gemini_options.titles.request_history}}</div>
+      <!-- create prompt history wrapper -->
+      <!-- prompt history select added by module slimSelect -->
+      {% for select in slim_select_options.selects %} {% if select.id == gemini_options.prompt_history_id %}
+      {% comment %} select.wrapper_id: {{select.wrapper_id | debug}} {% endcomment %}
+      <div id="{{select.wrapper_id}}"></div>
+      {% endif %} {% endfor %}
+    </div>
+
+    <!-- Request input -->
     <div class="gallery-title mt-3">{{gemini_options.prompt.title}}</div>
     <div class="form-group">
       <textarea
-        id="prompt"
+        id="{{gemini_options.prompt_id}}"
         class="form-control mb-3"
         placeholder="{{gemini_options.prompt.placeholder}}"
         rows="{{gemini_options.prompt.size}}">
       </textarea>
 
-      <button id="send" class="btn btn-primary" type="button">
+      <!-- UI buttons -->
+      <!-- Send request button -->
+      <button id="{{gemini_options.buttons.generate.id}}" class="btn btn-primary" type="button">
         <span id="spinner" class="spinner-grow spinner-grow-sm" aria-hidden="true"></span>
-        <span role="status">{{gemini_options.buttons.generate}}</span>
+        <span role="status">{{gemini_options.buttons.generate.name}}</span>
       </button>
+      <!-- Reset request button -->
+      <button id="{{gemini_options.buttons.reset.id}}" type="button" class="btn btn-warning mt-1">{{gemini_options.buttons.reset.name}}</button>
+      <!-- Clear history button (show hidden) -->
+      <button id="{{gemini_options.buttons.clear.id}}" type="button" class="btn btn-danger mt-1" style="display: none">{{gemini_options.buttons.clear.name}}</button>
+      <!-- END UI buttons -->
 
-      <button id="reset" type="button" class="btn btn-warning mt-1">{{gemini_options.buttons.reset}}</button>
     </div>
+    <!-- END Request input -->
 
+    <!-- Response container -->
     <div id="response" class="mt-4 mb-7">
       <h3 id="result" class="mb-3 notoc speak2me-ignore">{{gemini_options.titles.result}}</h3>
       <div id="md_result"></div>
     </div>
+    <!-- END Response container -->
 
-    <!-- Modal Top Right -->
-    <div id="errorModal"
+    <!-- Modal error (top|right) -->
+    <div id="confirmError"
       class="modal fade right"
       tabindex="-1"
       role="dialog"
-      aria-labelledby="errorModalLabel" aria-hidden="true"
-      data-keyboard="false"
-      data-backdrop="static">
+      aria-labelledby="confirmErrorLabel" aria-hidden="true"
+      data-bs-keyboard="false"
+      data-bs-backdrop="static">
       <div class="modal-dialog modal-side modal-top-right modal-notify modal-danger" role="document">
+
         <!-- Content -->
         <div class="modal-content">
+
           <!-- Header -->
           <div class="modal-header">
             <p class="lead">{{gemini_options.titles.errorInfo}}</p>
@@ -110,30 +135,58 @@ exclude_from_search:                    true
               <i class="mdi mdi-close mdi-dark mdi-48px"></i>
             </button -->
           </div>
+          <!-- END Header -->
+
           <!-- Body -->
           <div class="modal-body">
             <div class="text-center">
-              <i class="mdi mdi-4x mdi-bug md-red mb-1"></i>
+              <i class="mdib mdib-4x mdib-alert md-red mb-1"></i>
               <p id="modal_error">Error text placeholder</p>
             </div>
           </div>
+          <!-- END Body -->
+
           <!-- Footer -->
-          <!-- div class="modal-footer justify-content-center">
-            <a type="button" class="btn btn-primary mr-2">Yes, please</a>
-            <a type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
-          </div -->
+          <div class="modal-footer justify-content-center">
+            <a type="button" class="btn btn-primary mr-2" data-bs-dismiss="modal">Close</a>
+          </div>
+          <!-- END Footer -->
+
         </div>
         <!-- END Content -->
       </div>
     </div>
-    <!-- END Side Modal Top Right Success -->
+    <!-- END Modal error -->
+
+    <!-- Modal confirm (bottom|full-width) -->
+    <div id="clearHistory"
+      class="modal fade bottom"
+      tabindex="-1"
+      aria-labelledby="confirmClearHistory"
+      data-bs-keyboard="false"
+      data-bs-backdrop="static">
+      <div class="modal-dialog modal-frame modal-bottom modal-notify modal-danger" role="document">
+        <!-- Content -->
+        <div class="modal-content">
+          <!-- Body -->
+          <div class="modal-body">
+            <p class="mt-1 ml-3 mr-2">Do you want to <b>delete</b> all last prompt items?</p>
+            <div class="row ml-3">
+              <a id="accecptClearHistory" type="button" class="btn btn-danger mr-2" data-bs-dismiss="modal">Yes, please</a>
+              <a id="dismissClearHistory" type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">No, thanks</a>
+            </div>
+          </div>
+        </div>
+        <!-- END Content -->
+      </div>
+    </div>
+    <!-- END Modal confirm -->
 
 </div>
 <!-- END UI container -->
 
 {% comment %} END Gemini UI
 -------------------------------------------------------------------------------- {% endcomment %}
-
 {% endcapture %}
 
 {% if production %}

data/assets/data/iframes.html

@@ -26,10 +26,7 @@ exclude_from_search:                    true
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Liquid procedures (currently unused)
---------------------------------------------------------------------------------
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+{% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Liquid var initialization

data/assets/data/masonry.html

@@ -26,10 +26,7 @@ exclude_from_search:                    true
  # -----------------------------------------------------------------------------
 {% endcomment %}
 
-{% comment %} Liquid procedures (currently unused)
---------------------------------------------------------------------------------
-{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
-{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+{% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 
 {% comment %} Liquid var initialization
@@ -58,15 +55,6 @@ exclude_from_search:                    true
   {% assign ext = '.html' %}
 {% endif %}
 
-{% comment %} Currently NOT used
---------------------------------------------------------------------------------
-{% include {{select_color}} color=masonry_icon_color fallback="#9E9E9E" %}
-{% assign masonry_icon_color = color %}
-
-{% include {{select_icon_size}} family=masonry_icon_family size=masonry_icon_size %}
-{% assign masonry_icon_size = size %}
--------------------------------------------------------------------------------- {% endcomment %}
-
 {% comment %} Detect prod mode
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign production = false %}