final

.gitignore

@@ -0,0 +1 @@
+.streamlit

app copy 2.py

@@ -0,0 +1,133 @@
+import streamlit as st
+from st_pages import Page, show_pages
+from openai import OpenAI
+import urllib.parse
+from whisper_stt import whisper_stt
+
+# Set page configuration
+st.set_page_config(layout="wide")
+show_pages([Page("app.py", "Home", "🏠")])
+
+# Initialize session state variables
+if 'paused' not in st.session_state:
+    st.session_state.paused = False
+if 'question_text' not in st.session_state:
+    st.session_state.question_text = ""
+if 'submitted' not in st.session_state:
+    st.session_state.submitted = False   
+if 'response_content' not in st.session_state:
+    st.session_state.response_content = []
+if 'stopped' not in st.session_state:
+    st.session_state.stopped = False
+if 'function_call_count' not in st.session_state:
+    st.session_state.function_call_count = 0       
+if 'transcribed_text' not in st.session_state:
+    st.session_state.transcribed_text = ""
+if 'last_processed_text' not in st.session_state:
+    st.session_state.last_processed_text = ""
+if 'questions' not in st.session_state:
+    st.session_state.questions = []
+
+def on_stop():
+    st.session_state.stopped = True
+
+def handle_enter(key):
+    if key == "ctrl+enter":
+        new_question = st.session_state.question_input
+        print(f"handle_enter called. new_question: '{new_question}'")
+        print(f"session state: {st.session_state}")
+
+with st.sidebar:
+    api_key = st.text_input("API Key", key="chatbot_api_key", type="password")
+
+    col1, col2 = st.columns(2)
+
+    with col1:
+        # Call whisper_stt without a callback
+        transcribed_text = whisper_stt(
+            openai_api_key=api_key,
+            language='en'
+        )
+        if transcribed_text:
+            st.session_state.question_text = transcribed_text
+
+        # Check if new transcription is available
+        if transcribed_text and transcribed_text != st.session_state.transcribed_text:
+            st.session_state.transcribed_text = transcribed_text
+            st.session_state.question_text = transcribed_text
+            st.session_state.submitted = True
+
+    if st.session_state.question_text:
+        st.write("Current Question:", st.session_state.question_text)
+
+    if 'question_input' in st.session_state and st.session_state.question_input:
+        st.write("Current Question Input:", st.session_state.question_input)
+        
+    with col2:
+        st.button(label='Stop', on_click=on_stop)
+   
+    # Create an input for the question and use new_question directly
+    new_question = st.text_area("Question", 
+        value=st.session_state.question_text or "", 
+        height=150, 
+        key="question_input",
+        on_change=handle_enter,
+        args=("ctrl+enter",)
+    )
+    print(f"After text_area, new_question: '{new_question}'")
+    # Check if new_question has changed and is not empty
+    if new_question and new_question != st.session_state.question_text:
+        st.session_state.question_text = new_question
+        st.session_state.submitted = True
+
+    st.markdown("## Navigation")
+    for i, q in enumerate(st.session_state.questions):
+        st.write(f"Q{i+1}: {q['question']}")
+
+if st.session_state.question_text and not api_key:
+    st.info("Please add your OpenAI API key to continue.")
+    st.stop()
+
+if st.session_state.submitted and not st.session_state.stopped:
+    st.session_state.questions.append({'question': st.session_state.question_text, 'response': ''})
+    
+    client = OpenAI(api_key=api_key)
+    st.session_state.messages = [{"role": "user", "content": st.session_state.question_text}]
+
+    response = client.chat.completions.create(
+        model="gpt-4o",
+        messages=st.session_state.messages,
+        stream=True
+    )
+
+    # Create a placeholder for the streamed response
+    response_placeholder = st.empty()
+    response_text = ""
+
+    for chunk in response:
+        if st.session_state.stopped:
+            st.session_state.stopped = False
+            st.session_state.submitted = False
+            break
+        else:
+            if chunk and chunk.choices[0].delta.content:
+                response_text += chunk.choices[0].delta.content
+                # Update the placeholder with the current response text
+                response_placeholder.markdown(f"**Answer:** {response_text}")
+
+    if response_text:
+        st.session_state.questions[-1]['response'] = response_text
+
+    st.session_state.submitted = False
+    st.session_state.stopped = False
+
+# Display previous questions and answers
+for i, q in enumerate(st.session_state.questions[:-1]):  # Exclude the last question
+    st.markdown(f"### Question {i+1}: {q['question']}")
+    st.markdown(f"**Answer:** {q['response']}")
+
+# Display the latest question separately
+if st.session_state.questions:
+    latest_q = st.session_state.questions[-1]
+    st.markdown(f"### Question {len(st.session_state.questions)}: {latest_q['question']}")
+    # The answer for the latest question is already being streamed in the placeholder

app copy 3.py

@@ -0,0 +1,135 @@
+import streamlit as st
+from st_pages import Page, show_pages
+from openai import OpenAI
+
+from whisper_stt import whisper_stt
+
+
+
+
+# Set page configuration
+st.set_page_config(layout="wide")
+show_pages([Page("app.py", "Home", "🏠")])
+
+# Initialize session state variables
+if 'paused' not in st.session_state:
+    st.session_state.paused = False
+if 'question_text' not in st.session_state:
+    st.session_state.question_text = ""
+if 'submitted' not in st.session_state:
+    st.session_state.submitted = False   
+if 'response_content' not in st.session_state:
+    st.session_state.response_content = ""
+if 'stopped' not in st.session_state:
+    st.session_state.stopped = False
+if 'function_call_count' not in st.session_state:
+    st.session_state.function_call_count = 0       
+if 'transcribed_text' not in st.session_state:
+    st.session_state.transcribed_text = ""
+if 'last_processed_text' not in st.session_state:
+    st.session_state.last_processed_text = ""
+if 'headers' not in st.session_state:
+    st.session_state.headers = []
+
+def create_anchor_link(text):
+    if text is None:
+        return ""
+    return f"<a href='#{text.strip().lower().replace(' ', '-').replace(',', '').replace('.', '').replace(chr(39), '-')}'>{text}</a>"
+
+def on_stop():
+    st.session_state.stopped = True
+
+col0 = st.columns(1)[0]
+placeholder = col0.empty()  # Define the placeholder
+def handle_enter(key):
+    if key == "ctrl+enter":
+        new_question = st.session_state.question_input
+        print(f"handle_enter called. new_question: '{new_question}'")
+        print(f"session state: {st.session_state}")
+with st.sidebar:
+    api_key = st.text_input("API Key", key="chatbot_api_key", type="password")
+
+    col1, col2 = st.columns(2)
+
+    with col1:
+        # Call whisper_stt without a callback
+        transcribed_text = whisper_stt(
+            openai_api_key=api_key,
+            language='en'
+        )
+        if transcribed_text:
+            st.session_state.question_text = transcribed_text
+
+        # Check if new transcription is available
+        if transcribed_text and transcribed_text != st.session_state.transcribed_text:
+            st.session_state.transcribed_text = transcribed_text
+            st.session_state.question_text = transcribed_text
+            st.session_state.submitted = True
+
+    if st.session_state.question_text:
+        st.markdown(create_anchor_link(st.session_state.question_text), unsafe_allow_html=True)  
+
+    if 'question_input' in st.session_state and st.session_state.question_input:
+        st.markdown(create_anchor_link(st.session_state.question_input), unsafe_allow_html=True)         
+    with col2:
+        st.button(label='Stop', on_click=on_stop)
+   
+    # Create an input for the question and use new_question directly
+    new_question = st.text_area("Question", 
+        value=st.session_state.question_text or "", 
+        height=150, 
+        key="question_input",
+        on_change=handle_enter,
+        args=("ctrl+enter",)
+    )
+    print(f"After text_area, new_question: '{new_question}'")
+    # Check if new_question has changed and is not empty
+    if new_question and new_question != st.session_state.question_text:
+        st.session_state.question_text = new_question
+        st.session_state.submitted = True
+
+    st.markdown("## Navigation")
+    for header in st.session_state.headers:
+        st.markdown(create_anchor_link(header), unsafe_allow_html=True)    
+
+if st.session_state.question_text and not api_key:
+    st.info("Please add your OpenAI API key to continue.")
+    st.stop()
+
+if st.session_state.submitted and not st.session_state.stopped:
+    st.session_state.headers.append(st.session_state.question_text)
+    
+    if st.session_state.function_call_count == 0:
+        header = f'## {st.session_state.question_text}'
+        anchor = create_anchor_link(st.session_state.question_text)
+        st.session_state.response_content += f'{header}\n\n{anchor}\n\n'
+    else:
+        header = f'\n\n---\n{st.session_state.question_text}\n---\n\n'
+        anchor = create_anchor_link(st.session_state.question_text)
+        st.session_state.response_content += f'{header}{anchor}\n\n'
+    
+    st.session_state.function_call_count += 1
+    client = OpenAI(api_key=api_key)
+    st.session_state.messages = [{"role": "user", "content": st.session_state.question_text}]
+
+    response = client.chat.completions.create(
+        model="gpt-4o",
+        messages=st.session_state.messages,
+        stream=True
+    )
+
+    for chunk in response:
+        if st.session_state.stopped:
+            st.session_state.stopped = False
+            st.session_state.submitted = False
+            break
+        else:
+            if chunk and chunk.choices[0].delta.content:
+                st.session_state.response_content += chunk.choices[0].delta.content
+                placeholder.markdown(st.session_state.response_content, unsafe_allow_html=True)
+
+    st.session_state.submitted = False
+    st.session_state.stopped = False
+
+placeholder.markdown(st.session_state.response_content, unsafe_allow_html=True)
+st.session_state.stopped = False

app copy 4.py

@@ -0,0 +1,135 @@
+import streamlit as st
+from st_pages import Page, show_pages
+from openai import OpenAI
+from whisper_stt import whisper_stt
+
+# Set page configuration
+st.set_page_config(layout="wide")
+show_pages([Page("app.py", "Home", "🏠")])
+
+# Initialize session state variables
+if 'paused' not in st.session_state:
+    st.session_state.paused = False
+if 'question_text' not in st.session_state:
+    st.session_state.question_text = ""
+if 'submitted' not in st.session_state:
+    st.session_state.submitted = False   
+if 'response_content' not in st.session_state:
+    st.session_state.response_content = ""
+if 'stopped' not in st.session_state:
+    st.session_state.stopped = False
+if 'function_call_count' not in st.session_state:
+    st.session_state.function_call_count = 0       
+if 'transcribed_text' not in st.session_state:
+    st.session_state.transcribed_text = ""
+if 'last_processed_text' not in st.session_state:
+    st.session_state.last_processed_text = ""
+if 'headers' not in st.session_state:
+    st.session_state.headers = []
+
+def create_anchor_link(text):
+    if text is None:
+        return ""
+    return f"<a href='#{text.strip().lower().replace(' ', '-').replace(',', '').replace('.', '').replace(chr(39), '-')}'>{text}</a>"
+
+def on_stop():
+    st.session_state.stopped = True
+expander = st.expander("Answer", expanded=True)
+with expander:
+    col0 = st.columns(1)[0]
+    placeholder = col0.empty()  # Define the placeholder
+
+def handle_enter(key):
+    if key == "ctrl+enter":
+        new_question = st.session_state.question_input
+        print(f"handle_enter called. new_question: '{new_question}'")
+        print(f"session state: {st.session_state}")
+
+with st.sidebar:
+    api_key = st.text_input("API Key", key="chatbot_api_key", type="password")
+
+    col1, col2 = st.columns(2)
+
+    with col1:
+        # Call whisper_stt without a callback
+        transcribed_text = whisper_stt(
+            openai_api_key=api_key,
+            language='en'
+        )
+        if transcribed_text:
+            st.session_state.question_text = transcribed_text
+            expander.header = transcribed_text
+
+        # Check if new transcription is available
+        if transcribed_text and transcribed_text != st.session_state.transcribed_text:
+            st.session_state.transcribed_text = transcribed_text
+            st.session_state.question_text = transcribed_text
+            st.session_state.submitted = True
+
+    if st.session_state.question_text:
+        st.markdown(create_anchor_link(st.session_state.question_text), unsafe_allow_html=True)  
+
+    if 'question_input' in st.session_state and st.session_state.question_input:
+        st.markdown(create_anchor_link(st.session_state.question_input), unsafe_allow_html=True)         
+    with col2:
+        st.button(label='Stop', on_click=on_stop)
+   
+    # Create an input for the question and use new_question directly
+    new_question = st.text_area("Question", 
+        value=st.session_state.question_text or "", 
+        height=150, 
+        key="question_input",
+        on_change=handle_enter,
+        args=("ctrl+enter",)
+    )
+    print(f"After text_area, new_question: '{new_question}'")
+    # Check if new_question has changed and is not empty
+    if new_question and new_question != st.session_state.question_text:
+        st.session_state.question_text = new_question
+        st.session_state.submitted = True
+
+    st.markdown("## Navigation")
+    for header in st.session_state.headers:
+        st.markdown(create_anchor_link(header), unsafe_allow_html=True)
+
+if st.session_state.question_text and not api_key:
+    st.info("Please add your OpenAI API key to continue.")
+    st.stop()
+
+if st.session_state.submitted and not st.session_state.stopped:
+    st.session_state.headers.append(st.session_state.question_text)
+    
+    if st.session_state.function_call_count == 0:
+        header = f'## {st.session_state.question_text}'
+        anchor = create_anchor_link(st.session_state.question_text)
+        st.session_state.response_content += f'{header}\n\n{anchor}\n\n'
+    else:
+        header = f'\n\n---\n{st.session_state.question_text}\n---\n\n'
+        anchor = create_anchor_link(st.session_state.question_text)
+        st.session_state.response_content += f'{header}{anchor}\n\n'
+    
+    st.session_state.function_call_count += 1
+    client = OpenAI(api_key=api_key)
+    st.session_state.messages = [{"role": "user", "content": st.session_state.question_text}]
+
+    response = client.chat.completions.create(
+        model="gpt-4o",
+        messages=st.session_state.messages,
+        stream=True
+    )
+
+    for chunk in response:
+        if st.session_state.stopped:
+            st.session_state.stopped = False
+            st.session_state.submitted = False
+            break
+        else:
+            if chunk and chunk.choices[0].delta.content:
+                st.session_state.response_content += chunk.choices[0].delta.content
+                placeholder.markdown(st.session_state.response_content, unsafe_allow_html=True)
+    expander.header = "Completed Answer"
+    st.session_state.submitted = False
+    st.session_state.stopped = False
+
+placeholder.markdown(st.session_state.response_content, unsafe_allow_html=True)
+st.session_state.stopped = False

app copy 5.py

@@ -0,0 +1,137 @@
+import streamlit as st
+from st_pages import Page, show_pages
+from openai import OpenAI
+from whisper_stt import whisper_stt
+
+# Set page configuration
+st.set_page_config(layout="wide")
+show_pages([Page("app.py", "Home", "🏠")])
+
+# Initialize session state variables
+if 'paused' not in st.session_state:
+    st.session_state.paused = False
+if 'question_text' not in st.session_state:
+    st.session_state.question_text = ""
+if 'submitted' not in st.session_state:
+    st.session_state.submitted = False   
+if 'response_content' not in st.session_state:
+    st.session_state.response_content = ""
+if 'stopped' not in st.session_state:
+    st.session_state.stopped = False
+if 'function_call_count' not in st.session_state:
+    st.session_state.function_call_count = 0       
+if 'transcribed_text' not in st.session_state:
+    st.session_state.transcribed_text = ""
+if 'last_processed_text' not in st.session_state:
+    st.session_state.last_processed_text = ""
+if 'headers' not in st.session_state:
+    st.session_state.headers = []
+
+def create_anchor_link(text):
+    if text is None:
+        return ""
+    return f"<a href='#{text.strip().lower().replace(' ', '-').replace(',', '').replace('.', '').replace(chr(39), '-')}'>{text}</a>"
+
+def on_stop():
+    st.session_state.stopped = True
+
+def handle_enter(key):
+    if key == "ctrl+enter":
+        new_question = st.session_state.question_input
+        print(f"handle_enter called. new_question: '{new_question}'")
+        print(f"session state: {st.session_state}")
+
+with st.sidebar:
+    api_key = st.text_input("API Key", key="chatbot_api_key", type="password")
+
+    col1, col2 = st.columns(2)
+
+    with col1:
+        # Call whisper_stt without a callback
+        transcribed_text = whisper_stt(
+            openai_api_key=api_key,
+            language='en'
+        )
+        if transcribed_text:
+            st.session_state.question_text = transcribed_text
+
+        # Check if new transcription is available
+        if transcribed_text and transcribed_text != st.session_state.transcribed_text:
+            st.session_state.transcribed_text = transcribed_text
+            st.session_state.question_text = transcribed_text
+            st.session_state.submitted = True
+
+    if st.session_state.question_text:
+        st.markdown(create_anchor_link(st.session_state.question_text), unsafe_allow_html=True)  
+
+    if 'question_input' in st.session_state and st.session_state.question_input:
+        st.markdown(create_anchor_link(st.session_state.question_input), unsafe_allow_html=True)         
+    with col2:
+        st.button(label='Stop', on_click=on_stop)
+   
+    # Create an input for the question and use new_question directly
+    new_question = st.text_area("Question", 
+        value=st.session_state.question_text or "", 
+        height=150, 
+        key="question_input",
+        on_change=handle_enter,
+        args=("ctrl+enter",)
+    )
+    print(f"After text_area, new_question: '{new_question}'")
+    # Check if new_question has changed and is not empty
+    if new_question and new_question != st.session_state.question_text:
+        st.session_state.question_text = new_question
+        st.session_state.submitted = True
+
+    st.markdown("## Navigation")
+    for header in st.session_state.headers:
+        st.markdown(create_anchor_link(header), unsafe_allow_html=True)
+
+if st.session_state.question_text and not api_key:
+    st.info("Please add your OpenAI API key to continue.")
+    st.stop()
+
+# Define the placeholder outside the expander block to avoid NameError
+#placeholder = st.empty()
+
+if st.session_state.submitted and not st.session_state.stopped:
+    st.session_state.headers.append(st.session_state.question_text)
+    
+    if st.session_state.function_call_count == 0:
+        header = f'## {st.session_state.question_text}'
+        anchor = create_anchor_link(st.session_state.question_text)
+        st.session_state.response_content += f'{header}\n\n{anchor}\n\n'
+    else:
+        header = f'\n\n---\n{st.session_state.question_text}\n---\n\n'
+        anchor = create_anchor_link(st.session_state.question_text)
+        st.session_state.response_content += f'{header}{anchor}\n\n'
+    
+    st.session_state.function_call_count += 1
+    client = OpenAI(api_key=api_key)
+    st.session_state.messages = [{"role": "user", "content": st.session_state.question_text}]
+
+    response = client.chat.completions.create(
+        model="gpt-4",
+        messages=st.session_state.messages,
+        stream=True
+    )
+
+    expander = st.expander(st.session_state.question_text, expanded=True)
+    with expander:
+        # Use the placeholder defined outside the block
+        expander_placeholder = st.empty()  
+
+    for chunk in response:
+        if st.session_state.stopped:
+            st.session_state.stopped = False
+            st.session_state.submitted = False
+            break
+        else:
+            if chunk and chunk.choices[0].delta.content:
+                st.session_state.response_content += chunk.choices[0].delta.content
+                expander_placeholder.markdown(st.session_state.response_content, unsafe_allow_html=True)
+    st.session_state.submitted = False
+    st.session_state.stopped = False
+
+#expander_placeholder.markdown(st.session_state.response_content, unsafe_allow_html=True)
+st.session_state.stopped = False

app copy 6.py

@@ -0,0 +1,112 @@
+import streamlit as st
+from st_pages import Page, show_pages
+from openai import OpenAI
+from whisper_stt import whisper_stt
+
+# Set page configuration
+st.set_page_config(layout="wide")
+show_pages([Page("app.py", "Home", "🏠")])
+
+# Initialize session state variables
+if 'paused' not in st.session_state:
+    st.session_state.paused = False
+if 'question_text' not in st.session_state:
+    st.session_state.question_text = ""
+if 'submitted' not in st.session_state:
+    st.session_state.submitted = False   
+if 'response_content' not in st.session_state:
+    st.session_state.response_content = ""
+if 'stopped' not in st.session_state:
+    st.session_state.stopped = False
+if 'function_call_count' not in st.session_state:
+    st.session_state.function_call_count = 0       
+if 'transcribed_text' not in st.session_state:
+    st.session_state.transcribed_text = ""
+if 'last_processed_text' not in st.session_state:
+    st.session_state.last_processed_text = ""
+if 'headers' not in st.session_state:
+    st.session_state.headers = []
+
+
+def on_stop():
+    st.session_state.stopped = True
+
+def handle_enter(key):
+    if key == "ctrl+enter":
+        new_question = st.session_state.question_input
+        print(f"handle_enter called. new_question: '{new_question}'")
+        print(f"session state: {st.session_state}")
+
+with st.sidebar:
+    api_key = st.text_input("API Key", key="chatbot_api_key", type="password")
+
+    col1, col2 = st.columns(2)
+
+    with col1:
+        # Call whisper_stt without a callback
+        transcribed_text = whisper_stt(
+            openai_api_key=api_key,
+            language='en'
+        )
+        if transcribed_text:
+            st.session_state.question_text = transcribed_text
+
+        # Check if new transcription is available
+        if transcribed_text and transcribed_text != st.session_state.transcribed_text:
+            st.session_state.transcribed_text = transcribed_text
+            st.session_state.question_text = transcribed_text
+            st.session_state.submitted = True
+
+
+
+        
+    with col2:
+        st.button(label='Stop', on_click=on_stop)
+   
+    # Create an input for the question and use new_question directly
+    new_question = st.text_area("Question", 
+        value=st.session_state.question_text or "", 
+        height=150, 
+        key="question_input",
+        on_change=handle_enter,
+        args=("ctrl+enter",)
+    )
+    print(f"After text_area, new_question: '{new_question}'")
+    # Check if new_question has changed and is not empty
+    if new_question and new_question != st.session_state.question_text:
+        st.session_state.question_text = new_question
+        st.session_state.submitted = True
+
+
+
+if st.session_state.question_text and not api_key:
+    st.info("Please add your OpenAI API key to continue.")
+    st.stop()
+
+if st.session_state.submitted and not st.session_state.stopped:
+    st.session_state.headers.append(st.session_state.question_text)
+    
+    client = OpenAI(api_key=api_key)
+    st.session_state.messages = [{"role": "user", "content": st.session_state.question_text}]
+
+    response = client.chat.completions.create(
+        model="gpt-4o",
+        messages=st.session_state.messages,
+        stream=True
+    )
+
+    expander = st.expander(f"<h2><strong>{st.session_state.question_text}</strong></h2>", expanded=True)
+    response_placeholder = expander.empty()
+    complete_response = ""
+
+    for chunk in response:
+        if st.session_state.stopped:
+            st.session_state.stopped = False
+            st.session_state.submitted = False
+            break
+        else:
+            if chunk and chunk.choices[0].delta.content:
+                complete_response += chunk.choices[0].delta.content
+                response_placeholder.markdown(complete_response, unsafe_allow_html=True)
+    st.session_state.submitted = False
+    st.session_state.stopped = False

app copy 7.py

@@ -0,0 +1,119 @@
+import streamlit as st
+from st_pages import Page, show_pages
+from openai import OpenAI
+from whisper_stt import whisper_stt
+
+# Set page configuration
+st.set_page_config(layout="wide")
+show_pages([Page("app.py", "Home", "🏠")])
+
+# Custom CSS for expander header
+st.markdown("""
+    <style>
+    .streamlit-expanderHeader {
+        font-size: 24px !important;
+        font-weight: bold !important;
+        color: #1E90FF !important;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+# Initialize session state variables
+if 'paused' not in st.session_state:
+    st.session_state.paused = False
+if 'question_text' not in st.session_state:
+    st.session_state.question_text = ""
+if 'submitted' not in st.session_state:
+    st.session_state.submitted = False   
+if 'response_content' not in st.session_state:
+    st.session_state.response_content = ""
+if 'stopped' not in st.session_state:
+    st.session_state.stopped = False
+if 'function_call_count' not in st.session_state:
+    st.session_state.function_call_count = 0       
+if 'transcribed_text' not in st.session_state:
+    st.session_state.transcribed_text = ""
+if 'last_processed_text' not in st.session_state:
+    st.session_state.last_processed_text = ""
+if 'headers' not in st.session_state:
+    st.session_state.headers = []
+
+def on_stop():
+    st.session_state.stopped = True
+
+def handle_enter(key):
+    if key == "ctrl+enter":
+        new_question = st.session_state.question_input
+        print(f"handle_enter called. new_question: '{new_question}'")
+        print(f"session state: {st.session_state}")
+
+with st.sidebar:
+    api_key = st.text_input("API Key", key="chatbot_api_key", type="password")
+
+    col1, col2 = st.columns(2)
+
+    with col1:
+        # Call whisper_stt without a callback
+        transcribed_text = whisper_stt(
+            openai_api_key=api_key,
+            language='en'
+        )
+        if transcribed_text:
+            st.session_state.question_text = transcribed_text
+
+        # Check if new transcription is available
+        if transcribed_text and transcribed_text != st.session_state.transcribed_text:
+            st.session_state.transcribed_text = transcribed_text
+            st.session_state.question_text = transcribed_text
+            st.session_state.submitted = True
+
+    with col2:
+        st.button(label='Stop', on_click=on_stop)
+
+    # Create an input for the question and use new_question directly
+    new_question = st.text_area("Question", 
+        value=st.session_state.question_text or "", 
+        height=150, 
+        key="question_input",
+        on_change=handle_enter,
+        args=("ctrl+enter",)
+    )
+    print(f"After text_area, new_question: '{new_question}'")
+    # Check if new_question has changed and is not empty
+    if new_question and new_question != st.session_state.question_text:
+        st.session_state.question_text = new_question
+        st.session_state.submitted = True
+
+if st.session_state.question_text and not api_key:
+    st.info("Please add your OpenAI API key to continue.")
+    st.stop()
+
+if st.session_state.submitted and not st.session_state.stopped:
+    st.session_state.headers.append(st.session_state.question_text)
+
+    client = OpenAI(api_key=api_key)
+    st.session_state.messages = [{"role": "user", "content": st.session_state.question_text}]
+
+    response = client.chat.completions.create(
+        model="gpt-4o",
+        messages=st.session_state.messages,
+        stream=True
+    )
+
+    # Use Streamlit's expander
+    with st.expander(st.session_state.question_text, expanded=True):
+        response_placeholder = st.empty()
+        complete_response = ""
+
+        for chunk in response:
+            if st.session_state.stopped:
+                st.session_state.stopped = False
+                st.session_state.submitted = False
+                break
+            else:
+                if chunk and chunk.choices[0].delta.content:
+                    complete_response += chunk.choices[0].delta.content
+                    response_placeholder.markdown(complete_response, unsafe_allow_html=True)
+    
+    st.session_state.submitted = False
+    st.session_state.stopped = False

app copy final.py

@@ -0,0 +1,136 @@
+import streamlit as st
+from st_pages import Page, show_pages
+from openai import OpenAI
+from whisper_stt import whisper_stt
+
+# Set page configuration
+st.set_page_config(layout="wide")
+show_pages([Page("app.py", "Home", "🏠")])
+
+
+
+# JavaScript to preserve scroll position
+st.markdown("""
+    <script>
+    window.addEventListener("load", function() {
+        if (window.location.hash) {
+            var hash = window.location.hash.substring(1);
+            if (hash && document.getElementById(hash)) {
+                document.getElementById(hash).scrollIntoView();
+            }
+        }
+    });
+
+    document.querySelectorAll('a').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+            e.preventDefault();
+            var targetId = this.getAttribute('href').substring(1);
+            var targetElement = document.getElementById(targetId);
+            if (targetElement) {
+                targetElement.scrollIntoView({ behavior: 'smooth' });
+            }
+            window.location.hash = targetId;
+        });
+    });
+    </script>
+    """, unsafe_allow_html=True)
+
+# Initialize session state variables
+if 'paused' not in st.session_state:
+    st.session_state.paused = False
+if 'question_text' not in st.session_state:
+    st.session_state.question_text = ""
+if 'submitted' not in st.session_state:
+    st.session_state.submitted = False   
+if 'response_content' not in st.session_state:
+    st.session_state.response_content = ""
+if 'stopped' not in st.session_state:
+    st.session_state.stopped = False
+if 'function_call_count' not in st.session_state:
+    st.session_state.function_call_count = 0       
+if 'transcribed_text' not in st.session_state:
+    st.session_state.transcribed_text = ""
+if 'last_processed_text' not in st.session_state:
+    st.session_state.last_processed_text = ""
+if 'headers' not in st.session_state:
+    st.session_state.headers = []
+
+def on_stop():
+    st.session_state.stopped = True
+
+def handle_enter(key):
+    if key == "ctrl+enter":
+        new_question = st.session_state.question_input
+        print(f"handle_enter called. new_question: '{new_question}'")
+        print(f"session state: {st.session_state}")
+
+with st.sidebar:
+    api_key = st.text_input("API Key", key="chatbot_api_key", type="password")
+
+    col1, col2 = st.columns(2)
+
+    with col1:
+        # Call whisper_stt without a callback
+        transcribed_text = whisper_stt(
+            openai_api_key=api_key,
+            language='en'
+        )
+        if transcribed_text:
+            st.session_state.question_text = transcribed_text
+
+        # Check if new transcription is available
+        if transcribed_text and transcribed_text != st.session_state.transcribed_text:
+            st.session_state.transcribed_text = transcribed_text
+            st.session_state.question_text = transcribed_text
+            st.session_state.submitted = True
+
+    with col2:
+        st.button(label='Stop', on_click=on_stop)
+
+    # Create an input for the question and use new_question directly
+    new_question = st.text_area("Question", 
+        value=st.session_state.question_text or "", 
+        height=150, 
+        key="question_input",
+        on_change=handle_enter,
+        args=("ctrl+enter",)
+    )
+    print(f"After text_area, new_question: '{new_question}'")
+    # Check if new_question has changed and is not empty
+    if new_question and new_question != st.session_state.question_text:
+        st.session_state.question_text = new_question
+        st.session_state.submitted = True
+
+if st.session_state.question_text and not api_key:
+    st.info("Please add your OpenAI API key to continue.")
+    st.stop()
+
+if st.session_state.submitted and not st.session_state.stopped:
+    st.session_state.headers.append(st.session_state.question_text)
+
+    client = OpenAI(api_key=api_key)
+    st.session_state.messages = [{"role": "user", "content": st.session_state.question_text}]
+
+    response = client.chat.completions.create(
+        model="gpt-4o",
+        messages=st.session_state.messages,
+        stream=True
+    )
+
+    # Use Streamlit's expander
+    with st.expander(st.session_state.question_text, expanded=True):
+        response_placeholder = st.empty()
+        complete_response = ""
+
+        for chunk in response:
+            if st.session_state.stopped:
+                st.session_state.stopped = False
+                st.session_state.submitted = False
+                break
+            else:
+                if chunk and chunk.choices[0].delta.content:
+                    complete_response += chunk.choices[0].delta.content
+                    response_placeholder.markdown(complete_response, unsafe_allow_html=True)
+    
+    st.session_state.submitted = False
+    st.session_state.stopped = False

app.py

@@ -1,13 +1,49 @@
 import streamlit as st
 from st_pages import Page, show_pages
 from openai import OpenAI
-import urllib.parse
 from whisper_stt import whisper_stt
 
 # Set page configuration
 st.set_page_config(layout="wide")
 show_pages([Page("app.py", "Home", "🏠")])
 
+# Custom CSS for expander header
+st.markdown("""
+    <style>
+    .streamlit-expanderHeader {
+        font-size: 24px !important;
+        font-weight: bold !important;
+        color: #1E90FF !important;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+# JavaScript to preserve scroll position
+st.markdown("""
+    <script>
+    window.addEventListener("load", function() {
+        if (window.location.hash) {
+            var hash = window.location.hash.substring(1);
+            if (hash && document.getElementById(hash)) {
+                document.getElementById(hash).scrollIntoView();
+            }
+        }
+    });
+
+    document.querySelectorAll('a').forEach(anchor => {
+        anchor.addEventListener('click', function (e) {
+            e.preventDefault();
+            var targetId = this.getAttribute('href').substring(1);
+            var targetElement = document.getElementById(targetId);
+            if (targetElement) {
+                targetElement.scrollIntoView({ behavior: 'smooth' });
+            }
+            window.location.hash = targetId;
+        });
+    });
+    </script>
+    """, unsafe_allow_html=True)
+
 # Initialize session state variables
 if 'paused' not in st.session_state:
     st.session_state.paused = False
@@ -27,20 +63,12 @@ if 'last_processed_text' not in st.session_state:
     st.session_state.last_processed_text = ""
 if 'headers' not in st.session_state:
     st.session_state.headers = []
-
-def create_anchor_link(text):
-    if text is None:
-        return ""
-    anchor = text.strip().lower().replace(' ', '-').replace(',', '').replace('.', '').replace(chr(39), '-')
-    anchor = urllib.parse.quote(anchor)
-    return f"<a href='#{anchor}' onclick='navigateToSection(\"{anchor}\");'>{text}</a>"
+if 'history' not in st.session_state:
+    st.session_state.history = []
 
 def on_stop():
     st.session_state.stopped = True
 
-col0 = st.columns(1)[0]
-placeholder = col0.empty()  # Define the placeholder
-
 def handle_enter(key):
     if key == "ctrl+enter":
         new_question = st.session_state.question_input
@@ -67,16 +95,9 @@ with st.sidebar:
             st.session_state.question_text = transcribed_text
             st.session_state.submitted = True
 
-    if st.session_state.question_text:
-        st.markdown(create_anchor_link(st.session_state.question_text), unsafe_allow_html=True)  
-        # Debug output
-        st.write("Debug: Generated anchor link:", create_anchor_link(st.session_state.question_text))
-
-    if 'question_input' in st.session_state and st.session_state.question_input:
-        st.markdown(create_anchor_link(st.session_state.question_input), unsafe_allow_html=True)         
     with col2:
         st.button(label='Stop', on_click=on_stop)
-   
+
     # Create an input for the question and use new_question directly
     new_question = st.text_area("Question", 
         value=st.session_state.question_text or "", 
@@ -91,27 +112,13 @@ with st.sidebar:
         st.session_state.question_text = new_question
         st.session_state.submitted = True
 
-    st.markdown("## Navigation")
-    for header in st.session_state.headers:
-        st.markdown(create_anchor_link(header), unsafe_allow_html=True)    
-
 if st.session_state.question_text and not api_key:
     st.info("Please add your OpenAI API key to continue.")
     st.stop()
 
 if st.session_state.submitted and not st.session_state.stopped:
     st.session_state.headers.append(st.session_state.question_text)
-    
-    if st.session_state.function_call_count == 0:
-        header = f'## {st.session_state.question_text}'
-        anchor = create_anchor_link(st.session_state.question_text)
-        st.session_state.response_content += f'{header}\n\n{anchor}\n\n'
-    else:
-        header = f'\n\n---\n{st.session_state.question_text}\n---\n\n'
-        anchor = create_anchor_link(st.session_state.question_text)
-        st.session_state.response_content += f'{header}{anchor}\n\n'
-    
-    st.session_state.function_call_count += 1
+
     client = OpenAI(api_key=api_key)
     st.session_state.messages = [{"role": "user", "content": st.session_state.question_text}]
 
@@ -121,6 +128,10 @@ if st.session_state.submitted and not st.session_state.stopped:
         stream=True
     )
 
+    complete_response = ""
+    current_expander = st.expander(st.session_state.question_text, expanded=True)
+    response_placeholder = current_expander.empty()
+
     for chunk in response:
         if st.session_state.stopped:
             st.session_state.stopped = False
@@ -128,52 +139,20 @@ if st.session_state.submitted and not st.session_state.stopped:
             break
         else:
             if chunk and chunk.choices[0].delta.content:
-                st.session_state.response_content += chunk.choices[0].delta.content
-                placeholder.markdown(st.session_state.response_content, unsafe_allow_html=True)
-
+                complete_response += chunk.choices[0].delta.content
+                response_placeholder.markdown(complete_response, unsafe_allow_html=True)
+    
+    st.session_state.response_content = complete_response
+    st.session_state.history.insert(0, {
+        'question': st.session_state.question_text,
+        'response': complete_response
+    })
     st.session_state.submitted = False
     st.session_state.stopped = False
 
-placeholder.markdown(st.session_state.response_content, unsafe_allow_html=True)
-st.session_state.stopped = False
-
-# Add anchor points for each header
-for header in st.session_state.headers:
-    anchor = header.strip().lower().replace(' ', '-').replace(',', '').replace('.', '').replace(chr(39), '-')
-    anchor = urllib.parse.quote(anchor)
-    st.markdown(f"<div id='{anchor}'></div>", unsafe_allow_html=True)
-
-# Add JavaScript for smooth scrolling and anchor navigation
-st.markdown(
-    """
-    <script>
-    function navigateToSection(anchor) {
-        const element = document.getElementById(anchor);
-        if (element) {
-            element.scrollIntoView({behavior: 'smooth'});
-        } else {
-            console.error('Section not found:', anchor);
-        }
-    }
-    </script>
-    """,
-    unsafe_allow_html=True
-)
-
-# JavaScript for intercepting clicks
-st.markdown(
-    """
-    <script>
-    document.addEventListener('DOMContentLoaded', function() {
-        document.querySelectorAll('a').forEach(anchor => {
-            anchor.addEventListener('click', function(e) {
-                e.preventDefault();
-                const href = this.getAttribute('href').substring(1);
-                navigateToSection(href);
-            });
-        });
-    });
-    </script>
-    """,
-    unsafe_allow_html=True
-)
+# Display all questions and answers
+for idx, entry in enumerate(st.session_state.history):
+    if idx == 0 and st.session_state.response_content:
+        continue  # Skip the first item since it's already shown as the current expander
+    with st.expander(entry['question'], expanded=False):
+        st.markdown(entry['response'], unsafe_allow_html=True)

bottom.py

@@ -0,0 +1,31 @@
+import streamlit as st
+
+if 'chat' not in st.session_state:
+    st.session_state.chat = "A: Hello"
+
+def submit():
+    st.session_state.chat += f'  \nB: {st.session_state.B}'
+    st.session_state.chat += '  \nA: Some response.'
+    # Clear the text input widget for convenience
+    st.session_state.B = ''
+
+st.write(st.session_state.chat)
+
+st.text_input('B\'s Response', key='B', on_change=submit)
+
+# Define the scroll operation as a function and pass in something unique for each
+# page load that it needs to re-evaluate where "bottom" is
+js = f"""
+<script>
+    function scroll(dummy_var_to_force_repeat_execution){{
+        var textAreas = parent.document.querySelectorAll('section.main');
+        for (let index = 0; index < textAreas.length; index++) {{
+            textAreas[index].style.color = 'red'
+            textAreas[index].scrollTop = textAreas[index].scrollHeight;
+        }}
+    }}
+    scroll({len(st.session_state.chat)})
+</script>
+"""
+
+st.components.v1.html(js)

expand.py

@@ -0,0 +1,10 @@
+import streamlit as st
+
+st.bar_chart({"data": [1, 5, 2, 6, 2, 1]})
+
+with st.expander("See explanation"):
+    st.write('''
+        The chart above shows some numbers I picked for you.
+        I rolled actual dice for these, so they're *guaranteed* to
+        be random.
+    ''')