Summary

app.css

@@ -5,6 +5,11 @@
     color: #006900;
 }
 
+div.app-flex-container {
+    display: flex;
+    gap: 6px;
+}
+
 div.video-container {
     height: 350px;
     max-height: 350px;

app/authors.py

@@ -86,7 +86,7 @@ AUTHORS = """
     <img src="https://huggingface.co/spaces/ElenaRyumina/OCEANAI/resolve/main/images/AA.jpg" alt="Professor Alexey Karpov" style="margin-right: 20px; border-radius: 50%; width: 80px; height: 80px; object-fit: cover;">
     <div style="flex-basis: 40%;">
         <a href="https://hci.nw.ru/en/employees/1" style="display: inline-block;">
-            <img src="https://readme-typing-svg.demolab.com?font=Roboto&duration=1500&pause=100&color=3081F7&vCenter=true&multiline=true&width=435&height=70&lines=Dr.Sc.+Alexey+Karpov;Team+Leader" alt="AlexeyKarpov" />
+            <img src="https://readme-typing-svg.demolab.com?font=Roboto&duration=1500&pause=100&color=3081F7&vCenter=true&multiline=true&width=435&height=70&lines=Dr.+Sc.+Alexey+Karpov;Team+Leader" alt="AlexeyKarpov" />
         </a>
         <div style="display: flex; margin-bottom: 6px;">
             <a href="https://www.webofscience.com/wos/author/record/A-8905-2012" style="margin-right: 6px;">

app/description.py

@@ -13,5 +13,6 @@ DESCRIPTION = f"""\
 
 <div class="app-flex-container">
     <img src="https://img.shields.io/badge/version-v{config_data.AppSettings_APP_VERSION}-rc0" alt="Version">
+    <a href='https://github.com/DmitryRyumin/OCEANAI' target='_blank'><img src='https://img.shields.io/github/stars/DmitryRyumin/OCEANAI?style=flat' alt='GitHub' /></a>
 </div>
 """

app/event_handlers/event_handlers.py

@@ -90,6 +90,7 @@ def setup_app_event_handlers(
     tab1,
     tab2,
     tab3,
+    tab4,
     languages_row,
     country_flags,
     languages,

app/requirements_app.py

@@ -0,0 +1,37 @@
+"""
+File: requirements_app.py
+Author: Elena Ryumina and Dmitry Ryumin
+Description: Project requirements for the Gradio app.
+License: MIT License
+"""
+
+import pandas as pd
+
+# Importing necessary components for the Gradio app
+
+
+def read_requirements_to_df(file_path="requirements.txt"):
+    with open(file_path, "r") as file:
+        lines = file.readlines()
+
+    data = []
+
+    pypi = (
+        lambda x: f"<a href='https://pypi.org/project/{x}' target='_blank'><img src='https://img.shields.io/pypi/v/{x}' alt='PyPI' /></a>"
+    )
+
+    for line in lines:
+        line = line.strip()
+        if "==" in line:
+            library, version = line.split("==")
+            data.append(
+                {
+                    "Library": library,
+                    "Recommended Version": version,
+                    "Current Version": pypi(library),
+                }
+            )
+
+    df = pd.DataFrame(data)
+
+    return df

app/tabs.py

@@ -13,6 +13,7 @@ from app.description_steps import STEP_1, STEP_2
 from app.mbti_description import MBTI_DESCRIPTION, MBTI_DATA
 from app.app import APP
 from app.authors import AUTHORS
+from app.requirements_app import read_requirements_to_df
 from app.config import config_data
 from app.practical_tasks import supported_practical_tasks
 from app.utils import read_csv_file, extract_profession_weights
@@ -649,3 +650,14 @@ def about_app_tab():
 
 def about_authors_tab():
     return gr.HTML(value=AUTHORS)
+
+
+def requirements_app_tab():
+    requirements_df = read_requirements_to_df()
+
+    return dataframe(
+        headers=requirements_df.columns.tolist(),
+        values=requirements_df.values.tolist(),
+        visible=True,
+        elem_classes="requirements-dataframe",
+    )

config.toml

@@ -1,5 +1,5 @@
 [AppSettings]
-APP_VERSION = "0.8.5"
+APP_VERSION = "0.8.6"
 CSS_PATH = "app.css"
 
 [InformationMessages]
@@ -34,6 +34,7 @@ NOTI_CALCULATE = "You can calculate Big Five personality traits scores"
 APP_LABEL = ["⭐ App", "⭐ Приложение"]
 ABOUT_APP_LABEL = ["💡 About the App", "💡 О приложении"]
 ABOUT_AUTHORS_LABEL = ["🎭 About the Authors", "🎭 Об авторах"]
+REQUIREMENTS_LABEL = ["📋 Requirements", "📋 Зависимости"]
 PRACTICAL_TASKS_LABEL = "Practical tasks"
 PRACTICAL_SUBTASKS_LABEL = "Practical subtasks"
 THRESHOLD_MBTI_LABEL = "Polarity traits threshold"
@@ -59,6 +60,7 @@ NOTE_MBTI_LABEL = "Note: What are Personality Types of MBTI?"
 "⭐ App" = "app_tab"
 "💡 About the App" = "about_app_tab"
 "🎭 About the Authors" = "about_authors_tab"
+"📋 Requirements" = "requirements_app_tab"
 
 [Filenames]
 PT_SCORES = "personality_traits_scores.csv"