add chatbot ui to docs

docs/docs/assets/css/chatbot.css

@@ -0,0 +1,17 @@
+/* match styles of llm_bot Chatbot icon */
+img.open-icon {
+  max-height: 20px !important;
+  max-width: 20px !important;
+}
+
+.open-icon {
+  border: none;
+  max-width: 22px;
+  margin-right: 8px;
+}
+
+/* tempoarily make invisible to test in production.
+  turn on in going md-container > md-main > md-contant > article */
+#chatbot > button {
+  display: none;
+}

docs/docs/assets/css/custom-material.css

@@ -121,7 +121,7 @@
 
 /* Images */
 .md-typeset img {
-  border: 1px solid var(--md-default-fg-color--lighter);
+  /* border: 1px solid var(--md-default-fg-color--lighter); */
   border-radius: 4px;
 }
 

docs/mkdocs.yml

@@ -10,9 +10,7 @@ theme:
     - content.code.annotate
     - navigation.tabs
     - navigation.indexes
-    - navigation.instant
     - navigation.path
-    - navigation.instant.prefetch
     - navigation.top
     - navigation.footer
     - search.suggest
@@ -46,6 +44,10 @@ extra_css:
   - assets/css/fonts.css
   - assets/css/custom-material.css
   - assets/css/jupyter-themes.css
+  - assets/css/chatbot.css
+
+extra_javascript:
+  - assets/javascript/chatbot.js
 
 plugins:
   - search
@@ -72,22 +74,22 @@ plugins:
       highlight_extra_classes: "jupyter-notebook"
       remove_tag_config:
         remove_input_tags:
-            - hide-code
-            - hide_code
-            - hide-input
-            - hide_input
-            - remove_input
-            - remove-input
+          - hide-code
+          - hide_code
+          - hide-input
+          - hide_input
+          - remove_input
+          - remove-input
         remove_cell_tags:
-            - hide-cell
-            - hide_cell
-            - remove-cell
-            - remove_cell
+          - hide-cell
+          - hide_cell
+          - remove-cell
+          - remove_cell
         remove_all_outputs_tags:
-            - hide-output
-            - hide_output
-            - remove-output
-            - remove_output
+          - hide-output
+          - hide_output
+          - remove-output
+          - remove_output
   - include_dir_to_nav:
       file_pattern: '.*\.(md|ipynb)$'
   - literate-nav:

docs/overrides/main.html

@@ -1,8 +1,14 @@
 {% extends "base.html" %}
 
-{% block outdated %}
-  You're not viewing the latest version.
-  <a href="{{ '../' ~ base_url }}">
-    <strong>Click here to go to latest.</strong>
-  </a>
+<!-- version banner -->
+{% block outdated %} You're not viewing the latest version.
+<a href="{{ '../' ~ base_url }}">
+  <strong>Click here to go to latest.</strong>
+</a>
+{% endblock %} {% block styles %} {{ super() }}
+<link rel="stylesheet" href="{{ 'assets/css/chatbot.css' | url }}" />
+{% endblock %} {% block scripts %} {{ super() }}
+<script src="{{ 'assets/javascripts/chatbot.js' | url }}"></script>
+{% endblock %} {% block content %} {{ super() }}
+<div id="chatbot"></div>
 {% endblock %}