changes read me strucutre again

app.py

@@ -6,8 +6,8 @@ import gradio as gr
 from helper.gradio_config import css, theme
 from helper.text.text_app import TextApp
 from helper.utils import TrafficDataHandler
-from tabs.about_tab import about_tab
 from tabs.htr_tool import htr_tool_tab
+from tabs.overview_tab import overview
 from tabs.stepwise_htr_tool import stepwise_htr_tool_tab
 
 session_uuid = str(uuid.uuid1())
@@ -28,8 +28,8 @@ with gr.Blocks(title="Riksarkivet", theme=theme, css=css) as demo:
         with gr.Tab("Stepwise"):
             stepwise_htr_tool_tab.render()
 
-        with gr.Tab("Documentation"):
-            about_tab.render()
+        with gr.Tab("Overview"):
+            overview.render()
 
     SECRET_KEY = os.environ.get("AM_I_IN_A_DOCKER_CONTAINER", False)
     if SECRET_KEY:

helper/text/about/changelog_roadmap/current_changelog.md

@@ -1,15 +0,0 @@
-## Changelog
-
-### [0.0.1] - 2023-10-19
-
-#### Added
-
-- Stepwise feature > Explore results > New Text diff and CER components
-
-#### Fixed
-
-#### Changed
-
-- Layout in both Fast track and Stepwise to improve the UX
-
-#### Removed

helper/text/about/changelog_roadmap/old_changelog.md

@@ -1,15 +0,0 @@
-## Changelog
-
-### [0.0.1] - 2023-10-19
-
-#### Added
-
-- Stepwise feature > Explore results > New Text diff and CER components
-
-#### Fixed
-
-#### Changed
-
-- Layout in both Fast track and Stepwise to improve the UX
-
-#### Removed

helper/text/about/changelog_roadmap/roadmap.md

@@ -1,25 +0,0 @@
-## Roadmap
-
-#### ☑ Release Model on HuggingFace
-
-- Continually retrain and update both segmentation and text-recognition models as more training data becomes available.
-
-#### ☐ Release Training and Eval data on HuggingFace
-
-#### ☐ Specialized TrOCR Model
-
-- Train a TrOCR model specialized on Swedish historical handwritten text.
-- Initialize with a historical BERT-model trained at the Swedish National Archives.
-
-#### ☐ Open-source and package HTR-pipeline for mass HTR
-
-- Develop an easy-to-implement pipeline like the demo.
-- Ensure high modularity:
-- Different segmentation strategies.
-- Integration of models from various frameworks.
-- Effective evaluation methods for entire pipelines and their comparisons.
-- Broad use-cases: Not just running text, but all types of handwritten archives.
-
-#### ☐ Inference Endpoints
-
-- Serve model through inference APIs / Rest APIs with dedicated hardware.

helper/text/overview/changelog_roadmap/changelog.md

@@ -0,0 +1,21 @@
+## Changelog
+
+### [0.0.1] - 2023-10-19
+
+#### Added
+
+- Added a new feature to **Stepwise** > **Explore results** > New Text diff and CER component
+
+#### Fixed
+
+- Fixed naming conventions of tabs in app
+
+#### Changed
+
+- Changed the layout in both Fast track and Stepwise to improve the UX
+  - Examples are viewed in the middle of the layout
+  - "Advanced settings" are initial hidden
+
+#### Removed
+
+- Removed **help** tab for now (documentation of Fast track and Stepwise will come in a later release)

helper/text/overview/changelog_roadmap/roadmap.md

@@ -0,0 +1,23 @@
+## Roadmap
+
+- Release Training and Eval data on HuggingFace
+
+- Specialized TrOCR Model
+- Add support for TrOCR models as Text recognition model
+
+  - Train a TrOCR model specialized on Swedish historical handwritten text.
+
+- Initial document classifier
+
+- Optimize the backend of the application
+
+  - Package the code
+  - Add support for batch inference
+  - Start a collaborative open source project
+
+- Add support for Different segmentation strategies
+
+  - Table detection
+  - Different text layouts with multiple columns
+
+- Add more endpoints for the rest api and documentation

helper/text/overview/duplicate_api/api1.md

@@ -0,0 +1,10 @@
+## Usage of Client API
+
+If you prefer to run **Fast track** programmatically, we offer an API for that purpose.
+
+- Docuemtnation for gradio client with [python](https://www.gradio.app/guides/getting-started-with-the-python-client)
+- Docuemtnation for gradio client with [javascript](https://www.gradio.app/guides/getting-started-with-the-js-client)
+
+**Note**: More extensive APIs and documentation can be added in the future upon request.
+
+See example below for usage of API in python:

helper/text/overview/duplicate_api/api2.md

@@ -0,0 +1,3 @@
+### Output from the api
+
+The output from the api is currently in the format of Page XML, which can be imported into this [viewer](https://huggingface.co/spaces/Riksarkivet/Viewer_demo).

helper/text/overview/duplicate_api/api_code1.md

@@ -0,0 +1,11 @@
+from gradio_client import Client # pip install gradio_client
+
+# Change url to your client (localhost: http://127.0.0.1:7860/)
+
+client = Client("https://huggingface.co/spaces/Riksarkivet/htr_demo")
+job = client.submit(
+"https://your.image.url.or.pah.jpg",
+api_name="/predict",
+)
+
+print(job.result())

helper/text/overview/duplicate_api/api_code2.md

@@ -0,0 +1,26 @@
+Loaded as API: http://127.0.0.1:7860/ ✔
+
+<?xml version="1.0" encoding="UTF-8"?>
+<PcGts xmlns="http://schema.primaresearch.org/PAGE/gts/pagecontent/2013-07-15" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://schema.primaresearch.org/PAGE/gts/pagecontent/2013-07-15 http://schema.primaresearch.org/PAGE/gts/pagecontent/2013-07-15/pagecontent.xsd">
+    <Metadata>
+        <Creator>Swedish National Archives</Creator>
+        <Created>2023-08-21, 13:28:06</Created>
+    </Metadata>
+    <Page imageFilename="page_xml.xml" imageWidth="4885" imageHeight="4066">
+    <TextRegion id="region_0" custom="readingOrder {index:0;}">
+        <Coords points="1477,265 1467,217 1440,201 1370,211 1248,203 1127,224 1067,224 1003,212 844,247 766,243 747,261 742,280 751,332 766,346 1258,341 1357,332 1439,341 1468,327"/>
+    <TextLine id="line_region_0_0" custom="readingOrder {index:0;}">
+                <Coords points="1458,248 1443,222 1449,200 1412,215 1366,200 1325,207 1302,200 1241,200 1235,206 1205,200 1187,210 1085,222 957,206 795,239 769,273 771,333 783,340 1445,333 1450,324"/>
+                                <TextEquiv>
+            <Unicode>År 1865.</Unicode>
+        </TextEquiv>
+                        <PredScore pred_score="0.9482"/>
+            </TextLine>
+    </TextRegion>
+    <TextRegion id="region_1" custom="readingOrder {index:1;}">
+......................................
+    </TextRegion>
+    </Page>
+</PcGts>
+
+# Output is truncated. View as a scrollable element or open in a text editor. Adjust cell output settings...

helper/text/overview/duplicate_api/duplicate.md

@@ -0,0 +1,26 @@
+## Duplicating for own use
+
+Please be aware of certain limitations when using the application:
+
+- Primarily, this application is designed for demonstration purposes and is not intended for mass HTR.
+- Currently, the Swedish National Archives has constraints on sharing hardware, leading to a queue system for high demand.
+- The demo is hosted on Hugging Face domains, and they may rate-limit you if there's an excessive number of requests in a short timeframe, especially when using the API.
+
+For those requiring heavy usage, you can conveniently duplicate the application.
+
+- Duplicate [application](https://huggingface.co/spaces/Riksarkivet/htr_demo?duplicate=true).
+
+By doing so, you'll create your own private app, which allows for unlimited requests without any restrictions. The image below shows the minimum hardware you need to use if you don't have access to hardware youself:
+
+<figure>
+
+<img src="https://raw.githubusercontent.com/Borg93/htr_gradio_file_placeholder/main/hardware_example.png" alt="HTR_tool" style="width:75%; display: block; margin-left: auto; margin-right:auto;" >
+<figcaption style="text-align: center;"> <em> Figure - Choose a hardware that has atleast a GPU </em></figcaption>
+</figure>
+
+For individuals with access to dedicated hardware, additional options are available. You have the flexibility to run this application on your own machine utilizing Docker, or by cloning the repository directly. Doing so allows you to leverage your hardware's capabilities to their fullest extent.
+
+- [Clone with Docker](https://huggingface.co/spaces/Riksarkivet/htr_demo?docker=true)
+- [Clone Repo](https://huggingface.co/spaces/Riksarkivet/htr_demo/settings?clone=true)
+
+**Note**: To take advantage of CUDA for accelerated inferences, an Nvidia graphics card is required. This setup significantly enhances the performance, ensuring a smoother and faster operation.

helper/text/text_about.py

@@ -1,32 +0,0 @@
-from helper.text.markdown_reader import read_markdown
-
-
-class TextAbout:
-    # HTRFLOW
-    htrflow_col1 = read_markdown("helper/text/about/htrflow/htrflow_col1.md")
-
-    htrflow_col2 = read_markdown("helper/text/about/htrflow/htrflow_col2.md")
-
-    htrflow_row1 = read_markdown("helper/text/about/htrflow/htrflow_row1.md")
-
-    htrflow_tab1 = read_markdown("helper/text/about/htrflow/htrflow_tab1.md")
-
-    htrflow_tab2 = read_markdown("helper/text/about/htrflow/htrflow_tab2.md")
-
-    htrflow_tab3 = read_markdown("helper/text/about/htrflow/htrflow_tab3.md")
-
-    htrflow_tab4 = read_markdown("helper/text/about/htrflow/htrflow_tab4.md")
-
-    # Contributions
-    contributions = read_markdown("helper/text/about/contributions/contributions.md")
-
-    # Changelog & Roadmap
-    current_changelog = read_markdown("helper/text/about/changelog_roadmap/current_changelog.md")
-
-    old_changelog = read_markdown("helper/text/about/changelog_roadmap/old_changelog.md")
-
-    roadmap = read_markdown("helper/text/about/changelog_roadmap/roadmap.md")
-
-
-if __name__ == "__main__":
-    pass

helper/text/text_help.py

@@ -1,216 +0,0 @@
-from helper.text.markdown_reader import read_markdown
-
-
-class TextHowTo:
-    htr_tool = """
-    ## Getting Started with the HTR Tool
-    To quickly run the HTR Tool and transcribe handwritten text, follow these steps:
-    1. Open the HTR Tool tab.
-    2. Upload an image or choose an image from the provided Examples (under "Example images to use:" accordin). 
-       Note that the accordin works like a "dropdown" and that you just need to press an example to use it (also, use the pagniation at the bottom to view more examples).
-    3. The radio button specifes the output file extension, which can be either text or page XML.
-    4. Click the "Run HTR" button to initiate the HTR process. You can refer to the screenshot below:
-    <figure>
-    <img src="https://raw.githubusercontent.com/Borg93/htr_gradio_file_placeholder/main/htr_run_example.png" alt="HTR_tool" style="width:65%; display: block; margin-left: auto; margin-right:auto;" >
-    <figcaption style="text-align: center;"> <em> Figure - How to Run the HTR Tool </em></figcaption>
-    </figure> 
-    The HTR Tool will transform an image of handwritten text into structured, transcribed text within approximately 1-2 minutes (depending on your hardware). 
-    Note that the generated page XML file is strucutred in such manner that it allows for an easy integration with other software, such as Transkribus. <br>
-
-    You can use our own developed Image viewer for the xml output: 
-    <p align="center">
-        <a href="https://huggingface.co/spaces/Riksarkivet/Viewer_demo">
-            <img src="https://huggingface.co/datasets/huggingface/badges/raw/main/open-in-hf-spaces-xl-dark.svg" alt="Badge 1">
-        </a>
-    </p>
-    <br>
-
-                    
-"""
-    reach_out = """  Feel free to reach out if you have any questions or need further assistance!
-
-    """
-
-    stepwise_htr_tool = """
-## Stepwise HTR Tool
-
-Here you can break down the HTR process into distinct steps: Region segmentation, Line segmentation, Text recognition, and Explore results. You can adjust the settings for each part, and choose from a selection of underlying machine learning models to drive each step of the process. Each step is interconnected, and the output of one step serves as the input for the next step, ensuring a seamless and efficient workflow.
-"""
-    stepwise_htr_tool_tab_intro = """
-Follow the instructions below:
-
-
-
-"""
-
-    htr_tool_api_text = """
-## Usage of Client API
-
-If you prefer to run **Fast track** programmatically, we offer an API for that purpose.
-
-- Docuemtnation for gradio client with [python](https://www.gradio.app/guides/getting-started-with-the-python-client) 
-- Docuemtnation for gradio client with [javascript](https://www.gradio.app/guides/getting-started-with-the-js-client)
-
-**Note**: More extensive APIs and documentation can be added in the future upon request.
-
-See example below for usage of API in python:
-        
-          """
-
-    stepwise_htr_tool_tab1 = """
-### Tab 1: Region Segmentation
-The Region Segmentation tab allows you to perform the initial step of segmenting the handwritten text into regions of interest. By adjusting the P-threshold and C-threshold settings, you can control the confidence score required for a prediction and the minimum overlap or similarity for a detected region to be considered valid. Additionally, you can select an underlying machine learning model for region segmentation. <br>
-To perform region segmentation, follow these steps:
-1. Open the "Region Segmentation" tab.
-2. Upload an image or choose an image from the provided Examples (under "Example images to use:" accordin).
-3. Configure the region segmentation settings:
-   - Adjust the P-threshold: Filter and determine the confidence score required for a prediction score to be considered.
-   - Adjust the C-threshold: Set the minimum required overlap or similarity for a detected region or object to be considered valid.
-   - Select an underlying machine learning model.
-4. Click the "Run Region Segmentation" button to initiate the region segmentation process.
-"""
-    stepwise_htr_tool_tab2 = """
-
-### Tab 2: Line Segmentation
-In the Line Segmentation tab, you can further refine the segmentation process by identifying individual lines of text. 
-Similar to the Region Segmentation tab, you can adjust the P-threshold and C-threshold settings for line segmentation and choose an appropriate machine learning model. <br>
-To perform line segmentation, follow these steps:
-1. Open the "Line Segmentation" tab. 
-2. Choice a segmented region from image gallery, which populated with the results from the previous tab.
-3. Configure the line segmentation settings:
-   - Adjust the P-threshold: Filter and determine the confidence score required for a prediction score to be considered.
-   - Adjust the C-threshold: Set the minimum required overlap or similarity for a detected region or object to be considered valid.
-   - Select an underlying machine learning model.
-4. Click the "Run Line Segmentation" button to initiate the line segmentation process. 
-"""
-
-    stepwise_htr_tool_tab3 = """
-### Tab 3: Transcribe Text
-The Transcribe Text tab allows you to convert the segmented text into transcriptions. Here, you can select the desired machine learning model for text transcription. <br>
-To transcribe text, follow these steps:
-1. Open the "Transcribe Text" tab.
-2. The image to transcribe is predefined with the results from the previous tab.
-3. Configure the text transcription settings:
-   - Select an underlying machine learning model.
-4. Click the "Run Text Transcription" button to initiate the text transcription process. 
-"""
-
-    stepwise_htr_tool_tab4 = """
-### Tab 4: Explore Results
-Once the transcription is complete, you can explore the results in the Explore Results tab. This tab provides various features for analyzing and interacting with the transcriptions, allowing you to sort and identify both bad and good predictions. <br>
-To explore the HTR results, follow these steps:
-1. Open the "Explore Results" tab.
-2. Analyze the generated results. The image gallery of cropped text line segments is bi-directional coupled through interaction with the dataframe on the left.
-3. Use the provided features, such as the prediction score to sort and interact with the image gallery, identifying both bad and good transcriptions. 
-"""
-
-    stepwise_htr_tool_end = """
-As mentioned, please note that each tab in this workflow is dependent on the previous steps, where you progressively work through the process in a step-by-step manner.
-<br>
-"""
-
-    both_htr_tool_video = """
-## &nbsp;
-Alternatively, you can watch the instructional video below, which provides a step-by-step walkthrough of the HTR Tool and some additional features.
-"""
-
-    figure_htr_api = """
-<figure>
-<img src="https://raw.githubusercontent.com/Borg93/htr_gradio_file_placeholder/main/notebook_api.png" alt="HTR_tool" style="width:98%; display: block; margin-left: auto; margin-right:auto;" >
-<figcaption style="text-align: center;"> <em> Figure - How to run API through a client in a notebook </em></figcaption>
-</figure> 
-"""
-
-    figure_htr_hardware = """
-
-<figure>
-<img src="https://raw.githubusercontent.com/Borg93/htr_gradio_file_placeholder/main/hardware_example.png" alt="HTR_tool" style="width:75%; display: block; margin-left: auto; margin-right:auto;" >
-<figcaption style="text-align: center;"> <em> Figure - Choose a hardware that has atleast a GPU </em></figcaption>
-</figure> 
-"""
-    duplicatin_space_htr_text = """
-## Duplicating for own use
-
-Please be aware of certain limitations when using the application:
-- Primarily, this application is designed for demonstration purposes and is not intended for mass HTR.
-- Currently, the Swedish National Archives has constraints on sharing hardware, leading to a queue system for high demand.
-- The demo is hosted on Hugging Face domains, and they may rate-limit you if there's an excessive number of requests in a short timeframe, especially when using the API.
-
-For those requiring heavy usage, you can conveniently duplicate the application.
-- Duplicate [application](https://huggingface.co/spaces/Riksarkivet/htr_demo?duplicate=true). 
-
-By doing so, you'll create your own private app, which allows for unlimited requests without any restrictions. The image below shows the minimum hardware you need to use if you don't have access to hardware youself:
-
-"""
-
-    duplicatin_for_privat = """
-For individuals with access to dedicated hardware, additional options are available. You have the flexibility to run this application on your own machine utilizing Docker, or by cloning the repository directly. Doing so allows you to leverage your hardware's capabilities to their fullest extent. 
-- [Clone with Docker](https://huggingface.co/spaces/Riksarkivet/htr_demo?docker=true)
-- [Clone Repo](https://huggingface.co/spaces/Riksarkivet/htr_demo/settings?clone=true)
-
-**Note**: To take advantage of CUDA for accelerated inferences, an Nvidia graphics card is required. This setup significantly enhances the performance, ensuring a smoother and faster operation.
-
-"""
-
-    code_for_api = """
-from gradio_client import Client # pip install gradio_client
-
-# Change url to your client (localhost: http://127.0.0.1:7860/)
-client = Client("https://huggingface.co/spaces/Riksarkivet/htr_demo") 
-job = client.submit(
-    "https://your.image.url.or.pah.jpg", 
-    api_name="/predict",
-)
-
-print(job.result())
-
-"""
-    output_code_for_api_text = """
-### Output from the api
-
-The output from the api is currently in the format of Page XML, which can be imported into this [viewer](https://huggingface.co/spaces/Riksarkivet/Viewer_demo).
-
-
-"""
-
-    output_code_for_api = """
-
-
-Loaded as API: http://127.0.0.1:7860/ ✔
-<?xml version="1.0" encoding="UTF-8"?>
-<PcGts xmlns="http://schema.primaresearch.org/PAGE/gts/pagecontent/2013-07-15" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://schema.primaresearch.org/PAGE/gts/pagecontent/2013-07-15 http://schema.primaresearch.org/PAGE/gts/pagecontent/2013-07-15/pagecontent.xsd">
-    <Metadata>
-        <Creator>Swedish National Archives</Creator>
-        <Created>2023-08-21, 13:28:06</Created>
-    </Metadata>
-    <Page imageFilename="page_xml.xml" imageWidth="4885" imageHeight="4066">
-    <TextRegion id="region_0" custom="readingOrder {index:0;}">
-        <Coords points="1477,265 1467,217 1440,201 1370,211 1248,203 1127,224 1067,224 1003,212 844,247 766,243 747,261 742,280 751,332 766,346 1258,341 1357,332 1439,341 1468,327"/>
-    <TextLine id="line_region_0_0" custom="readingOrder {index:0;}">
-                <Coords points="1458,248 1443,222 1449,200 1412,215 1366,200 1325,207 1302,200 1241,200 1235,206 1205,200 1187,210 1085,222 957,206 795,239 769,273 771,333 783,340 1445,333 1450,324"/>
-                                <TextEquiv>
-            <Unicode>År 1865.</Unicode>
-        </TextEquiv>
-                        <PredScore pred_score="0.9482"/>
-            </TextLine>
-    </TextRegion>
-    <TextRegion id="region_1" custom="readingOrder {index:1;}">
-......................................
-    </TextRegion>
-    </Page>
-</PcGts>
-
-# Output is truncated. View as a scrollable element or open in a text editor. Adjust cell output settings...
- """
-
-    text_faq = read_markdown("helper/text/help/faq_discussion/faq.md")
-
-    text_contact = """
-
-"""
-
-    text_discussion = read_markdown("helper/text/help/faq_discussion/discussion.md")
-
-
-if __name__ == "__main__":
-    pass

helper/text/text_overview.py

@@ -0,0 +1,34 @@
+from helper.text.markdown_reader import read_markdown
+
+
+class TextOverview:
+    # HTRFLOW
+    htrflow_col1 = read_markdown("helper/text/overview/htrflow/htrflow_col1.md")
+    htrflow_col2 = read_markdown("helper/text/overview/htrflow/htrflow_col2.md")
+    htrflow_row1 = read_markdown("helper/text/overview/htrflow/htrflow_row1.md")
+    htrflow_tab1 = read_markdown("helper/text/overview/htrflow/htrflow_tab1.md")
+    htrflow_tab2 = read_markdown("helper/text/overview/htrflow/htrflow_tab2.md")
+    htrflow_tab3 = read_markdown("helper/text/overview/htrflow/htrflow_tab3.md")
+    htrflow_tab4 = read_markdown("helper/text/overview/htrflow/htrflow_tab4.md")
+
+    # faq & discussion
+    text_faq = read_markdown("helper/text/overview/faq_discussion/faq.md")
+    text_discussion = read_markdown("helper/text/overview/faq_discussion/discussion.md")
+
+    # Contributions
+    contributions = read_markdown("helper/text/overview/contributions/contributions.md")
+
+    # Changelog & Roadmap
+    changelog = read_markdown("helper/text/overview/changelog_roadmap/changelog.md")
+    roadmap = read_markdown("helper/text/overview/changelog_roadmap/roadmap.md")
+
+    # duplicate & api
+    duplicate = read_markdown("helper/text/overview/duplicate_api/duplicate.md")
+    api1 = read_markdown("helper/text/overview/duplicate_api/api1.md")
+    api_code1 = read_markdown("helper/text/overview/duplicate_api/api_code1.md")
+    api2 = read_markdown("helper/text/overview/duplicate_api/api2.md")
+    api_code2 = read_markdown("helper/text/overview/duplicate_api/api_code2.md")
+
+
+if __name__ == "__main__":
+    pass

tabs/help_tab.py

@@ -1,42 +0,0 @@
-import gradio as gr
-
-from helper.text.text_help import TextHowTo
-
-with gr.Blocks() as help_tab:
-    with gr.Tabs():
-        with gr.Tab("Fast track"):
-            gr.Markdown("WIP")
-            pass
-        with gr.Tab("Stepwise"):
-            with gr.Row(equal_height=False):
-                gr.Markdown(TextHowTo.stepwise_htr_tool)
-            with gr.Row():
-                gr.Markdown(TextHowTo.stepwise_htr_tool_tab_intro)
-            with gr.Row():
-                with gr.Tabs():
-                    with gr.Tab("1. Region Segmentation"):
-                        with gr.Row():
-                            with gr.Column():
-                                gr.Markdown(TextHowTo.stepwise_htr_tool_tab1)
-                            with gr.Column():
-                                gr.Markdown("image")
-                    with gr.Tab("2. Line Segmentation"):
-                        with gr.Row():
-                            with gr.Column():
-                                gr.Markdown(TextHowTo.stepwise_htr_tool_tab2)
-                            with gr.Column():
-                                gr.Markdown("image")
-                    with gr.Tab("3. Transcribe Text"):
-                        with gr.Row():
-                            with gr.Column():
-                                gr.Markdown(TextHowTo.stepwise_htr_tool_tab3)
-                            with gr.Column():
-                                gr.Markdown("image")
-                    with gr.Tab("4. Explore Results"):
-                        with gr.Row():
-                            with gr.Column():
-                                gr.Markdown(TextHowTo.stepwise_htr_tool_tab4)
-                            with gr.Column():
-                                gr.Markdown("image")
-            with gr.Row():
-                gr.Markdown(TextHowTo.stepwise_htr_tool_end)

tabs/htr_tool.py

@@ -174,6 +174,7 @@ with gr.Blocks() as htr_tool_tab:
                     )
 
                 with gr.Column(visible=False) as model_compare_selector:
+                    gr.Markdown("**Work in progress:**")
                     with gr.Row():
                         gr.Radio(
                             choices=["Compare Page XML", "Compare different runs"],

tabs/{about_tab.py → overview_tab.py}

@@ -1,71 +1,65 @@
 import gradio as gr
 
-from helper.text.text_about import TextAbout
-from helper.text.text_help import TextHowTo
+from helper.text.text_overview import TextOverview
 
-with gr.Blocks() as about_tab:
+with gr.Blocks() as overview:
     with gr.Tabs():
         with gr.Tab("HTRFLOW"):
             with gr.Row():
                 with gr.Column():
-                    gr.Markdown(TextAbout.htrflow_col1)
+                    gr.Markdown(TextOverview.htrflow_col1)
                 with gr.Column():
-                    gr.Markdown(TextAbout.htrflow_col2)
+                    gr.Markdown(TextOverview.htrflow_col2)
             with gr.Row():
-                gr.Markdown(TextAbout.htrflow_row1)
+                gr.Markdown(TextOverview.htrflow_row1)
             with gr.Row():
                 with gr.Tabs():
                     with gr.Tab("Binarization"):
-                        gr.Markdown(TextAbout.htrflow_tab1)
+                        gr.Markdown(TextOverview.htrflow_tab1)
                     with gr.Tab("Region segmentation"):
-                        gr.Markdown(TextAbout.htrflow_tab2)
+                        gr.Markdown(TextOverview.htrflow_tab2)
                     with gr.Tab("Line segmentation"):
-                        gr.Markdown(TextAbout.htrflow_tab3)
+                        gr.Markdown(TextOverview.htrflow_tab3)
                     with gr.Tab("Text recognition"):
-                        gr.Markdown(TextAbout.htrflow_tab4)
+                        gr.Markdown(TextOverview.htrflow_tab4)
 
         with gr.Tab("FAQ & Discussion"):
             with gr.Row():
                 with gr.Column():
-                    gr.Markdown(TextHowTo.text_faq)
+                    gr.Markdown(TextOverview.text_faq)
                 with gr.Column():
-                    gr.Markdown(TextHowTo.text_discussion)
+                    gr.Markdown(TextOverview.text_discussion)
 
         with gr.Tab("Contributions"):
             with gr.Row():
-                gr.Markdown(TextAbout.contributions)
-
-        with gr.Tab("Changelog & Roadmap"):
-            with gr.Row():
-                with gr.Column():
-                    with gr.Accordion("Current Changelog", open=True):
-                        gr.Markdown(TextAbout.current_changelog)
-                    with gr.Accordion("Old Changelog", open=False):
-                        gr.Markdown(TextAbout.old_changelog)
-                with gr.Column():
-                    gr.Markdown(TextAbout.roadmap)
+                gr.Markdown(TextOverview.contributions)
 
         with gr.Tab("Duplicating for own use & API"):
             with gr.Row():
                 with gr.Column():
-                    gr.Markdown(TextHowTo.duplicatin_space_htr_text)
-                    gr.Markdown(TextHowTo.figure_htr_hardware)
-                    gr.Markdown(TextHowTo.duplicatin_for_privat)
+                    gr.Markdown(TextOverview.duplicate)
 
                 with gr.Column():
-                    gr.Markdown(TextHowTo.htr_tool_api_text)
+                    gr.Markdown(TextOverview.api1)
                     gr.Code(
-                        value=TextHowTo.code_for_api,
+                        value=TextOverview.api_code1,
                         language="python",
                         interactive=False,
                         show_label=False,
                     )
 
-                    gr.Markdown(TextHowTo.output_code_for_api_text)
+                    gr.Markdown(TextOverview.api2)
 
                     gr.Code(
-                        value=TextHowTo.output_code_for_api,
+                        value=TextOverview.api_code2,
                         language=None,
                         interactive=False,
                         show_label=False,
                     )
+
+        with gr.Tab("Changelog & Roadmap"):
+            with gr.Row():
+                with gr.Column():
+                    gr.Markdown(TextOverview.changelog)
+                with gr.Column():
+                    gr.Markdown(TextOverview.roadmap)