Updating to use target blank

mermaid.md

@@ -0,0 +1,69 @@
+```mermaid
+graph TD
+    style NB0 fill:#333,stroke:#FF9D00,color:#FFD21E
+    style NB1 fill:#333,stroke:#FF9D00,color:#FFD21E
+    style NB2 fill:#333,stroke:#FF9D00,color:#FFD21E
+    style NB3 fill:#333,stroke:#FF9D00,color:#FFD21E
+    style NB4 fill:#333,stroke:#FF9D00,color:#FFD21E
+    style D fill:#333,stroke:#FF9D00,color:#FFD21E
+    style G fill:#333,stroke:#FF9D00,color:#FFD21E
+    style A fill:#333,stroke:#FF9D00,color:#FFD21E
+    style B fill:#333,stroke:#FF9D00,color:#FFD21E
+    style C fill:#333,stroke:#FF9D00,color:#FFD21E
+    style E fill:#333,stroke:#FF9D00,color:#FFD21E
+    style F fill:#333,stroke:#FF9D00,color:#FFD21E
+
+    subgraph Notebooks
+        NB0[00-poe-generate-mistral-reasoning.ipynb]
+        NB1[01-poe-dataset-creation.ipynb]
+        NB2[02-autotrain.ipynb]
+        NB3[03-poe-token-count-exploration.ipynb]
+        NB4[04-poe-eval.ipynb]
+    end
+
+    subgraph Models
+        D[Fine-Tuned MODELS]
+        G[BASE_MODEL: mistralai/Mistral-7B-Instruct-v0.3]
+    end
+    
+    subgraph Datasets
+        A[(layoric/labeled-multiple-choice-explained)]
+        B[(derek-thomas/labeled-multiple-choice-explained-mistral-reasoning)]
+        C[(derek-thomas/labeled-multiple-choice-explained-mistral-tokenized)]
+        E[Deployment Config]
+        F[(derek-thomas/labeled-multiple-choice-explained-mistral-results)]
+    end
+
+    A --> NB0
+    G --> NB0
+    NB0 --> B
+    NB0 ==> NB1
+
+    B --> NB1
+    NB1 --> C
+    NB1 ==> NB2
+
+    C --> NB2
+    NB2 --> D
+    NB2 ==> NB3
+
+    C --> NB3
+    NB3 --> E
+    NB3 ==> NB4
+
+    C --> NB4
+    D --> NB4
+    G --> NB4
+    NB4 --> F
+
+    click NB0 href "https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/00-poe-generate-mistral-reasoning.ipynb"
+    click NB1 href "https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/01-poe-dataset-creation.ipynb"
+    click NB2 href "https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/02-autotrain.ipynb"
+    click NB3 href "https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/03-poe-token-count-exploration.ipynb"
+    click NB4 href "https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/04-poe-eval.ipynb"
+    click G href "https://huggingface.co/mistralai/Mistral-7B-Instruct-v0.3"
+    click A href "https://huggingface.co/datasets/layoric/labeled-multiple-choice-explained"
+    click B href "https://huggingface.co/datasets/derek-thomas/labeled-multiple-choice-explained-mistral-reasoning"
+    click C href "https://huggingface.co/datasets/derek-thomas/labeled-multiple-choice-explained-mistral-tokenized"
+    click F href "https://huggingface.co/datasets/derek-thomas/labeled-multiple-choice-explained-mistral-results"
+```

prompt_order_exeriment/pages/overview.py

@@ -3,13 +3,13 @@ import reflex as rx
 p2 = '''
 # Steps 
 ### Dataset Selection
-We begin with the [layoric/labeled-multiple-choice-explained](https://huggingface.co/datasets/layoric/labeled-multiple-choice-explained) dataset, which includes reasoning provided by GPT-3.5-turbo. reasoning explanations serve as a starting point but may differ from Mistral's reasoning style.
+We begin with the <a href="https://huggingface.co/datasets/layoric/labeled-multiple-choice-explained" target="_blank">layoric/labeled-multiple-choice-explained</a> dataset, which includes reasoning provided by GPT-3.5-turbo. reasoning explanations serve as a starting point but may differ from Mistral's reasoning style.
 
-0. *[00-poe-generate-mistral-reasoning.ipynb](https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/00-poe-generate-mistral-reasoning.ipynb)*: To align with Mistral, we need to create a refined dataset: [derek-thomas/labeled-multiple-choice-explained-mistral-reasoning](https://huggingface.co/datasets/derek-thomas/labeled-multiple-choice-explained-mistral-reasoning).
-1. *[01-poe-dataset-creation.ipynb](https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/01-poe-dataset-creation.ipynb)*: Then we need to create our prompt experiments.
-2. *[02-autotrain.ipynb](https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/02-autotrain.ipynb)*: We generate autotrain jobs on spaces to train our models.
-3. *[03-poe-token-count-exploration.ipynb](https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/03-poe-token-count-exploration.ipynb)*: We do some quick analysis so we can optimize our TGI settings.
-4. *[04-poe-eval.ipynb](https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/04-poe-eval.ipynb)*: We finally evaluate our trained models.
+0. <i><a href="https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/00-poe-generate-mistral-reasoning.ipynb" target="_blank">00-poe-generate-mistral-reasoning.ipynb</a></i>: To align with Mistral, we need to create a refined dataset: <a href="https://huggingface.co/datasets/derek-thomas/labeled-multiple-choice-explained-mistral-reasoning" target="_blank">derek-thomas/labeled-multiple-choice-explained-mistral-reasoning</a>.
+1. <i><a href="https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/01-poe-dataset-creation.ipynb" target="_blank">01-poe-dataset-creation.ipynb</a></i>: Then we need to create our prompt experiments.
+2. <i><a href="https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/02-autotrain.ipynb" target="_blank">02-autotrain.ipynb</a></i>: We generate autotrain jobs on spaces to train our models.
+3. <i><a href="https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/03-poe-token-count-exploration.ipynb" target="_blank">03-poe-token-count-exploration.ipynb</a></i>: We do some quick analysis so we can optimize our TGI settings.
+4. <i><a href="https://huggingface.co/derek-thomas/prompt-order-experiment/blob/main/04-poe-eval.ipynb" target="_blank">04-poe-eval.ipynb</a></i>: We finally evaluate our trained models.
 
 **The flowchart is _Clickable_**
 '''