Clean up material hub file labels

pages/Study_Material_Hub.py

@@ -1,4 +1,6 @@
+import re
 from html import escape
+from pathlib import Path
 from urllib.parse import quote
 
 import streamlit as st
@@ -30,6 +32,24 @@ OFFICE_PREVIEW_MIMES = {
 }
 
 
+def format_file_label(filename):
+    """Return a cleaner display label for a stored filename."""
+    stem = Path(filename).stem
+    return re.sub(r"[._-]+", " ", stem).strip() or filename
+
+
+def get_file_type_label(filename, file_mime):
+    """Return a short human-readable file type label."""
+    suffix = Path(filename).suffix.lower().lstrip(".")
+    if suffix:
+        return suffix
+    if file_mime.startswith("text/"):
+        return "text"
+    if file_mime == "application/pdf":
+        return "pdf"
+    return file_mime.rsplit("/", 1)[-1]
+
+
 def display_pdf(file_content):
     """Display PDF using streamlit-pdf-viewer."""
     pdf_viewer(file_content, width="100%", height=700)
@@ -41,7 +61,7 @@ def display_office_document(download_url, filename):
     preview_url = f"https://view.officeapps.live.com/op/embed.aspx?src={encoded_url}"
     components.iframe(preview_url, width=None, height=700, scrolling=True)
     st.caption(
-        f"Inline preview for `{filename}` is powered by Office Web Viewer. "
+        f"Inline preview for `{format_file_label(filename)}` is powered by Office Web Viewer. "
         "If it does not load, use the download button."
     )
 
@@ -115,7 +135,14 @@ files_list = subject_data[selected_type]
 file_names = [file_entry["name"] for file_entry in files_list]
 with filter_cols[3]:
     selected_file_name = (
-        st.selectbox("File", file_names, key="hub_file") if file_names else None
+        st.selectbox(
+            "File",
+            file_names,
+            key="hub_file",
+            format_func=format_file_label,
+        )
+        if file_names
+        else None
     )
 
 selected_file_obj = (
@@ -178,7 +205,7 @@ with preview_col:
         f"""
         <section class="plexi-panel">
             <div class="plexi-kicker">{selected_semester}</div>
-            <div class="plexi-sidecard-title">{selected_file_obj["name"]}</div>
+            <div class="plexi-sidecard-title">{format_file_label(selected_file_obj["name"])}</div>
             <div class="plexi-muted">
                 {selected_subject} / {selected_type}
             </div>
@@ -244,7 +271,7 @@ with info_col:
             </div>
             <div class="plexi-meta-row">
                 <div class="plexi-meta-key">Format</div>
-                <div class="plexi-meta-value">{escape(file_mime)}</div>
+                <div class="plexi-meta-value">{escape(get_file_type_label(selected_file_obj["name"], file_mime).upper())}</div>
             </div>
         </section>
         """,
@@ -264,7 +291,7 @@ with info_col:
         item_class = "current" if file_name == selected_file_obj["name"] else ""
         label = "Current" if file_name == selected_file_obj["name"] else "Available"
         bucket_items.append(
-            f'<li class="{item_class}">{escape(label)}: {escape(file_name)}</li>'
+            f'<li class="{item_class}">{escape(label)}: {escape(format_file_label(file_name))}</li>'
         )
     st.markdown(
         f'<section class="plexi-meta"><ul class="plexi-filelist">{"".join(bucket_items)}</ul></section>',