Update app.py

app.py

@@ -142,6 +142,36 @@ def copy_to_clipboard_js(text, button_id):
     <span id="copy_status_{button_id}" style="margin-left: 10px; font-weight: bold;"></span>
     """
 
+# --- Live Clock JavaScript ---
+def live_clock():
+    return """
+    <div class="datetime-display">
+        <span id="live_datetime"></span>
+    </div>
+    <script>
+        function updateClock() {
+            const options = {
+                timeZone: 'Australia/Melbourne',
+                year: 'numeric',
+                month: 'numeric',
+                day: 'numeric',
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+                hour12: false
+            };
+            const formatter = new Intl.DateTimeFormat('en-AU', options);
+            const now = new Date();
+            const parts = formatter.formatToParts(now);
+            const date = `${parts[4].value}-${parts[2].value}-${parts[0].value}`;
+            const time = `${parts[6].value}:${parts[8].value}:${parts[10].value}`;
+            document.getElementById('live_datetime').innerText = `${date} ${time}`;
+        }
+        updateClock();
+        setInterval(updateClock, 1000);
+    </script>
+    """
+
 # --- Streamlit App ---
 st.set_page_config(layout="wide", page_title="Smart Context Citation Tool")
 
@@ -218,18 +248,15 @@ with tabs[0]:
     with col6:
         annotated_text = st.text_input("Annotated Text", help="The text quoted or paraphrased from the source", placeholder="e.g., Thermal comfort thresholds...")
 
-    # Get current date and time in Melbourne timezone
+    # Live date and time display
+    st.markdown(live_clock(), unsafe_allow_html=True)
+
+    # Get current date and time in Melbourne timezone for hash generation
     melbourne_tz = pytz.timezone(MELBOURNE_TIMEZONE)
     current_datetime_melbourne = datetime.now(melbourne_tz)
     current_date = current_datetime_melbourne.strftime("%Y-%m-%d")
     current_time = current_datetime_melbourne.strftime("%H:%M:%S")
 
-    st.markdown(f"""
-    <div class="datetime-display">
-        {current_date} {current_time}
-    </div>
-    """, unsafe_allow_html=True)
-
     generate_button = st.button("Generate Citation", type="primary", use_container_width=True)
 
     if generate_button: