import streamlit as st
import streamlit.components.v1 as components
from streamlit_shortcuts import button, add_keyboard_shortcuts 
import base64 

st.title("📘Named Entity Recognition")

st.header("Tags the below 41 medical entities")

'ACTIVITY'
'ADMINISTRATION'
'AGE'
'AREA'
'BIOLOGICAL_ATTRIBUTE'
'BIOLOGICAL_STRUCTURE'
'CLINICAL_EVENT'
'COLOR'
'COREFERENCE'
'DATE'
'DETAILED_DESCRIPTION'
'DIAGNOSTIC_PROCEDURE'
'DISEASE_DISORDER'
'DISTANCE'
'DOSAGE'
'DURATION'
'FAMILY_HISTORY'
'FREQUENCY'
'HEIGHT'
'HISTORY'
'LAB_VALUE'
'MASS'
'MEDICATION'
'NONBIOLOGICAL_LOCATION'
'OCCUPATION'
'OTHER_ENTITY'
'OUTCOME'
'PERSONAL_BACKGROUND'
'QUALITATIVE_CONCEPT'
'QUANTITATIVE_CONCEPT'
'SEVERITY'
'SEX'
'SHAPE'
'SIGN_SYMPTOM'
'SUBJECT'
'TEXTURE'
'THERAPEUTIC_PROCEDURE'
'TIME'
'VOLUME'
'WEIGHT'


# This is the key trick:
# 1. Define all content first
content = [f"This is scrollable content line {i}" for i in range(100)]

# 2. Display first part of content
for i in range(len(content) - 1):
    st.write(content[i])

# 3. Add a placeholder for the last item
last_item = st.empty()

# 4. Show "Bottom Reached!" message to confirm we're at the bottom
st.success("Bottom of page reached!")

# 5. Finally, add the last content item
# This forces Streamlit to render the page up to the bottom
last_item.write(content[-1])