using gpt5 and rendering markdown

Author: radu-gheorghe

examples/ecommerce-user-preferences/webapp/app.py

@@ -449,14 +449,13 @@ def chat():
 
     try:
         # Get response from OpenAI
-        response = client.chat.completions.create(
-            model="gpt-4o",
-            messages=openai_messages,
-            temperature=0.7,
+        response = client.responses.create(
+            model="gpt-5",
+            input=openai_messages
         )
 
         # Extract assistant's response
-        assistant_response = response.choices[0].message.content
+        assistant_response = response.output_text
 
         # Add assistant response to session history
         session['messages'].append({"role": "assistant", "content": assistant_response})

examples/ecommerce-user-preferences/webapp/static/js/app.js

@@ -198,7 +198,13 @@ document.addEventListener('DOMContentLoaded', function() {
         const messageContent = messageNode.querySelector('.message-content');
 
         messageDiv.classList.add(isUser ? 'user' : 'assistant');
-        messageContent.textContent = displayContent;
+        if (!isUser) {
+            // Render assistant messages with Markdown, sanitize first
+            const html = marked.parse(displayContent, { mangle: false, headerIds: false });
+            messageContent.innerHTML = DOMPurify.sanitize(html, { USE_PROFILES: { html: true } });
+        } else {
+            messageContent.textContent = displayContent;
+        }
 
         chatContainer.appendChild(messageNode);
 

examples/ecommerce-user-preferences/webapp/templates/index.html

@@ -144,6 +144,9 @@ <h3 class="car-title"></h3>
     </template>
 
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Lightweight Markdown rendering (assistant messages only) -->
+    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/purify.min.js"></script>
     <script src="{{ url_for('static', filename='js/app.js') }}"></script>
 </body>
 </html>