Update app.py
Browse files
app.py
CHANGED
@@ -3,27 +3,93 @@ import time
|
|
3 |
import requests
|
4 |
from streamlit.components.v1 import html
|
5 |
|
6 |
-
#
|
7 |
@st.cache_resource
|
8 |
def get_help_agent():
|
9 |
from transformers import pipeline
|
|
|
10 |
return pipeline("conversational", model="facebook/blenderbot-400M-distill")
|
11 |
|
12 |
-
# Custom CSS
|
13 |
def inject_custom_css():
|
14 |
st.markdown("""
|
15 |
<style>
|
16 |
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
|
17 |
-
|
18 |
-
|
19 |
-
|
20 |
-
|
21 |
-
|
22 |
-
.
|
23 |
-
|
24 |
-
|
25 |
-
|
26 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
27 |
</style>
|
28 |
""", unsafe_allow_html=True)
|
29 |
|
@@ -35,12 +101,16 @@ def show_confetti():
|
|
35 |
<script>
|
36 |
const canvas = document.getElementById('confetti-canvas');
|
37 |
const confetti = confetti.create(canvas, { resize: true });
|
38 |
-
confetti({
|
|
|
|
|
|
|
|
|
39 |
setTimeout(() => { canvas.remove(); }, 5000);
|
40 |
</script>
|
41 |
""")
|
42 |
|
43 |
-
#
|
44 |
def ask_llama(conversation_history, category, is_final_guess=False):
|
45 |
api_url = "https://api.groq.com/openai/v1/chat/completions"
|
46 |
headers = {
|
@@ -48,156 +118,204 @@ def ask_llama(conversation_history, category, is_final_guess=False):
|
|
48 |
"Content-Type": "application/json"
|
49 |
}
|
50 |
|
51 |
-
system_prompt = f"""You're playing 20 questions to guess a {category}. Follow these
|
52 |
-
1.
|
53 |
-
|
54 |
-
|
55 |
-
|
56 |
-
|
57 |
-
|
58 |
-
|
59 |
-
|
60 |
-
|
61 |
-
|
62 |
-
|
|
|
|
|
63 |
|
64 |
messages = [
|
65 |
{"role": "system", "content": system_prompt},
|
66 |
*conversation_history,
|
67 |
-
{"role": "user", "content":
|
68 |
]
|
69 |
|
70 |
data = {
|
71 |
"model": "llama-3.3-70b-versatile",
|
72 |
"messages": messages,
|
73 |
-
"temperature": 0.
|
74 |
-
"max_tokens": 100
|
75 |
-
"top_p": 0.9,
|
76 |
-
"frequency_penalty": 0.5
|
77 |
}
|
78 |
|
79 |
try:
|
80 |
response = requests.post(api_url, headers=headers, json=data)
|
|
|
81 |
return response.json()["choices"][0]["message"]["content"]
|
82 |
except Exception as e:
|
83 |
-
st.error(f"API
|
84 |
return "Could not generate question"
|
85 |
|
86 |
-
#
|
87 |
def ask_help_agent(query):
|
88 |
from transformers import Conversation
|
89 |
-
|
|
|
|
|
|
|
|
|
|
|
90 |
|
91 |
-
# Main
|
92 |
def main():
|
93 |
inject_custom_css()
|
94 |
-
|
|
|
|
|
95 |
|
96 |
if 'game_state' not in st.session_state:
|
97 |
-
st.session_state.
|
98 |
-
|
99 |
-
|
100 |
-
|
101 |
-
|
102 |
-
|
103 |
-
|
104 |
-
|
105 |
-
'help_conversation': []
|
106 |
-
})
|
107 |
|
108 |
# Start screen
|
109 |
if st.session_state.game_state == "start":
|
110 |
st.markdown("""
|
111 |
<div class="question-box">
|
112 |
-
<h3>Welcome to KASOTI 🎯</h3>
|
113 |
-
<p>Think of something and I'll guess it in 20 questions or less!</p>
|
114 |
-
<p>Choose category:</p>
|
115 |
<ul>
|
116 |
-
<li><strong>Person</strong> -
|
117 |
-
<li><strong>Place</strong> -
|
118 |
-
<li><strong>Object</strong> -
|
119 |
</ul>
|
|
|
120 |
</div>
|
121 |
""", unsafe_allow_html=True)
|
122 |
|
123 |
with st.form("start_form"):
|
124 |
-
|
125 |
if st.form_submit_button("Start Game"):
|
126 |
-
|
127 |
-
|
128 |
-
|
129 |
-
|
130 |
-
|
131 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
132 |
|
133 |
# Gameplay screen
|
134 |
elif st.session_state.game_state == "gameplay":
|
135 |
-
current_question = st.session_state.questions[
|
136 |
|
137 |
-
# Check
|
138 |
if "Final Guess:" in current_question:
|
139 |
st.session_state.final_guess = current_question.split("Final Guess:")[1].strip()
|
140 |
st.session_state.game_state = "confirm_guess"
|
141 |
st.rerun()
|
142 |
-
|
143 |
-
st.markdown(f'<div class="question-box">Question {st.session_state.current_q + 1}/20:<br><br
|
144 |
-
|
|
|
|
|
145 |
with st.form("answer_form"):
|
146 |
-
|
|
|
147 |
if st.form_submit_button("Submit"):
|
148 |
-
|
149 |
-
"
|
150 |
-
|
151 |
-
|
152 |
-
|
153 |
-
|
154 |
-
|
155 |
-
|
156 |
-
|
157 |
-
|
158 |
-
|
159 |
-
|
160 |
-
|
161 |
-
|
162 |
-
|
163 |
-
|
164 |
-
|
165 |
-
|
166 |
-
|
167 |
-
|
168 |
-
|
169 |
-
|
170 |
-
|
171 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
172 |
if help_query:
|
173 |
help_response = ask_help_agent(help_query)
|
174 |
-
st.session_state.help_conversation.append(
|
175 |
-
|
176 |
-
st.
|
|
|
|
|
|
|
|
|
177 |
|
178 |
-
# Guess confirmation screen
|
179 |
elif st.session_state.game_state == "confirm_guess":
|
180 |
-
st.markdown(f'<div class="question-box"
|
|
|
|
|
181 |
|
182 |
-
|
183 |
-
|
184 |
-
if st.
|
185 |
-
|
186 |
-
|
187 |
-
|
188 |
-
|
189 |
-
|
190 |
-
|
191 |
-
|
192 |
-
|
193 |
-
|
194 |
-
|
195 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
196 |
|
197 |
# Result screen
|
198 |
elif st.session_state.game_state == "result":
|
199 |
if not st.session_state.final_guess:
|
200 |
-
#
|
201 |
qa_history = "\n".join(
|
202 |
[f"Q{i+1}: {q}\nA: {a}"
|
203 |
for i, (q, a) in enumerate(zip(st.session_state.questions, st.session_state.answers))]
|
@@ -213,12 +331,14 @@ def main():
|
|
213 |
show_confetti()
|
214 |
st.markdown(f'<div class="final-reveal">🎉 It\'s...</div>', unsafe_allow_html=True)
|
215 |
time.sleep(1)
|
216 |
-
st.markdown(f'<div class="final-reveal" style="font-size:3.5rem;">{st.session_state.final_guess}</div>',
|
217 |
-
|
|
|
|
|
218 |
|
219 |
if st.button("Play Again", key="play_again"):
|
220 |
st.session_state.clear()
|
221 |
st.rerun()
|
222 |
|
223 |
if __name__ == "__main__":
|
224 |
-
main()
|
|
|
3 |
import requests
|
4 |
from streamlit.components.v1 import html
|
5 |
|
6 |
+
# Import transformers and cache the help agent for performance
|
7 |
@st.cache_resource
|
8 |
def get_help_agent():
|
9 |
from transformers import pipeline
|
10 |
+
# Using BlenderBot 400M Distill as the public conversational model
|
11 |
return pipeline("conversational", model="facebook/blenderbot-400M-distill")
|
12 |
|
13 |
+
# Custom CSS for professional look (fixed text color)
|
14 |
def inject_custom_css():
|
15 |
st.markdown("""
|
16 |
<style>
|
17 |
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
|
18 |
+
|
19 |
+
* {
|
20 |
+
font-family: 'Poppins', sans-serif;
|
21 |
+
}
|
22 |
+
|
23 |
+
.title {
|
24 |
+
font-size: 3rem !important;
|
25 |
+
font-weight: 700 !important;
|
26 |
+
color: #6C63FF !important;
|
27 |
+
text-align: center;
|
28 |
+
margin-bottom: 0.5rem;
|
29 |
+
}
|
30 |
+
|
31 |
+
.subtitle {
|
32 |
+
font-size: 1.2rem !important;
|
33 |
+
text-align: center;
|
34 |
+
color: #666 !important;
|
35 |
+
margin-bottom: 2rem;
|
36 |
+
}
|
37 |
+
|
38 |
+
.question-box {
|
39 |
+
background: #F8F9FA;
|
40 |
+
border-radius: 15px;
|
41 |
+
padding: 2rem;
|
42 |
+
margin: 1.5rem 0;
|
43 |
+
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
|
44 |
+
color: black !important;
|
45 |
+
}
|
46 |
+
|
47 |
+
.answer-btn {
|
48 |
+
border-radius: 12px !important;
|
49 |
+
padding: 0.5rem 1.5rem !important;
|
50 |
+
font-weight: 600 !important;
|
51 |
+
margin: 0.5rem !important;
|
52 |
+
}
|
53 |
+
|
54 |
+
.yes-btn {
|
55 |
+
background: #6C63FF !important;
|
56 |
+
color: white !important;
|
57 |
+
}
|
58 |
+
|
59 |
+
.no-btn {
|
60 |
+
background: #FF6B6B !important;
|
61 |
+
color: white !important;
|
62 |
+
}
|
63 |
+
|
64 |
+
.final-reveal {
|
65 |
+
animation: fadeIn 2s;
|
66 |
+
font-size: 2.5rem;
|
67 |
+
color: #6C63FF;
|
68 |
+
text-align: center;
|
69 |
+
margin: 2rem 0;
|
70 |
+
}
|
71 |
+
|
72 |
+
@keyframes fadeIn {
|
73 |
+
from { opacity: 0; }
|
74 |
+
to { opacity: 1; }
|
75 |
+
}
|
76 |
+
|
77 |
+
.confetti {
|
78 |
+
position: fixed;
|
79 |
+
top: 0;
|
80 |
+
left: 0;
|
81 |
+
width: 100%;
|
82 |
+
height: 100%;
|
83 |
+
pointer-events: none;
|
84 |
+
z-index: 1000;
|
85 |
+
}
|
86 |
+
|
87 |
+
.confidence-meter {
|
88 |
+
height: 10px;
|
89 |
+
background: linear-gradient(90deg, #FF6B6B 0%, #6C63FF 100%);
|
90 |
+
border-radius: 5px;
|
91 |
+
margin: 10px 0;
|
92 |
+
}
|
93 |
</style>
|
94 |
""", unsafe_allow_html=True)
|
95 |
|
|
|
101 |
<script>
|
102 |
const canvas = document.getElementById('confetti-canvas');
|
103 |
const confetti = confetti.create(canvas, { resize: true });
|
104 |
+
confetti({
|
105 |
+
particleCount: 150,
|
106 |
+
spread: 70,
|
107 |
+
origin: { y: 0.6 }
|
108 |
+
});
|
109 |
setTimeout(() => { canvas.remove(); }, 5000);
|
110 |
</script>
|
111 |
""")
|
112 |
|
113 |
+
# Enhanced AI question generation for guessing game using Llama model
|
114 |
def ask_llama(conversation_history, category, is_final_guess=False):
|
115 |
api_url = "https://api.groq.com/openai/v1/chat/completions"
|
116 |
headers = {
|
|
|
118 |
"Content-Type": "application/json"
|
119 |
}
|
120 |
|
121 |
+
system_prompt = f"""You're playing 20 questions to guess a {category}. Follow these rules:
|
122 |
+
1. Ask strategic, non-repeating yes/no questions that narrow down possibilities
|
123 |
+
2. Consider all previous answers carefully before asking next question
|
124 |
+
3. If you're very confident (80%+ sure), respond with "Final Guess: [your guess]"
|
125 |
+
4. For places: ask about continent, climate, famous landmarks, country, city or population
|
126 |
+
5. For people: ask about fictional or real, profession, gender, alive/dead, nationality, or fame
|
127 |
+
6. For objects: ask about size, color, usage, material, or where it's found
|
128 |
+
7. Never repeat questions and always make progress toward guessing"""
|
129 |
+
|
130 |
+
if is_final_guess:
|
131 |
+
prompt = f"""Based on these answers about a {category}, provide ONLY your final guess with no extra text:
|
132 |
+
{conversation_history}"""
|
133 |
+
else:
|
134 |
+
prompt = "Ask your next strategic yes/no question that will best narrow down the possibilities."
|
135 |
|
136 |
messages = [
|
137 |
{"role": "system", "content": system_prompt},
|
138 |
*conversation_history,
|
139 |
+
{"role": "user", "content": prompt}
|
140 |
]
|
141 |
|
142 |
data = {
|
143 |
"model": "llama-3.3-70b-versatile",
|
144 |
"messages": messages,
|
145 |
+
"temperature": 0.7 if is_final_guess else 0.8,
|
146 |
+
"max_tokens": 100
|
|
|
|
|
147 |
}
|
148 |
|
149 |
try:
|
150 |
response = requests.post(api_url, headers=headers, json=data)
|
151 |
+
response.raise_for_status()
|
152 |
return response.json()["choices"][0]["message"]["content"]
|
153 |
except Exception as e:
|
154 |
+
st.error(f"Error calling Llama API: {str(e)}")
|
155 |
return "Could not generate question"
|
156 |
|
157 |
+
# New function for the help AI assistant using a Hugging Face chatbot model
|
158 |
def ask_help_agent(query):
|
159 |
from transformers import Conversation
|
160 |
+
# Get the cached help agent (BlenderBot)
|
161 |
+
help_agent = get_help_agent()
|
162 |
+
conversation = Conversation(query)
|
163 |
+
result = help_agent(conversation)
|
164 |
+
# The generated response is stored in generated_responses list
|
165 |
+
return result.generated_responses[-1]
|
166 |
|
167 |
+
# Main game logic
|
168 |
def main():
|
169 |
inject_custom_css()
|
170 |
+
|
171 |
+
st.markdown('<div class="title">KASOTI</div>', unsafe_allow_html=True)
|
172 |
+
st.markdown('<div class="subtitle">The Smart Guessing Game</div>', unsafe_allow_html=True)
|
173 |
|
174 |
if 'game_state' not in st.session_state:
|
175 |
+
st.session_state.game_state = "start"
|
176 |
+
st.session_state.questions = []
|
177 |
+
st.session_state.current_q = 0
|
178 |
+
st.session_state.answers = []
|
179 |
+
st.session_state.conversation_history = []
|
180 |
+
st.session_state.category = None
|
181 |
+
st.session_state.final_guess = None
|
182 |
+
st.session_state.help_conversation = [] # separate history for help agent
|
|
|
|
|
183 |
|
184 |
# Start screen
|
185 |
if st.session_state.game_state == "start":
|
186 |
st.markdown("""
|
187 |
<div class="question-box">
|
188 |
+
<h3>Welcome to <span style='color:#6C63FF;'>KASOTI 🎯</span></h3>
|
189 |
+
<p>Think of something and I'll try to guess it in 20 questions or less!</p>
|
190 |
+
<p>Choose a category:</p>
|
191 |
<ul>
|
192 |
+
<li><strong>Person</strong> - celebrity, fictional character, historical figure</li>
|
193 |
+
<li><strong>Place</strong> - city, country, landmark, geographical location</li>
|
194 |
+
<li><strong>Object</strong> - everyday item, tool, vehicle, etc.</li>
|
195 |
</ul>
|
196 |
+
<p>Type your category below to begin:</p>
|
197 |
</div>
|
198 |
""", unsafe_allow_html=True)
|
199 |
|
200 |
with st.form("start_form"):
|
201 |
+
category_input = st.text_input("Enter category (person/place/object):").strip().lower()
|
202 |
if st.form_submit_button("Start Game"):
|
203 |
+
if not category_input:
|
204 |
+
st.error("Please enter a category!")
|
205 |
+
elif category_input not in ["person", "place", "object"]:
|
206 |
+
st.error("Please enter either 'person', 'place', or 'object'!")
|
207 |
+
else:
|
208 |
+
st.session_state.category = category_input
|
209 |
+
first_question = ask_llama([
|
210 |
+
{"role": "user", "content": "Ask your first strategic yes/no question."}
|
211 |
+
], category_input)
|
212 |
+
st.session_state.questions = [first_question]
|
213 |
+
st.session_state.conversation_history = [
|
214 |
+
{"role": "assistant", "content": first_question}
|
215 |
+
]
|
216 |
+
st.session_state.game_state = "gameplay"
|
217 |
+
st.rerun()
|
218 |
|
219 |
# Gameplay screen
|
220 |
elif st.session_state.game_state == "gameplay":
|
221 |
+
current_question = st.session_state.questions[st.session_state.current_q]
|
222 |
|
223 |
+
# Check if AI made a guess
|
224 |
if "Final Guess:" in current_question:
|
225 |
st.session_state.final_guess = current_question.split("Final Guess:")[1].strip()
|
226 |
st.session_state.game_state = "confirm_guess"
|
227 |
st.rerun()
|
228 |
+
|
229 |
+
st.markdown(f'<div class="question-box">Question {st.session_state.current_q + 1}/20:<br><br>'
|
230 |
+
f'<strong>{current_question}</strong></div>',
|
231 |
+
unsafe_allow_html=True)
|
232 |
+
|
233 |
with st.form("answer_form"):
|
234 |
+
answer_input = st.text_input("Your answer (yes/no/both):",
|
235 |
+
key=f"answer_{st.session_state.current_q}").strip().lower()
|
236 |
if st.form_submit_button("Submit"):
|
237 |
+
if answer_input not in ["yes", "no", "both"]:
|
238 |
+
st.error("Please answer with 'yes', 'no', or 'both'!")
|
239 |
+
else:
|
240 |
+
st.session_state.answers.append(answer_input)
|
241 |
+
st.session_state.conversation_history.append(
|
242 |
+
{"role": "user", "content": answer_input}
|
243 |
+
)
|
244 |
+
|
245 |
+
# Generate next response
|
246 |
+
next_response = ask_llama(
|
247 |
+
st.session_state.conversation_history,
|
248 |
+
st.session_state.category
|
249 |
+
)
|
250 |
+
|
251 |
+
# Check if AI made a guess
|
252 |
+
if "Final Guess:" in next_response:
|
253 |
+
st.session_state.final_guess = next_response.split("Final Guess:")[1].strip()
|
254 |
+
st.session_state.game_state = "confirm_guess"
|
255 |
+
else:
|
256 |
+
st.session_state.questions.append(next_response)
|
257 |
+
st.session_state.conversation_history.append(
|
258 |
+
{"role": "assistant", "content": next_response}
|
259 |
+
)
|
260 |
+
st.session_state.current_q += 1
|
261 |
+
|
262 |
+
# Stop after 20 questions max
|
263 |
+
if st.session_state.current_q >= 20:
|
264 |
+
st.session_state.game_state = "result"
|
265 |
+
|
266 |
+
st.rerun()
|
267 |
+
|
268 |
+
# Side Help Option: independent chat with an AI help assistant (Hugging Face model)
|
269 |
+
with st.expander("Need Help? Chat with AI Assistant"):
|
270 |
+
help_query = st.text_input("Enter your help query:", key="help_query")
|
271 |
+
if st.button("Send", key="send_help"):
|
272 |
if help_query:
|
273 |
help_response = ask_help_agent(help_query)
|
274 |
+
st.session_state.help_conversation.append({"query": help_query, "response": help_response})
|
275 |
+
else:
|
276 |
+
st.error("Please enter a query!")
|
277 |
+
if st.session_state.help_conversation:
|
278 |
+
for msg in st.session_state.help_conversation:
|
279 |
+
st.markdown(f"**You:** {msg['query']}")
|
280 |
+
st.markdown(f"**Help Assistant:** {msg['response']}")
|
281 |
|
282 |
+
# Guess confirmation screen using text input response
|
283 |
elif st.session_state.game_state == "confirm_guess":
|
284 |
+
st.markdown(f'<div class="question-box">🤖 My Final Guess:<br><br>'
|
285 |
+
f'<strong>Is it {st.session_state.final_guess}?</strong></div>',
|
286 |
+
unsafe_allow_html=True)
|
287 |
|
288 |
+
with st.form("confirm_form"):
|
289 |
+
confirm_input = st.text_input("Type your answer (yes/no/both):", key="confirm_input").strip().lower()
|
290 |
+
if st.form_submit_button("Submit"):
|
291 |
+
if confirm_input not in ["yes", "no", "both"]:
|
292 |
+
st.error("Please answer with 'yes', 'no', or 'both'!")
|
293 |
+
else:
|
294 |
+
if confirm_input == "yes":
|
295 |
+
st.session_state.game_state = "result"
|
296 |
+
st.rerun()
|
297 |
+
st.stop() # Immediately halt further execution
|
298 |
+
else:
|
299 |
+
# Add negative response to history and continue gameplay
|
300 |
+
st.session_state.conversation_history.append(
|
301 |
+
{"role": "user", "content": "no"}
|
302 |
+
)
|
303 |
+
st.session_state.game_state = "gameplay"
|
304 |
+
next_response = ask_llama(
|
305 |
+
st.session_state.conversation_history,
|
306 |
+
st.session_state.category
|
307 |
+
)
|
308 |
+
st.session_state.questions.append(next_response)
|
309 |
+
st.session_state.conversation_history.append(
|
310 |
+
{"role": "assistant", "content": next_response}
|
311 |
+
)
|
312 |
+
st.session_state.current_q += 1
|
313 |
+
st.rerun()
|
314 |
|
315 |
# Result screen
|
316 |
elif st.session_state.game_state == "result":
|
317 |
if not st.session_state.final_guess:
|
318 |
+
# Generate final guess if not already made
|
319 |
qa_history = "\n".join(
|
320 |
[f"Q{i+1}: {q}\nA: {a}"
|
321 |
for i, (q, a) in enumerate(zip(st.session_state.questions, st.session_state.answers))]
|
|
|
331 |
show_confetti()
|
332 |
st.markdown(f'<div class="final-reveal">🎉 It\'s...</div>', unsafe_allow_html=True)
|
333 |
time.sleep(1)
|
334 |
+
st.markdown(f'<div class="final-reveal" style="font-size:3.5rem;color:#6C63FF;">{st.session_state.final_guess}</div>',
|
335 |
+
unsafe_allow_html=True)
|
336 |
+
st.markdown(f"<p style='text-align:center'>Guessed in {len(st.session_state.questions)} questions</p>",
|
337 |
+
unsafe_allow_html=True)
|
338 |
|
339 |
if st.button("Play Again", key="play_again"):
|
340 |
st.session_state.clear()
|
341 |
st.rerun()
|
342 |
|
343 |
if __name__ == "__main__":
|
344 |
+
main()
|