Merge pull request #12 from barun-saha/visual

Update usage instructions and display of shapes

app.py

@@ -121,7 +121,7 @@ def set_up_chat_ui():
     """
 
     with st.expander('Usage Instructions'):
-        st.write(GlobalConfig.CHAT_USAGE_INSTRUCTIONS)
+        st.markdown(GlobalConfig.CHAT_USAGE_INSTRUCTIONS)
         st.markdown(
             'SlideDeck AI is powered by'
             ' [Mistral-7B-Instruct-v0.2](https://huggingface.co/mistralai/Mistral-7B-Instruct-v0.2)'

global_config.py

@@ -46,14 +46,17 @@ class GlobalConfig:
     # This is a long text, so not incorporated as a string in `strings.json`
     CHAT_USAGE_INSTRUCTIONS = (
         'Briefly describe your topic of presentation in the textbox provided below.'
-        ' For example, "Make a slide deck on AI." Subsequently, you can add follow-up'
-        ' instructions, e.g., "Can you add a slide on GPUs?" You can also ask it to refine any'
-        ' particular slide, e.g., "Make the slide with title \'Examples of AI\' a bit more'
-        ' descriptive." See this [demo video](https://youtu.be/QvAKzNKtk9k).'
-        ' As another example, sometimes the formatting of generated Python code can be a bit weird.'
-        ' You can try it telling, "Split multi-line codes into multiple lines," and hope for a fix.'
+        ' For example:\n'
+        '- Make a slide deck on AI.'
         '\n\n'
-        'SlideDeck AI generates only text content. It does not have access to the Web.'
+        'Subsequently, you can add follow-up instructions, e.g.:\n'
+        '- Can you add a slide on GPUs?'
+        '\n\n'
+        ' You can also ask it to refine any particular slide, e.g.:\n'
+        '- Make the slide with title \'Examples of AI\' a bit more descriptive.'
+        '\n\n'
+        'See this [demo video](https://youtu.be/QvAKzNKtk9k) for a brief walkthrough.'
+        'SlideDeck AI does not have access to the Web.'
         '\n\n'
         'If you like SlideDeck AI, please consider leaving a heart ❤️ on the'
         ' [Hugging Face Space](https://huggingface.co/spaces/barunsaha/slide-deck-ai/) or'

helpers/pptx_helper.py

@@ -225,7 +225,7 @@ def _handle_step_by_step_process(
                 shape = shapes.add_shape(MSO_AUTO_SHAPE_TYPE.CHEVRON, left, top, width, height)
                 shape.text = step.removeprefix(STEP_BY_STEP_PROCESS_MARKER)
                 left += width - INCHES_0_4
-        elif n_steps > 4:
+        elif 4 < n_steps <= 6:
             # Vertical display
             height = pptx.util.Inches(0.65)
             width = pptx.util.Inches(slide_width_inch * 2/ 3)
@@ -239,6 +239,7 @@ def _handle_step_by_step_process(
                 left += INCHES_0_5
         else:
             # Two steps -- probably not a process
+            # More than 5--6 steps -- would likely cause a visual clutter
             return False
 
     return True