[feat] Fix up sidebar to match best practices

sfc-gh-bnisco · sfc-gh-bnisco · commit 92f39d7ea458 · 2026-02-17T13:24:02.000-08:00
diff --git a/app/bug_explorer.py b/app/bug_explorer.py
@@ -8,11 +8,11 @@
 
 from app.utils.github_utils import get_all_github_issues
 
-st.set_page_config(page_title="Bug Prioritization", page_icon="🐛", layout="wide")
+st.set_page_config(page_title="Bug prioritization", page_icon="🐛", layout="wide")
 
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("🐛 Bug Prioritization")
+    st.title("🐛 Bug prioritization")
     if st.button(":material/refresh: Refresh Data", type="tertiary"):
         get_all_github_issues.clear()
 
diff --git a/app/company_requests.py b/app/company_requests.py
@@ -9,11 +9,11 @@
 from app.utils.github_utils import get_headers, get_issue_comments, get_issue_data
 
 st.set_page_config(
-    page_title="Company Requests",
+    page_title="Company requests",
     page_icon="🏢",
 )
 
-st.title("🏢 Company Requests")
+st.title("🏢 Company requests")
 st.caption("Analyze which companies engaged with a GitHub issue through reactions and comments.")
 
 # Input field
diff --git a/app/flaky_tests.py b/app/flaky_tests.py
@@ -14,11 +14,11 @@
     fetch_workflow_runs_ids,
 )
 
-st.set_page_config(page_title="Flaky Tests", page_icon="🧫")
+st.set_page_config(page_title="Flaky tests", page_icon="🧫")
 
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("🧫 Flaky Tests")
+    st.title("🧫 Flaky tests")
     if st.button(":material/refresh: Refresh Data", type="tertiary"):
         fetch_workflow_runs.clear()
 
diff --git a/app/frontend_bundle_analysis.py b/app/frontend_bundle_analysis.py
@@ -18,11 +18,11 @@
     fetch_workflow_runs_for_commit,
 )
 
-st.set_page_config(page_title="Frontend Bundle Analysis", page_icon="📦", layout="wide")
+st.set_page_config(page_title="Frontend bundle analysis", page_icon="📦", layout="wide")
 
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("📦 Frontend Bundle Analysis")
+    st.title("📦 Frontend bundle analysis")
     if st.button(":material/refresh: Refresh Data", type="tertiary"):
         fetch_workflow_runs.clear()
 
diff --git a/app/github_stats.py b/app/github_stats.py
@@ -19,6 +19,8 @@
 # Define the repo URL
 GITHUB_REPO = "streamlit/streamlit"
 
+st.set_page_config(page_title="GitHub stats", page_icon="📊", layout="wide")
+
 REACTION_EMOJI = {
     "+1": "👍",
     "-1": "👎",
@@ -97,7 +99,7 @@ def fetch_pr_metrics(merged_since: date) -> pd.DataFrame:
 
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("📊 GitHub Stats")
+    st.title("📊 GitHub stats")
     if st.button(":material/refresh: Refresh Data", type="tertiary"):
         get_git_fame_stats.clear()
         fetch_pr_metrics.clear()
diff --git a/app/interrupt_rotation.py b/app/interrupt_rotation.py
@@ -21,10 +21,10 @@
 )
 
 # Set page configuration
-st.set_page_config(page_title="Interrupt Rotation - Dashboard", page_icon="🩺", layout="wide")
+st.set_page_config(page_title="Interrupt rotation", page_icon="🩺", layout="wide")
 
 # Main app
-st.title("🩺 Interrupt Rotation - Dashboard")
+st.title("🩺 Interrupt rotation")
 st.caption("This dashboard provides an overview of repository health and areas that require attention.")
 
 st.session_state.setdefault("interrupt_refresh_nonce", 0)
diff --git a/app/issue_explorer.py b/app/issue_explorer.py
@@ -7,8 +7,8 @@
 
 from app.utils.github_utils import get_issue_data
 
-st.set_page_config(page_title="Streamlit Issue", page_icon="🚧")
-st.title("🚧 Streamlit Issues")
+st.set_page_config(page_title="Issue explorer", page_icon="🚧")
+st.title("🚧 Issue explorer")
 
 st.caption(
     f"""
diff --git a/app/issue_reactions.py b/app/issue_reactions.py
@@ -14,13 +14,13 @@
 PATH_TO_ISSUES = pathlib.Path(PATH_OF_SCRIPT).parent.joinpath(DEFAULT_ISSUES_FOLDER).resolve()
 
 st.set_page_config(
-    page_title="Issue Reactions",
+    page_title="Issue reactions",
     page_icon="👍",
 )
 
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("🫶 Issue Reactions")
+    st.title("🫶 Issue reactions")
     if st.button(":material/refresh: Refresh Data", type="tertiary"):
         get_all_github_issues.clear()
 st.caption("This page analyzes user reactions on Github issues (emoji reaction or comment).")
diff --git a/app/open_issues.py b/app/open_issues.py
@@ -17,10 +17,11 @@
 PATH_TO_ISSUES = pathlib.Path(PATH_OF_SCRIPT).parent.joinpath(DEFAULT_ISSUES_FOLDER).resolve()
 
 st.set_page_config(
-    page_title="Open Issues",
+    page_title="Open issues",
     page_icon="🗃",
     initial_sidebar_state="collapsed",
 )
+st.title("🗃 Open issues")
 
 
 GROWTH_PERIODS = {
diff --git a/app/perf/lighthouse_interpreting_results.py b/app/perf/lighthouse_interpreting_results.py
@@ -1,6 +1,6 @@
 import streamlit as st
 
-TITLE = "Interpreting Lighthouse Results"
+TITLE = "Interpreting Lighthouse results"
 
 DOCS_1 = """
 ## What is Lighthouse?
@@ -72,8 +72,8 @@ def render_interpreting_results() -> None:
 
 
 def _standalone() -> None:
-    st.set_page_config(page_title=f"Streamlit Performance - {TITLE}")
-    st.header(f"Streamlit Performance - {TITLE}")
+    st.set_page_config(page_title=TITLE)
+    st.header(TITLE)
     render_interpreting_results()
 
 
diff --git a/app/perf/lighthouse_prs.py b/app/perf/lighthouse_prs.py
@@ -3,7 +3,7 @@
 from app.perf.utils.perf_github_artifacts import get_workflow_run_id
 from app.utils.github_utils import get_all_github_prs
 
-TITLE = "Streamlit Performance - Open PRs"
+TITLE = "Lighthouse open PRs"
 
 st.set_page_config(page_title=TITLE)
 
diff --git a/app/perf/lighthouse_runs.py b/app/perf/lighthouse_runs.py
@@ -22,13 +22,13 @@
 )
 from app.perf.utils.tab_nav import segmented_tabs
 
-TITLE = "Streamlit Performance - Lighthouse"
+TITLE = "Lighthouse performance"
 
 st.set_page_config(page_title=TITLE)
 
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("💡 Performance - Lighthouse")
+    st.title("💡 Lighthouse performance")
 
 tab = segmented_tabs(
     options=["Runs", "Interpret metrics", "Write a test"],
diff --git a/app/perf/lighthouse_single_run.py b/app/perf/lighthouse_single_run.py
@@ -7,7 +7,7 @@
 from app.perf.utils.perf_github_artifacts import process_artifact
 from app.utils.github_utils import fetch_artifacts
 
-TITLE = "Streamlit Performance - Single Lighthouse Run"
+TITLE = "Lighthouse single run"
 
 
 st.set_page_config(page_title=TITLE)
diff --git a/app/perf/lighthouse_writing_a_test.py b/app/perf/lighthouse_writing_a_test.py
@@ -1,6 +1,6 @@
 import streamlit as st
 
-TITLE = "Writing a Lighthouse Test"
+TITLE = "Writing a Lighthouse test"
 
 DOCS = """
 ## Existing Tests
@@ -31,8 +31,8 @@ def render_writing_a_test() -> None:
 
 
 def _standalone() -> None:
-    st.set_page_config(page_title=f"Streamlit Performance - {TITLE}")
-    st.header(f"Streamlit Performance - {TITLE}")
+    st.set_page_config(page_title=TITLE)
+    st.header(TITLE)
     render_writing_a_test()
 
 
diff --git a/app/perf/playwright_interpreting_results.py b/app/perf/playwright_interpreting_results.py
@@ -2,7 +2,7 @@
 
 from app.perf.utils.docs import METRIC_DEFINITIONS
 
-TITLE = "Interpreting Playwright Performance Results"
+TITLE = "Interpreting Playwright performance results"
 
 DOCS = f"""
 While the infrastructure for writing these tests aims to be as simple as
@@ -44,8 +44,8 @@ def render_interpreting_results() -> None:
 
 
 def _standalone() -> None:
-    st.set_page_config(page_title=f"Streamlit Performance - {TITLE}")
-    st.header(f"Streamlit Performance - {TITLE}")
+    st.set_page_config(page_title=TITLE)
+    st.header(TITLE)
     render_interpreting_results()
 
 
diff --git a/app/perf/playwright_metrics_comparison.py b/app/perf/playwright_metrics_comparison.py
@@ -9,7 +9,7 @@
     sum_long_animation_frames,
 )
 
-TITLE = "Streamlit Performance - Playwright Metrics Comparison"
+TITLE = "Playwright metrics comparison"
 
 st.set_page_config(page_title=TITLE)
 
diff --git a/app/perf/playwright_metrics_explorer.py b/app/perf/playwright_metrics_explorer.py
@@ -12,7 +12,7 @@
     sum_long_animation_frames,
 )
 
-TITLE = "Playwright Metrics Explorer"
+TITLE = "Playwright metrics explorer"
 
 DOCS = """
 Every Performance job in CI, and any run of a performance job locally outputs json file artifacts that contain the captured traces from the Playwright run. This tool allows you to upload one of these json files and visualize the captured traces in a Gantt chart as well as understand the meaning of the key metrics.
@@ -195,8 +195,8 @@ def check_update(phase_values: dict, _profile_id: str) -> str:
 
 
 def _standalone() -> None:
-    st.set_page_config(page_title=f"Streamlit Performance - {TITLE}", layout="wide")
-    st.header(f"Streamlit Performance - {TITLE}")
+    st.set_page_config(page_title=TITLE, layout="wide")
+    st.header(TITLE)
     render_metrics_explorer()
 
 
diff --git a/app/perf/playwright_performance_runs.py b/app/perf/playwright_performance_runs.py
@@ -25,13 +25,13 @@
     find_and_remove_outliers,
 )
 
-TITLE = "Streamlit Performance - Playwright"
+TITLE = "Playwright performance"
 
 st.set_page_config(page_title=TITLE, layout="wide")
 
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("🎭 Performance - Playwright")
+    st.title("🎭 Playwright performance")
 
 tab = segmented_tabs(
     options=["Runs", "Interpret metrics", "Write a test", "Explorer"],
diff --git a/app/perf/playwright_writing_a_test.py b/app/perf/playwright_writing_a_test.py
@@ -1,6 +1,6 @@
 import streamlit as st
 
-TITLE = "Writing a Playwright Performance Test"
+TITLE = "Writing a Playwright performance test"
 
 DOCS = """
 
@@ -52,8 +52,8 @@ def render_writing_a_test() -> None:
 
 
 def _standalone() -> None:
-    st.set_page_config(page_title=f"Streamlit Performance - {TITLE}")
-    st.header(f"Streamlit Performance - {TITLE}")
+    st.set_page_config(page_title=TITLE)
+    st.header(TITLE)
     render_writing_a_test()
 
 
diff --git a/app/perf/pytest_benchmark_runs.py b/app/perf/pytest_benchmark_runs.py
@@ -19,13 +19,13 @@
 from app.perf.utils.pytest_types import BenchmarkStats, OutputJson
 from app.perf.utils.tab_nav import segmented_tabs
 
-TITLE = "Streamlit Performance - Pytest"
+TITLE = "Pytest performance"
 
 st.set_page_config(page_title=TITLE, layout="wide")
 
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("🧪 Performance - Pytest")
+    st.title("🧪 Pytest performance")
 
 tab = segmented_tabs(
     options=["Runs", "Interpret metrics", "Write a test"],
diff --git a/app/perf/pytest_interpreting_results.py b/app/perf/pytest_interpreting_results.py
@@ -1,6 +1,6 @@
 import streamlit as st
 
-TITLE = "Interpreting Pytest Benchmark Results"
+TITLE = "Interpreting Pytest benchmark results"
 
 DOCS = """
 ### How `pytest-benchmark` Works
@@ -32,8 +32,8 @@ def render_interpreting_results() -> None:
 
 
 def _standalone() -> None:
-    st.set_page_config(page_title=f"Streamlit Performance - {TITLE}")
-    st.header(f"Streamlit Performance - {TITLE}")
+    st.set_page_config(page_title=TITLE)
+    st.header(TITLE)
     render_interpreting_results()
 
 
diff --git a/app/perf/pytest_writing_a_test.py b/app/perf/pytest_writing_a_test.py
@@ -1,6 +1,6 @@
 import streamlit as st
 
-TITLE = "Writing a Pytest Benchmark Test"
+TITLE = "Writing a Pytest benchmark test"
 
 DOCS = """
 ## When to Use a Pytest Benchmark Test
@@ -59,8 +59,8 @@ def render_writing_a_test() -> None:
 
 
 def _standalone() -> None:
-    st.set_page_config(page_title=f"Streamlit Performance - {TITLE}")
-    st.header(f"Streamlit Performance - {TITLE}")
+    st.set_page_config(page_title=TITLE)
+    st.header(TITLE)
     render_writing_a_test()
 
 
diff --git a/app/spec_renderer.py b/app/spec_renderer.py
@@ -5,6 +5,8 @@
 
 from app.utils.github_utils import get_all_github_prs, get_headers
 
+st.set_page_config(page_title="Spec renderer", page_icon="🔧")
+
 
 def fetch_open_prs() -> list[dict]:
     """Fetch open PRs from streamlit/streamlit repo."""
@@ -322,7 +324,7 @@ def extract_title_and_content(markdown_content: str) -> tuple[str | None, str]:
 def main() -> None:
     title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
     with title_row:
-        st.title("🔧 Spec Renderer")
+        st.title("🔧 Spec renderer")
         if st.button(":material/refresh: Refresh Data", type="tertiary"):
             get_all_github_prs.clear(state="open")
     st.markdown("Read product specs from the Streamlit repo. So far only supports PRs, not merged specs.")
diff --git a/app/test_coverage_frontend.py b/app/test_coverage_frontend.py
@@ -21,7 +21,7 @@
 from app.utils.smokeshow import extract_and_upload_coverage_report
 
 # Set page configuration
-st.set_page_config(page_title="Code Coverage (Frontend)", page_icon="☂️", layout="wide")
+st.set_page_config(page_title="Frontend test coverage", page_icon="☂️", layout="wide")
 
 # GitHub API configuration is now imported
 
@@ -74,7 +74,7 @@ def display_coverage_report_dialog(run_id: int) -> None:
 # Page title and description
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("☂️ Test Coverage (Frontend)")
+    st.title("☂️ Frontend test coverage")
     if st.button(":material/refresh: Refresh Data", type="tertiary"):
         fetch_workflow_runs.clear()
 if pr_number is not None:
diff --git a/app/test_coverage_python.py b/app/test_coverage_python.py
@@ -21,7 +21,7 @@
 from app.utils.smokeshow import extract_and_upload_coverage_report
 
 # Set page configuration
-st.set_page_config(page_title="Code Coverage (Python)", page_icon="☂️", layout="wide")
+st.set_page_config(page_title="Python test coverage", page_icon="☂️", layout="wide")
 
 # Get PR number from query parameters if available
 query_params = st.query_params
@@ -30,7 +30,7 @@
 # Page title and description
 title_row = st.container(horizontal=True, horizontal_alignment="distribute", vertical_alignment="center")
 with title_row:
-    st.title("☂️ Test Coverage (Python)")
+    st.title("☂️ Python test coverage")
     if st.button(":material/refresh: Refresh Data", type="tertiary"):
         fetch_workflow_runs.clear()
 if pr_number is not None:
diff --git a/app/wheel_size.py b/app/wheel_size.py
diff --git a/🚧_Streamlit_Issue_Explorer.py b/🚧_Streamlit_Issue_Explorer.py
