Tooltips in copilot

daras_ai_v2/doc_search_settings_widgets.py

@@ -38,8 +38,9 @@ def document_uploader(
     key: str = "documents",
     accept: typing.Iterable[str] = None,
     accept_multiple_files=True,
+    tooltip: str | None = None,
 ) -> list[str] | str:
-    st.write(label, className="gui-input")
+    st.write(label, tooltip=tooltip, unsafe_allow_html=True)
     documents = st.session_state.get(key) or []
     if isinstance(documents, str):
         documents = [documents]

daras_ai_v2/text_to_speech_settings_widgets.py

@@ -375,6 +375,7 @@ def elevenlabs_selector(page):
     elevenlabs_use_custom_key = st.checkbox(
         "Use custom API key + Voice ID",
         value=bool(st.session_state.get("elevenlabs_api_key")),
+        tooltip="[Learn how](https://gooey.ai/docs/guides/lipsync-videos-with-custom-voices) to add custom voices!",
     )
     if elevenlabs_use_custom_key:
         st.session_state["elevenlabs_voice_name"] = None

gooey_ui/components/__init__.py

@@ -323,6 +323,8 @@ def text_area(
     placeholder: str = None,
     disabled: bool = False,
     label_visibility: LabelVisibility = "visible",
+    tooltip: str | None = None,
+    reverse_tooltip: bool = False,
     **props,
 ) -> str:
     style = props.setdefault("style", {})
@@ -359,6 +361,8 @@ def text_area(
             help=help,
             placeholder=placeholder,
             disabled=disabled,
+            tooltip=tooltip,
+            tooltip_direction="left" if reverse_tooltip else "right",
             **props,
         ),
     ).mount()
@@ -882,6 +886,7 @@ def checkbox(
     key: str = None,
     help: str = None,
     *,
+    tooltip: str | None = None,
     disabled: bool = False,
     label_visibility: LabelVisibility = "visible",
 ) -> bool:
@@ -894,6 +899,7 @@ def checkbox(
         disabled=disabled,
         label_visibility=label_visibility,
         default_value_attr="defaultChecked",
+        tooltip=tooltip,
     )
     return bool(value)
 
@@ -908,6 +914,7 @@ def _input_widget(
     disabled: bool = False,
     label_visibility: LabelVisibility = "visible",
     default_value_attr: str = "defaultValue",
+    tooltip: str | None = None,
     **kwargs,
 ) -> typing.Any:
     # if key:
@@ -927,6 +934,7 @@ def _input_widget(
             default_value_attr: value,
             "help": help,
             "disabled": disabled,
+            "tooltip": tooltip,
             **kwargs,
         },
     ).mount()

recipes/VideoBots.py

@@ -350,11 +350,12 @@ def render_description(self):
 
     def render_form_v2(self):
         st.text_area(
-            """
+            f"""
             #### 📝 Instructions
             """,
             key="bot_script",
             height=300,
+            tooltip="[Learn more](https://gooey.ai/docs/guides/build-your-ai-copilot/craft-your-ai-copilots-personality) about how to prompt your copilot's personality!",
         )
         prompt_vars_widget(
             "bot_script",
@@ -368,11 +369,9 @@ def render_form_v2(self):
         )
 
         document_uploader(
-            """
-            #### 📄 Knowledge
-            Add documents or links to give your copilot a knowledge base. When asked a question, we'll search them to generate an answer with citations. 
-            """,
+            "#### 📄 Knowledge",
             accept=["audio/*", "application/*", "video/*", "text/*"],
+            tooltip="Add documents or links to give your copilot a knowledge base. When asked a question, we'll search them to generate an answer with citations. [Learn more](https://gooey.ai/docs/guides/build-your-ai-copilot/curate-your-knowledge-base-documents)",
         )
 
         st.markdown("#### Capabilities")
@@ -507,6 +506,7 @@ def render_settings(self):
                     st.session_state.get("input_glossary_document")
                     or st.session_state.get("output_glossary_document")
                 ),
+                tooltip="[Learn more](https://gooey.ai/docs/guides/build-your-ai-copilot/advanced-settings#fine-tuned-language-understanding-with-custom-glossaries) about how to super-charge your copilots domain specific language understanding!",
             )
             if enable_glossary:
                 st.caption(
@@ -538,6 +538,8 @@ def render_settings(self):
             """,
                 key="task_instructions",
                 height=300,
+                tooltip="[Learn how](https://gooey.ai/docs/guides/build-your-ai-copilot/advanced-settings) to get the most out of your copilot with advanced settings.",
+                reverse_tooltip=True,
             )
             prompt_vars_widget(
                 "task_instructions",