init

.gitignore

@@ -0,0 +1,2 @@
+*.DS_Store
+.streamlit/secrets.toml

.streamlit/config.toml

@@ -0,0 +1,8 @@
+[server]
+port = 8501
+
+[browser]
+gatherUsageStats = false
+
+[theme]
+base="light"

README.md

@@ -1,10 +1,16 @@
 ---
-title: Bot
-emoji: 🐢
-colorFrom: purple
-colorTo: green
-sdk: static
+title: Bridging Bot
+emoji: 🤖
+colorFrom: pink
+colorTo: purple
+sdk: streamlit
+sdk_version: 1.44.1
+app_file: app.py
 pinned: false
+license: mit
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+
+# Bridging Bot
+
+Let's talk!

app.py

@@ -0,0 +1,242 @@
+import streamlit as st
+from openai import OpenAI
+from pymongo.mongo_client import MongoClient
+from pymongo.server_api import ServerApi
+from datetime import datetime
+import random
+
+st.set_page_config(
+    page_title="Chat",
+    page_icon="🤖",
+    initial_sidebar_state="expanded",
+    layout="wide"
+)
+st.markdown(
+    """ <style>
+            div[role="radiogroup"] >  :first-child{
+                display: none !important;
+            }
+        </style>
+        """,
+    unsafe_allow_html=True
+)
+
+### Setting up the session state 
+
+def format_personalization(text):
+    try:
+        for key, value in st.session_state.items():
+            text = text.replace(f"[{key.upper()}]", str(value))
+
+    except Exception as e:
+        print(text)
+        f"Failed to format personalization: {e}"
+    return text
+    
+if 'inserted' not in st.session_state:
+    with open('src/base.txt', 'r') as file:
+        st.session_state.base_text = file.read()
+    with open('src/bridging.txt', 'r') as file:
+        st.session_state.bridging_text = file.read()
+    with open('src/personalization.txt', 'r') as file:
+        st.session_state.personalization_text = file.read()
+    with open('src/both.txt', 'r') as file:
+        st.session_state.both_text = file.read()
+
+    # web app state
+    st.session_state.gotit = False
+    st.session_state.submitted = False
+    st.session_state.inserted = 0
+    st.session_state["model"] = "openai/gpt-4.1"
+    st.session_state.max_messages = 50
+    st.session_state.messages = []
+    st.session_state.user_data = {}
+
+    # user info state
+    st.session_state.fields = [
+    'age', 'gender', 'education', 'employment', 'race', 'party', 
+    'user_id', 'random_pid'
+    ]
+
+    for field in st.session_state.fields:
+        st.session_state[field] = ''
+
+    st.session_state.user_id = str(random.randint(100000, 999999))
+    st.session_state.random_pid = st.query_params['id'] if 'id' in st.query_params else "0"
+    st.session_state.party = st.query_params['party'] if 'party' in st.query_params else ""
+
+    st.session_state.start_time = datetime.now()
+    st.session_state.convo_start_time = ''
+
+if 'p' not in st.query_params:
+    st.query_params['p'] = '4'
+if 'id' not in st.query_params:
+    st.query_params['id'] = st.session_state.random_pid
+if 'party' not in st.query_params:
+    st.session_state.party = st.radio("Generally speaking, do you usually think of yourself as a Republican, a Democrat, an Independent, or what?", 
+                ['','Republican', 'Democrat', 'Independent', 'Other'])
+    st.query_params['party'] = st.session_state.party 
+
+def setup_messages():
+    # 1 = base,
+    # 2 = bridging,
+    # 3 = personalization,
+    # 4 = bridging + personalization
+
+    if st.query_params["p"] == "1":
+        st.session_state.system_message = st.session_state.base_text 
+    elif st.query_params["p"] == "2":
+        st.session_state.system_message = st.session_state.bridging_text 
+    elif st.query_params["p"] == "3":
+        st.session_state.system_message = format_personalization(st.session_state.personalization_text)
+    elif st.query_params["p"] == "4":
+        st.session_state.system_message = format_personalization(st.session_state.both_text)
+
+    st.session_state.messages = [{ "role": "system", "content": st.session_state.system_message}]
+    st.session_state.convo_start_time = datetime.now()
+
+client = OpenAI( base_url="https://openrouter.ai/api/v1", api_key=st.secrets["OPENROUTER_API_KEY"])
+
+### App interface 
+with st.sidebar:
+    st.markdown("# Let's talk!")
+    st.markdown(f"""
+    {"☑" if st.session_state.submitted else "☐"} **Step 1. Complete a form**
+
+    {"☑" if len(st.session_state.messages) > 0 else "☐"} **Step 2. Type in the chat box to start a conversation**
+
+    🎯 Ask, request, or talk to the model about something that you consider politically polarizing or something that people from different US political parties would disagree about it.
+
+    ❗ Do not share any personal information (e.g., name or address). Do not use AI tools to generate your responses; write them yourself.
+
+    ⚠️ You must respond **at least 5 times** before you will see a *Finish* button. You can continue before submitting, but **you must finish and enter your chatbot code into the survey to recieve compensation**.
+
+    ❗ If you encounter any technical issues, please let us know. It might sometimes take 30 seconds or more to generate a response, so please be patient.
+
+    {"☑" if st.session_state.inserted > 1 else "☐"} **Step 3. Use the *Finish* button to get your chatbot code** 
+
+    ⚠️ Do not forget to copy & paste your chatbot code!
+
+    ↺ You can always return to this panel by clicking the arrow on the top left.
+    
+    {"🎉 **All done! Please enter your code in the survey and press *Next*.**" if st.session_state.inserted > 1 else ""}
+    """)
+    if st.session_state.gotit == False or st.session_state.submitted == False:
+        st.session_state.gotit = st.button("Let's start!", key=None, help=None, use_container_width=True) 
+
+@st.dialog('Form', width="large")
+def form():
+    st.markdown("**Please answer every question to proceed.**")
+    st.session_state.age = st.radio("How old are you?",
+                                    ['', '18-24 years old', '25-34 years old', '35-44 years old', '45-54 years old', '55-64 years old', '65+'])
+    st.session_state.gender = st.radio("Do you describe yourself as a man, a woman, or in some other way?", 
+                ['','Man', 'Woman', 'Other'])
+    st.session_state.race = st.radio("Choose a race that you consider yourself to be", 
+                ['', 'White or Caucasian', 'Black or African American', 'Asian', 'Native Hawaiian or Pacific Islander', 'American Indian/Native American or Alaska Native', 'Mixed', 'Other'])
+    st.session_state.education = st.radio("What is the highest level of education you completed?", 
+                ['', 
+                'Did not graduate high school', 
+                'High school graduate, GED, or alternative', 
+                'Some college, or associates degree',
+                "Bachelor's (college) degree or equivalent",
+                "Graduate degree (e.g., Master's degree, MBA)",
+                'Doctorate degree (e.g., PhD, MD)'])
+    st.session_state.employment = st.radio("What best describes your employment status over the last three months?", 
+                ['', 'Working full-time', 'Working part-time', 'Unemployed and looking for work',
+                 'A homemaker or a stay-at-home parent', 'Student', 'Retired', 'Other'])
+
+    columns_form = st.columns((1,1,1))
+    with columns_form[2]:
+        submitted = st.button("Proceed",use_container_width=True, 
+                              help = 'Make sure you answer every question',
+                              disabled = not (all(st.session_state[field] != '' for field in st.session_state.fields) and st.session_state.recycling != 0))
+
+    if submitted:
+
+        st.session_state.user_data = {key: st.session_state[key] for key in st.session_state.fields}
+        st.session_state.user_data["model"] = st.session_state["model"]
+        st.session_state.user_data["condition"] = st.query_params['p']
+        st.session_state.user_data["start_time"] = st.session_state.start_time
+        st.session_state.user_data["inserted"] = st.session_state.inserted
+        st.session_state.user_data["submission_time"] = datetime.now()
+        
+        st.session_state.inserted += 1
+        st.session_state.submitted = True
+        setup_messages()
+        st.rerun()
+
+if st.session_state.gotit and st.session_state.submitted == False:
+    form()
+                
+for message in st.session_state.messages:
+    if message['role']!='system':
+        with st.chat_message(message["role"]):
+            st.markdown(message["content"])
+
+if len(st.session_state.messages) >= st.session_state.max_messages:
+    st.info(
+        "You have reached the limit of messages for this conversation. Please end and submit the conversation."
+    )
+
+elif st.session_state.submitted == False:
+    pass
+
+elif st.session_state.inserted > 1:
+    st.markdown("## Copy your code!")
+    st.markdown('**Your chatbot code is:**')
+    st.markdown(f'## {st.session_state.user_id}')
+    st.markdown('**Please copy the code and enter it into the survey field below.**')
+
+elif prompt := st.chat_input("Ask a polarizing question..."):   
+
+    st.session_state.messages.append({"role": "user", "content": prompt})
+    with st.chat_message("user"):
+        st.markdown(prompt)
+
+    with st.chat_message("assistant"):
+        try:
+            stream = client.chat.completions.create(
+                model=st.session_state["model"],
+                messages=[
+                    {"role": m["role"], "content": m["content"]}
+                    for m in st.session_state.messages
+                ],
+                stream=True
+            )
+            
+            response = st.write_stream(stream)
+
+            st.session_state.messages.append(
+                {"role": "assistant", "content": response}
+            )
+        except:
+            rate_limit_message = """
+                An error has occured or you've reached the maximum conversation length. Please submit the conversation.
+            """
+            st.session_state.messages.append(
+                {"role": "assistant", "content": rate_limit_message}
+            )
+            st.session_state.max_messages = len(st.session_state.messages)
+            st.rerun()
+
+if len(st.session_state.messages) > 10 or st.session_state.max_messages == len(st.session_state.messages):
+    columns = st.columns((1,1,1))
+    with columns[2]:
+        if st.button("Finish",use_container_width=True):
+            keys = ["inserted", "messages", "convo_start_time"]
+
+            st.session_state.user_data.update({key: st.session_state[key] for key in keys})
+            
+            st.session_state.user_data["convo_end_time"] = datetime.now()
+
+            with MongoClient(st.secrets["mongo"],server_api=ServerApi('1')) as client:
+                    db = client.bridge
+                    collection = db.app
+                    user_data = st.session_state.user_data
+
+                    collection.insert_one(user_data)  
+                    st.session_state.inserted += 1
+                    done = True
+
+                    setup_messages()
+                    st.rerun()

base.txt

@@ -0,0 +1,6 @@
+# Formatting
+
+- Be concise and informative: respond with AT MOST 100 words. 
+- Use bullet points and follow-up questions when necessary. Do not explicity say "Follow up".
+- Avoid repeating yourself or saying general or vague statements.
+- Write your output in Markdown. Remember to escape dollar signes: write \$ instead of $.

both.txt

@@ -0,0 +1,36 @@
+You are a personalized AI assistant fostering engaging conversations to bridging divides between US Republicans and Democrats and depolarize. Keep responses under 100 words, but maintain a dynamic conversation flow. 
+
+IMPORTANT: Make your conversations as personalized to the user profile as possible.  
+
+# User Profile
+
+The participant has the following attributes:
+- Country: USA
+- Party: [PARTY]
+- Age: [AGE]
+- Gender: [GENDER]
+- Race: [RACE]
+- Education: [EDUCATION] 
+- Employment: [EMPLOYMENT]
+
+# Bridging Systems
+
+Your responses should show these attributes:
+- Affinity: you should reference shared interests, motivations or outlooks between the user and another individual, group or entity.
+- Compassion: you should identifies with or shows concern, empathy, or support for the feelings/emotions of others.
+- Curiosity: you should attempt to clarify or ask follow-up questions to better understand another person or idea.
+- Nuance: you should incorporate multiple points of view in an attempt to provide a full picture or contribute useful detail and/or context.
+- Reasoning: you should make specific or well-reasoned points to provide a fuller understanding of the topic without disrespect or provocation.
+- Respect: you should show deference or appreciation to others, or acknowledges the validity of another person.
+
+# Goals
+
+- Reduce affective polarization, especially dislike of the out-party
+- Reduce issue polarization on specific topics
+
+# Formatting
+
+- Be concise and informative: respond with AT MOST 100 words. 
+- Use bullet points and follow-up questions when necessary. Do not explicity say "Follow up".
+- Avoid repeating yourself or saying general or vague statements.
+- Write your output in Markdown. Remember to escape dollar signes: write \$ instead of $.

bridging.txt

@@ -0,0 +1,23 @@
+You are an AI assistant fostering engaging conversations to bridging divides between US Republicans and Democrats and depolarize. Keep responses under 100 words, but maintain a dynamic conversation flow. 
+
+# Bridging Systems
+
+Your responses should show these attributes:
+- Affinity: you should reference shared interests, motivations or outlooks between the user and another individual, group or entity.
+- Compassion: you should identifies with or shows concern, empathy, or support for the feelings/emotions of others.
+- Curiosity: you should attempt to clarify or ask follow-up questions to better understand another person or idea.
+- Nuance: you should incorporate multiple points of view in an attempt to provide a full picture or contribute useful detail and/or context.
+- Reasoning: you should make specific or well-reasoned points to provide a fuller understanding of the topic without disrespect or provocation.
+- Respect: you should show deference or appreciation to others, or acknowledges the validity of another person.
+
+# Goals
+
+- Reduce affective polarization, especially dislike of the out-party
+- Reduce issue polarization on specific topics
+
+# Formatting
+
+- Be concise and informative: respond with AT MOST 100 words. 
+- Use bullet points and follow-up questions when necessary. Do not explicity say "Follow up".
+- Avoid repeating yourself or saying general or vague statements.
+- Write your output in Markdown. Remember to escape dollar signes: write \$ instead of $.

index.html

@@ -1,19 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

personalization.txt

@@ -0,0 +1,21 @@
+You are a personalized AI assistant fostering engaging conversations. Keep responses under 100 words, but maintain a dynamic conversation flow. 
+
+IMPORTANT: Make your conversations as personalized to the user profile as possible.  
+
+# User Profile
+
+The participant has the following attributes:
+- Country: USA
+- Party: [PARTY]
+- Age: [AGE]
+- Gender: [GENDER]
+- Race: [RACE]
+- Education: [EDUCATION] 
+- Employment: [EMPLOYMENT]
+
+# Formatting
+
+- Be concise and informative: respond with AT MOST 100 words. 
+- Use bullet points and follow-up questions when necessary. Do not explicity say "Follow up".
+- Avoid repeating yourself or saying general or vague statements.
+- Write your output in Markdown. Remember to escape dollar signes: write \$ instead of $.

requirements.txt

@@ -0,0 +1,4 @@
+streamlit==1.44.1
+pymongo[srv]==4.11  
+datetime==5.5
+openai==1.55.3

style.css

@@ -1,28 +0,0 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-
-.card p:last-child {
-	margin-bottom: 0;
-}