st_components/footer.py

import time
import streamlit as st
from st_components.render_key_state import render_key_state
from streamlit_extras.bottom_container import bottom

@st.experimental_fragment(run_every=1)
def print_credit_time():
    current_time = time.strftime("%H:%M:%S")
    st.write("Made with ❤️ by [Busan AI](https://busanai.com), time => ", current_time)    

def render_footer(st: st):
    with bottom():
        col1, col2, col3 = st.columns([1, 1, 1])
        with col1:
            if st.session_state.selected_dataset is not None:
                st.success(f"✨ 데이터가 선택되었습니다.: {st.session_state.selected_dataset}")
            else:
                st.error("🚨 데이터를 선택해주세요.")
        with col2:
            render_key_state(st)
        with col3:
             with st.popover(label='⚙️ 고급 설정 변경하기', use_container_width=True):
                st.write("### LLM")
                models = ["gpt-4o", "gpt-4", "gpt-3.5-turbo"]
                selected_model = st.selectbox(
                    '언어모델 선택',
                    options=models,
                    key='selected_model'
                )
                use_cache = st.selectbox("캐시 사용", options=[True, False], index=0, key='use_cache')
                temperature = st.slider(
                    label="자유도 선택",
                    min_value=0.0,
                    max_value=1.0,
                    key='temperature',
                )

                # 가로선
                st.divider()

                st.write("### Summarization")

                summarization_methods = [
                    {"label": "llm",
                    "description": "기본 요약에 주석을 추가하기 위해 LLM을 사용하여 열의 의미 유형 및 데이터 세트 설명과 같은 세부 정보를 추가합니다."},
                    {"label": "default",
                    "description": "데이터 세트 열 통계 및 열 이름을 요약으로 사용합니다."},
                    {"label": "columns",
                    "description": "데이터 세트 열 이름을 요약으로 사용합니다."}
                ]

                selected_method_label = st.selectbox(
                    '요약 방법 선택',
                    options=[method["label"] for method in summarization_methods],
                    index=0,
                    key='selected_method',
                )

                selected_method = summarization_methods[[
                    method["label"] for method in summarization_methods].index(selected_method_label)]["label"]

                # add description of selected method in very small font to sidebar
                selected_summary_method_description = summarization_methods[[
                    method["label"] for method in summarization_methods].index(selected_method_label)]["description"]

                if selected_method:
                    st.markdown(
                        f"<span> {selected_summary_method_description} </span>",
                        unsafe_allow_html=True)
                
                st.divider()

                st.write("### Visualization")
                visualization_libraries = ["seaborn", "matplotlib", "plotly", "altair"]

                selected_library = st.selectbox(
                        '시각화 라이브러리 선택',
                        options=visualization_libraries,
                        key='selected_library')

        custom_css = """
        <style>
            .custom-made-with {
                padding: 5px;
                border-radius: 5px;
                text-align: center;
                transition: background-color 0.3s, color 0.3s;
                margin-top: -25px;
            }
            
            /* 밝은 모드 */
            @media (prefers-color-scheme: light) {
                .custom-made-with {
                    background-color: #f0f0f0;  /* 회색 배경 */
                    color: #000000;  /* 검은색 글씨 */
                }
            }
            
            /* 어두운 모드 */
            @media (prefers-color-scheme: dark) {
                .custom-made-with {
                    background-color: #333333;  /* 어두운 회색 배경 */
                    color: #ffffff;  /* 흰색 글씨 */
                }
            }
        </style>"""
        # CSS를 적용합니다.
        st.markdown(custom_css, unsafe_allow_html=True)

        # HTML로 내용을 작성하고 CSS 클래스를 적용합니다.
        st.markdown(
               body='<div class="custom-made-with">Developed with 🔥 by Donghun Seol, ssalssi1@gmail.com</div>',
               unsafe_allow_html=True)