Improved UI.

assets/html.py

@@ -1,33 +0,0 @@
-'''HTML elements for Gradio interface.'''
-
-TITLE = (
-    '''
-        <center> 
-            <h1>RSS feed reader</h1>
-        </center>
-    '''
-)
-
-DESCRIPTION = (
-    '''
-        <p>RSS feed reader MCP server. See 
-        <a href="https://huggingface.co/spaces/Agents-MCP-Hackathon/rss-mcp-client">
-        Agentic RSS reader</a>for a demonstration. Check out the 
-        <a href="https://github.com/gperdrizet/MCP-hackathon/tree/main">
-        main project repo on GitHub</a>. Both Spaces by 
-        <a href="https://www.linkedin.com/in/gperdrizet">George Perdrizet</a>.</p>
-
-        <p>This Space is not meant to be used directly, but you can try out the bare tool below.
-        Enter a website name, website URL, or feed URI. The tool will do it's best
-        to find the feed and return titles, links and summaries for the three most recent posts.
-        Suggestions: http://openai.com/news/rss.xml, hackernews.com, slashdot, etc.</p>
-
-        <h2>Tools</h2>
-
-        <ol>
-            <li><b>DONE</b> Given a website name or URL, find its RSS feed and return recent
-                article titles, links and a generated summary of content if avalible</li>
-            <li><b>TODO</b> Simple RAG on requested RSS feed content</li>
-        </ol>
-    '''
-)

assets/text.py

@@ -0,0 +1,31 @@
+'''HTML elements for Gradio interface.'''
+
+TITLE = ('''
+    <center> 
+        <h1>RSS feed reader</h1>
+    </center>
+''')
+
+DESCRIPTION = ('''
+    RSS feed reader MCP server. See 
+    [Agentic RSS reader](https://huggingface.co/spaces/Agents-MCP-Hackathon/rss-mcp-client) 
+    for a demonstration. Check out the 
+    [main project repo on GitHub](https://github.com/gperdrizet/MCP-hackathon/tree/main)
+    . Both Spaces by 
+    [George Perdrizet](https://www.linkedin.com/in/gperdrizet)
+
+    This space is not meant to be used directly. It exposes a set of tools to
+    interact with RSS feeds for use by agents. For testing and demonstration,
+    you can try the tools directly below.
+
+    ## Tools
+
+    1. `get_feed()`: Given a website name or URL, find its RSS feed and
+        return recent article titles, links and a generated summary of content if
+        avalible. Caches results for fast retrieval by other tools. Embeds content
+        to vector database for subsequent RAG.
+    2. `context_search()`: Vector search on article content for RAG context.
+    3. `find_article()`: Uses vector search on article content to find title of article
+        that user is referring to.
+
+''')

rss_server.py

@@ -5,7 +5,7 @@ from pathlib import Path
 from logging.handlers import RotatingFileHandler
 
 import gradio as gr
-import assets.html as html
+import assets.text as text
 import functions.tools as tool_funcs
 import functions.gradio_functions as gradio_funcs
 
@@ -38,12 +38,12 @@ logger = logging.getLogger(__name__)
 with gr.Blocks() as demo:
 
     # Page text
-    gr.HTML(html.TITLE)
-    gr.HTML(html.DESCRIPTION)
+    gr.HTML(text.TITLE)
+    gr.Markdown(text.DESCRIPTION)
 
     # Log output
     with gr.Row():
-        dialog_output = gr.Textbox(label='Server logs', lines=5, max_lines=5)
+        dialog_output = gr.Textbox(label='Server logs', lines=7, max_lines=5)
 
     timer = gr.Timer(0.5, active=True)
 
@@ -54,11 +54,15 @@ with gr.Blocks() as demo:
     )
 
     # Get feed tool
+    gr.Markdown('### 1. `get_feed()`')
     website_url = gr.Textbox('hackernews.com', label='Website')
-    feed_output = gr.Textbox(label='RSS entries', lines=10, max_lines=10)
-    submit_button = gr.Button('Submit')
+    feed_output = gr.Textbox(label='RSS entries', lines=7, max_lines=7)
 
-    submit_button.click( # pylint: disable=no-member
+    with gr.Row():
+        website_submit_button = gr.Button('Submit website')
+        website_clear_button = gr.ClearButton(components=[website_url, feed_output])
+
+    website_submit_button.click( # pylint: disable=no-member
         fn=tool_funcs.get_feed,
         inputs=website_url,
         outputs=feed_output,
@@ -66,11 +70,15 @@ with gr.Blocks() as demo:
     )
 
     # Vector search tool
+    gr.Markdown('### 2. `context_search()`')
     search_query = gr.Textbox('Does apple offer parental controls?', label='Vector search query')
-    search_output = gr.Textbox(label='Vector search results', lines=10, max_lines=10)
-    submit_button = gr.Button('Submit')
+    search_output = gr.Textbox(label='Vector search results', lines=7, max_lines=7)
+
+    with gr.Row():
+        search_submit_button = gr.Button('Submit query')
+        search_clear_button = gr.ClearButton(components=[search_query, search_output])
 
-    submit_button.click( # pylint: disable=no-member
+    search_submit_button.click( # pylint: disable=no-member
         fn=tool_funcs.context_search,
         inputs=search_query,
         outputs=search_output,