Add application file

app.py

@@ -40,12 +40,15 @@ except Exception as e:
 # Search input
 query = st.text_input("Search text (case-insensitive, exact substring match)", "").strip()
 
-# Build query
+# Escape single quotes in query
+query_safe = query.replace("'", "''")
+
+# Build query using exact substring match only (case-insensitive handled by ILIKE)
 if query:
     sql = f"""
         SELECT id, channel, video_id, speaker, start_time, end_time, upload_date, text, pos_tags, audio
         FROM data
-        WHERE LOWER(text) LIKE LOWER('%{query}%')
+        WHERE text ILIKE '%{query_safe}%'
         LIMIT 100
     """
     df = con.execute(sql).df()
@@ -77,35 +80,12 @@ else:
     df["Audio"] = df["audio"].apply(get_audio_html)
     df.drop(columns=["audio"], inplace=True)
 
-    from streamlit.components.v1 import html
-
-    def display_table_with_audio(df):
-        table_html = """
-        <table border='1' style='border-collapse:collapse;width:100%;font-size:13px;'>
-            <thead>
-                <tr>
-                    <th style='width:5em;'>id</th>
-                    <th style='width:6em;'>channel</th>
-                    <th style='width:6em;'>video_id</th>
-                    <th style='width:6em;'>speaker</th>
-                    <th style='width:6em;'>start_time</th>
-                    <th style='width:6em;'>end_time</th>
-                    <th style='width:6em;'>upload_date</th>
-                    <th style='width:20em;'>text</th>
-                    <th style='width:8em;'>pos_tags</th>
-                    <th style='width:12em;'>Audio</th>
-                </tr>
-            </thead>
-            <tbody>
-        """
-        for _, row in df.iterrows():
-            table_html += "<tr>"
-            for col in ["id", "channel", "video_id", "speaker", "start_time", "end_time", "upload_date", "text", "pos_tags", "Audio"]:
-                table_html += f"<td>{row[col]}</td>"
-            table_html += "</tr>"
-        table_html += "</tbody></table>"
-        return table_html
+    # Reorder columns so "Audio" is last and limit column width for id
+    display_cols = ["id", "channel", "video_id", "speaker", "start_time", "end_time", "upload_date", "text", "pos_tags", "Audio"]
+    df = df[display_cols]
 
+    # Show table with HTML rendering for audio
     st.markdown("### Results Table (Sortable with Audio Column)")
-    html(display_table_with_audio(df), height=900, scrolling=True)
+    st.write("(Scroll right to view audio controls)")
+    st.write(df.to_html(escape=False, index=False), unsafe_allow_html=True)