From 12d0b3e85d74eafc7a5a720277891ac88eb26af1 Mon Sep 17 00:00:00 2001
From: Ryan Gaus <rsg1egoman@gmail.com>
Date: Mon, 8 Dec 2025 10:40:08 -0500
Subject: [PATCH] docs: add agent chat messages + transcriptions to readme
 example

---
 README.md | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/README.md b/README.md
index 199ae6877..877a01200 100644
--- a/README.md
+++ b/README.md
@@ -67,6 +67,9 @@ export default function Example() {
     }
   };
 
+  const { messages, send, isSending } = useSessionMessages(session);
+  const [chatMessage, setChatMessage] = useState('');
+
   const agent = useAgent(session);
 
   return (
@@ -86,12 +89,35 @@ export default function Example() {
             {agent.state}
           </span>
 
+          {/* Local and agent camera feeds: */}
           {session.local.cameraTrack ? (
             <VideoTrack trackRef={session.local.cameraTrack} />
           ) : null}
           {agent.cameraTrack ? (
             <VideoTrack trackRef={agent.cameraTrack} />
           ) : null}
+
+          {/* Chat messages (including transcriptions): */}
+          <ul>
+            {messages.map(receivedMessage => (
+              <li key={receivedMessage.id}>{receivedMessage.message}</li>
+            ))}
+            <li className="flex items-center gap-1">
+              <input
+                type="text"
+                value={chatMessage}
+                onChange={e => setChatMessage(e.target.value)}
+                className="border border-2"
+              />
+              <button
+                disabled={isSending}
+                onClick={() => {
+                  send(chatMessage);
+                  setChatMessage('');
+                }}
+              >{isSending ? 'Sending' : 'Send'}</button>
+            </li>
+          </ul>
     
           <StartAudio label="Start audio" />
           <RoomAudioRenderer />