diff --git a/package.json b/package.json
index 0b0be1f..700eb2b 100644
--- a/package.json
+++ b/package.json
@@ -9,8 +9,8 @@
     "examples/*"
   ],
   "dependencies": {
-    "@daily-co/daily-js": "^0.84.0",
-    "@pipecat-ai/client-js": "^1.4.0",
+    "@daily-co/daily-js": "^0.85.0",
+    "@pipecat-ai/client-js": "^1.5.0",
     "@pipecat-ai/client-react": "^1.1.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
diff --git a/package/package.json b/package/package.json
index d163903..8e1dc79 100644
--- a/package/package.json
+++ b/package/package.json
@@ -103,17 +103,18 @@
     "lucide-react": "^0.511.0",
     "react-chartjs-2": "^5.3.0",
     "react-resizable-panels": "^3.0.6",
+    "semver": "^7.6.3",
     "tailwind-merge": "^3.3.1",
     "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@daily-co/daily-js": "^0.80.0",
+    "@daily-co/daily-js": "^0.85.0",
     "@eslint/js": "^9.36.0",
     "@ladle/react": "^5.0.3",
-    "@pipecat-ai/client-js": "^1.4.0",
+    "@pipecat-ai/client-js": "^1.5.0",
     "@pipecat-ai/client-react": "^1.1.0",
-    "@pipecat-ai/daily-transport": "^1.4.0",
-    "@pipecat-ai/small-webrtc-transport": "^1.5.0",
+    "@pipecat-ai/daily-transport": "^1.5.0",
+    "@pipecat-ai/small-webrtc-transport": "^1.8.0",
     "@tailwindcss/vite": "^4.1.13",
     "@types/node": "^22.18.8",
     "@types/react": "^19.1.16",
diff --git a/package/src/components/ConversationProvider.tsx b/package/src/components/ConversationProvider.tsx
index e340821..1290e07 100644
--- a/package/src/components/ConversationProvider.tsx
+++ b/package/src/components/ConversationProvider.tsx
@@ -3,9 +3,11 @@ import {
   type ConversationMessage,
   type ConversationMessagePart,
 } from "@/types/conversation";
-import { RTVIEvent } from "@pipecat-ai/client-js";
+import { useBotMessages } from "@/hooks/useBotMessages";
+import { BotOutputData, BotReadyData, RTVIEvent } from "@pipecat-ai/client-js";
 import { useRTVIClientEvent } from "@pipecat-ai/client-react";
-import { createContext, useContext, useRef } from "react";
+import { createContext, useContext, useRef, useState } from "react";
+import { isMinVersion } from "@/utils/version";
 
 interface ConversationContextValue {
   messages: ConversationMessage[];
@@ -13,6 +15,11 @@ interface ConversationContextValue {
     role: "user" | "assistant" | "system";
     parts: ConversationMessagePart[];
   }) => void;
+  /**
+   * Whether BotOutput events are supported (RTVI 1.1.0+)
+   * null = unknown (before BotReady), true = supported, false = not supported
+   */
+  botOutputSupported: boolean | null;
 }
 
 const ConversationContext = createContext<ConversationContextValue | null>(
@@ -29,32 +36,24 @@ export const ConversationProvider = ({ children }: React.PropsWithChildren) => {
     injectMessage,
     upsertUserTranscript,
     updateAssistantText,
-    startAssistantLlmStream,
+    updateAssistantBotOutput,
   } = useConversationStore();
 
+  // null = unknown (before BotReady), true = supported, false = not supported
+  const [botOutputSupported, setBotOutputSupported] = useState<boolean | null>(
+    null,
+  );
   const userStoppedTimeout = useRef<ReturnType<typeof setTimeout>>(undefined);
   const assistantStreamResetRef = useRef<number>(0);
 
   useRTVIClientEvent(RTVIEvent.Connected, () => {
     clearMessages();
+    setBotOutputSupported(null);
+    botOutputLastChunkRef.current = { spoken: "", unspoken: "" };
   });
 
-  useRTVIClientEvent(RTVIEvent.BotLlmStarted, () => {
-    startAssistantLlmStream();
-    // Nudge a reset counter so any consumer logic can infer fresh turn if needed
-    assistantStreamResetRef.current += 1;
-  });
-
-  useRTVIClientEvent(RTVIEvent.BotLlmText, (data) => {
-    updateAssistantText(data.text, false, "llm");
-  });
-
-  useRTVIClientEvent(RTVIEvent.BotLlmStopped, () => {
-    finalizeLastMessage("assistant");
-  });
-
-  useRTVIClientEvent(RTVIEvent.BotTtsStarted, () => {
-    // Start a new assistant message for TTS if there isn't one already in progress
+  // Helper to ensure assistant message exists
+  const ensureAssistantMessage = () => {
     const store = useConversationStore.getState();
     const lastAssistantIndex = store.messages.findLastIndex(
       (msg: ConversationMessage) => msg.role === "assistant",
@@ -70,15 +69,77 @@ export const ConversationProvider = ({ children }: React.PropsWithChildren) => {
         final: false,
         parts: [],
       });
+      assistantStreamResetRef.current += 1;
+      return true;
     }
+    return false;
+  };
+
+  // Detect BotOutput support from BotReady event
+  useRTVIClientEvent(RTVIEvent.BotReady, (botData: BotReadyData) => {
+    const rtviVersion = botData.version;
+    const supportsBotOutput = isMinVersion(rtviVersion, [1, 1, 0]);
+    setBotOutputSupported(supportsBotOutput);
   });
 
-  useRTVIClientEvent(RTVIEvent.BotTtsText, (data) => {
-    updateAssistantText(data.text, false, "tts");
+  // Track last chunk text per type for spacing detection in BotOutput mode
+  const botOutputLastChunkRef = useRef<{ spoken: string; unspoken: string }>({
+    spoken: "",
+    unspoken: "",
   });
 
-  useRTVIClientEvent(RTVIEvent.BotTtsStopped, () => {
-    // Finalize the TTS text stream
+  useRTVIClientEvent(RTVIEvent.BotOutput, (data: BotOutputData) => {
+    ensureAssistantMessage();
+
+    // Handle spacing for BotOutput chunks
+    let textToAdd = data.text;
+    const lastChunk = data.spoken
+      ? botOutputLastChunkRef.current.spoken
+      : botOutputLastChunkRef.current.unspoken;
+
+    // Add space separator if needed between BotOutput chunks
+    if (lastChunk) {
+      textToAdd = " " + textToAdd;
+    }
+
+    // Update the appropriate last chunk tracker
+    if (data.spoken) {
+      botOutputLastChunkRef.current.spoken = textToAdd;
+    } else {
+      botOutputLastChunkRef.current.unspoken = textToAdd;
+    }
+
+    // Update both spoken and unspoken text streams
+    const isFinal = data.aggregated_by === "sentence";
+    updateAssistantBotOutput(textToAdd, isFinal, data.spoken);
+  });
+
+  // Handle legacy TTS/LLM events (when BotOutput not supported)
+  useBotMessages(
+    {
+      onBotMessageStarted: () => {
+        ensureAssistantMessage();
+      },
+      onBotMessageChunk: (type, text) => {
+        updateAssistantText(text, false, type);
+      },
+      onBotMessageEnded: () => {
+        const store = useConversationStore.getState();
+        const lastAssistant = store.messages.findLast(
+          (m: ConversationMessage) => m.role === "assistant",
+        );
+
+        if (lastAssistant && !lastAssistant.final) {
+          finalizeLastMessage("assistant");
+        }
+      },
+    },
+    botOutputSupported === true,
+  );
+
+  useRTVIClientEvent(RTVIEvent.BotStoppedSpeaking, () => {
+    // Finalize the assistant message when bot stops speaking
+    // This works for both BotOutput and fallback scenarios
     const store = useConversationStore.getState();
     const lastAssistant = store.messages.findLast(
       (m: ConversationMessage) => m.role === "assistant",
@@ -123,6 +184,7 @@ export const ConversationProvider = ({ children }: React.PropsWithChildren) => {
   const contextValue: ConversationContextValue = {
     messages,
     injectMessage,
+    botOutputSupported,
   };
 
   return (
diff --git a/package/src/components/elements/MessageContent.tsx b/package/src/components/elements/MessageContent.tsx
index 7c05b82..7dc6224 100644
--- a/package/src/components/elements/MessageContent.tsx
+++ b/package/src/components/elements/MessageContent.tsx
@@ -1,5 +1,6 @@
 import { cn } from "@/lib/utils";
 import {
+  BotOutputText,
   ConversationMessage,
   ConversationMessagePart,
 } from "@/types/conversation";
@@ -30,25 +31,77 @@ interface Props {
   message: ConversationMessage;
 }
 
+/**
+ * Renders BotOutput mode: shows unspoken text muted, spoken text replaces it
+ */
+const renderBotOutput = (spoken: string, unspoken: string): React.ReactNode => {
+  const spokenLength = spoken?.length || 0;
+  const remainingUnspoken = unspoken ? unspoken.slice(spokenLength) : "";
+
+  return (
+    <span>
+      {spoken}
+      {remainingUnspoken && (
+        <span className="text-muted-foreground">{remainingUnspoken}</span>
+      )}
+    </span>
+  );
+};
+
 export const MessageContent = ({ classNames = {}, message }: Props) => {
   const parts = Array.isArray(message.parts) ? message.parts : [];
+
   return (
     <div className={cn("flex flex-col gap-2", classNames.messageContent)}>
       {parts.map((part: ConversationMessagePart, idx: number) => {
         const nextPart = parts?.[idx + 1] ?? null;
         const isText = typeof part.text === "string";
-        const nextIsText = nextPart && typeof nextPart.text === "string";
+        const isBotOutputTextValue = Boolean(
+          part.text &&
+            typeof part.text === "object" &&
+            "spoken" in part.text &&
+            "unspoken" in part.text,
+        );
+        const nextIsText =
+          nextPart &&
+          Boolean(
+            typeof nextPart.text === "string" ||
+              (nextPart.text &&
+                typeof nextPart.text === "object" &&
+                "spoken" in nextPart.text),
+          );
+
+        let content: React.ReactNode;
+        if (isBotOutputTextValue) {
+          const botText = part.text as BotOutputText;
+          content = renderBotOutput(botText.spoken, botText.unspoken);
+        } else {
+          content = part.text as React.ReactNode;
+        }
+
         return (
           <Fragment key={idx}>
-            {isText ? part.text : part.text}
-            {isText && nextIsText ? " " : null}
+            {content}
+            {(isText || isBotOutputTextValue) && nextIsText ? " " : null}
           </Fragment>
         );
       })}
       {parts.length === 0 ||
-      parts.every(
-        (part) => typeof part.text === "string" && part.text.trim() === "",
-      ) ? (
+      parts.every((part) => {
+        if (typeof part.text === "string") {
+          return part.text.trim() === "";
+        }
+        if (
+          part.text &&
+          typeof part.text === "object" &&
+          "spoken" in part.text &&
+          "unspoken" in part.text
+        ) {
+          const botText = part.text as unknown as BotOutputText;
+          return botText.spoken.trim() === "" && botText.unspoken.trim() === "";
+        }
+        return false;
+      }) ? (
         <Thinking className={classNames.thinking} />
       ) : null}
       <div
diff --git a/package/src/components/elements/TranscriptOverlay.tsx b/package/src/components/elements/TranscriptOverlay.tsx
index 193575b..def936b 100644
--- a/package/src/components/elements/TranscriptOverlay.tsx
+++ b/package/src/components/elements/TranscriptOverlay.tsx
@@ -1,11 +1,13 @@
 "use client";
 
 import { cn } from "@/lib/utils";
-import { type BotTTSTextData, RTVIEvent } from "@pipecat-ai/client-js";
+import { BotOutputData, BotReadyData, RTVIEvent } from "@pipecat-ai/client-js";
 import {
   usePipecatClientTransportState,
   useRTVIClientEvent,
 } from "@pipecat-ai/client-react";
+import { useBotMessages } from "@/hooks/useBotMessages";
+import { isMinVersion } from "@/utils/version";
 import { cva } from "class-variance-authority";
 import { useCallback, useState } from "react";
 
@@ -181,25 +183,63 @@ export const TranscriptOverlay = ({
 }: TranscriptOverlayProps) => {
   const [transcript, setTranscript] = useState<string[]>([]);
   const [turnEnd, setIsTurnEnd] = useState(false);
+  const [botOutputSupported, setBotOutputSupported] = useState(false);
   const transportState = usePipecatClientTransportState();
 
-  useRTVIClientEvent(
-    RTVIEvent.BotTtsText,
-    useCallback(
-      (event: BotTTSTextData) => {
+  // Detect BotOutput support from BotReady event
+  useRTVIClientEvent(RTVIEvent.BotReady, (botData: BotReadyData) => {
+    const rtviVersion = botData.version;
+    const supportsBotOutput = isMinVersion(rtviVersion, [1, 1, 0]);
+    setBotOutputSupported(supportsBotOutput);
+  });
+
+  // Handle BotOutput events (when supported) - only word-level spoken chunks
+  useRTVIClientEvent(RTVIEvent.BotOutput, (data: BotOutputData) => {
+    if (participant === "local" || !botOutputSupported) {
+      return;
+    }
+
+    // Only process word-level outputs that have been spoken
+    // These provide real-time word-by-word streaming for karaoke-like UI
+    if (data.aggregated_by === "word" && data.spoken === true && data.text) {
+      if (turnEnd) {
+        setTranscript([]);
+        setIsTurnEnd(false);
+      }
+
+      setTranscript((prev) => [...prev, data.text]);
+    }
+  });
+
+  // Handle legacy TTS events (when BotOutput not supported)
+  useBotMessages(
+    {
+      onBotMessageChunk: (type, text) => {
         if (participant === "local") {
           return;
         }
 
-        if (turnEnd) {
-          setTranscript([]);
-          setIsTurnEnd(false);
-        }
+        // Only process TTS chunks (spoken content)
+        if (type === "tts") {
+          if (turnEnd) {
+            setTranscript([]);
+            setIsTurnEnd(false);
+          }
 
-        setTranscript((prev) => [...prev, event.text]);
+          setTranscript((prev) => [...prev, text]);
+        }
       },
-      [turnEnd, participant],
-    ),
+      onBotMessageEnded: (type) => {
+        if (participant === "local") {
+          return;
+        }
+        // Only handle TTS ended events
+        if (type === "tts") {
+          setIsTurnEnd(true);
+        }
+      },
+    },
+    botOutputSupported,
   );
 
   useRTVIClientEvent(
@@ -212,16 +252,6 @@ export const TranscriptOverlay = ({
     }, [participant]),
   );
 
-  useRTVIClientEvent(
-    RTVIEvent.BotTtsStopped,
-    useCallback(() => {
-      if (participant === "local") {
-        return;
-      }
-      setIsTurnEnd(true);
-    }, [participant]),
-  );
-
   if (transcript.length === 0 || transportState !== "ready") {
     return null;
   }
diff --git a/package/src/components/panels/ConversationPanel.tsx b/package/src/components/panels/ConversationPanel.tsx
index 7aa435a..e48b306 100644
--- a/package/src/components/panels/ConversationPanel.tsx
+++ b/package/src/components/panels/ConversationPanel.tsx
@@ -5,6 +5,7 @@ import { Button } from "@/components/ui/button";
 import { Panel, PanelContent, PanelHeader } from "@/components/ui/panel";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { TextMode } from "@/types/conversation";
+import { useConversationContext } from "@/components/ConversationProvider";
 import { LineChartIcon, MessagesSquareIcon } from "lucide-react";
 import { memo, useState } from "react";
 
@@ -53,6 +54,13 @@ export const ConversationPanel: React.FC<ConversationPanelProps> = memo(
   }) => {
     const defaultValue = noConversation ? "metrics" : "conversation";
     const [textMode, setTextMode] = useState<TextMode>(initialTextMode);
+    const { botOutputSupported } = useConversationContext();
+
+    // Show toggle only when BotOutput is confirmed unsupported (false) and not disabled
+    // Hide by default (when botOutputSupported is still unknown/null or true)
+    const shouldShowToggle =
+      !noTextModeToggle && botOutputSupported === false;
+
     return (
       <Tabs className="h-full" defaultValue={defaultValue}>
         <Panel className="h-full max-sm:border-none">
@@ -71,7 +79,7 @@ export const ConversationPanel: React.FC<ConversationPanelProps> = memo(
                 </TabsTrigger>
               )}
             </TabsList>
-            {!noTextModeToggle && (
+            {shouldShowToggle && (
               <Button
                 className="absolute right-1.5 top-1/2 -translate-y-1/2"
                 variant="ghost"
diff --git a/package/src/components/panels/EventsPanel.tsx b/package/src/components/panels/EventsPanel.tsx
index fc6081c..7f0ba34 100644
--- a/package/src/components/panels/EventsPanel.tsx
+++ b/package/src/components/panels/EventsPanel.tsx
@@ -6,7 +6,8 @@ import {
   PanelTitle,
 } from "@/components/ui/panel";
 import { cn } from "@/lib/utils";
-import { RTVIEvent } from "@pipecat-ai/client-js";
+import { BotOutputData, RTVIEvent } from "@pipecat-ai/client-js";
+
 import {
   usePipecatClient,
   usePipecatClientTransportState,
@@ -105,6 +106,15 @@ export const EventsPanel: React.FC<Props> = ({ collapsed = false }) => {
     });
   });
 
+  useRTVIClientEvent(RTVIEvent.BotOutput, (data: BotOutputData) => {
+    if (data.aggregated_by === "word") return;
+    addEvent({
+      event: RTVIEvent.BotOutput,
+      message: `Bot output (${data.aggregated_by}, spoken: ${data.spoken}): ${data.text}`,
+      time: new Date().toLocaleTimeString(),
+    });
+  });
+
   useRTVIClientEvent(RTVIEvent.Connected, () => {
     addEvent({
       event: RTVIEvent.Connected,
diff --git a/package/src/hooks/index.ts b/package/src/hooks/index.ts
index 6de7b03..1bc47ef 100644
--- a/package/src/hooks/index.ts
+++ b/package/src/hooks/index.ts
@@ -13,3 +13,5 @@ export type {
   UsePipecatEventStreamOptions,
 } from "./usePipecatEventStream";
 export { useTheme } from "./useTheme";
+export { useBotMessages } from "./useBotMessages";
+export type { UseBotMessagesCallbacks } from "./useBotMessages";
diff --git a/package/src/hooks/useBotMessages.ts b/package/src/hooks/useBotMessages.ts
new file mode 100644
index 0000000..aeb6546
--- /dev/null
+++ b/package/src/hooks/useBotMessages.ts
@@ -0,0 +1,71 @@
+import { RTVIEvent } from "@pipecat-ai/client-js";
+import { useRTVIClientEvent } from "@pipecat-ai/client-react";
+
+/**
+ * Callbacks for handling legacy TTS/LLM bot message events.
+ * This hook only handles legacy events - BotOutput events should be handled separately.
+ */
+export interface UseBotMessagesCallbacks {
+  /**
+   * Called when a bot message stream starts for a given type.
+   * @param type - The message type: "llm" for unspoken content, "tts" for spoken content
+   */
+  onBotMessageStarted?: (type: "llm" | "tts") => void;
+  /**
+   * Called for each text chunk in a bot message stream.
+   * @param type - The message type: "llm" for unspoken content, "tts" for spoken content
+   * @param text - The text chunk
+   */
+  onBotMessageChunk?: (type: "llm" | "tts", text: string) => void;
+  /**
+   * Called when a bot message stream ends for a given type.
+   * @param type - The message type: "llm" for unspoken content, "tts" for spoken content
+   */
+  onBotMessageEnded?: (type: "llm" | "tts") => void;
+}
+
+/**
+ * Hook for handling legacy TTS/LLM bot message events.
+ *
+ * This hook only handles legacy BotLlm* and BotTts* events. BotOutput events should be
+ * handled separately by the consuming component. The caller should check botOutputSupported
+ * before using this hook.
+ *
+ * @param callbacks - Callback functions for handling bot message events
+ * @param botOutputSupported - Whether BotOutput is supported (if true, these handlers won't be called)
+ */
+export function useBotMessages(
+  callbacks: UseBotMessagesCallbacks,
+  botOutputSupported: boolean = false,
+) {
+  // Handle legacy BotLlmStarted events
+  useRTVIClientEvent(RTVIEvent.BotLlmStarted, () => {
+    if (botOutputSupported) return;
+    callbacks.onBotMessageStarted?.("llm");
+  });
+
+  useRTVIClientEvent(RTVIEvent.BotLlmText, (data) => {
+    if (botOutputSupported) return;
+    callbacks.onBotMessageChunk?.("llm", data.text);
+  });
+
+  useRTVIClientEvent(RTVIEvent.BotLlmStopped, () => {
+    if (botOutputSupported) return;
+    callbacks.onBotMessageEnded?.("llm");
+  });
+
+  useRTVIClientEvent(RTVIEvent.BotTtsStarted, () => {
+    if (botOutputSupported) return;
+    callbacks.onBotMessageStarted?.("tts");
+  });
+
+  useRTVIClientEvent(RTVIEvent.BotTtsText, (data) => {
+    if (botOutputSupported) return;
+    callbacks.onBotMessageChunk?.("tts", data.text);
+  });
+
+  useRTVIClientEvent(RTVIEvent.BotTtsStopped, () => {
+    if (botOutputSupported) return;
+    callbacks.onBotMessageEnded?.("tts");
+  });
+}
diff --git a/package/src/hooks/usePipecatConversation.ts b/package/src/hooks/usePipecatConversation.ts
index 02b34ae..df62469 100644
--- a/package/src/hooks/usePipecatConversation.ts
+++ b/package/src/hooks/usePipecatConversation.ts
@@ -80,6 +80,12 @@ export const usePipecatConversation = ({
   const messages = useConversationStore((state) => state.messages);
   const llmTextStreams = useConversationStore((state) => state.llmTextStreams);
   const ttsTextStreams = useConversationStore((state) => state.ttsTextStreams);
+  const botOutputSpokenStreams = useConversationStore(
+    (state) => state.botOutputSpokenStreams,
+  );
+  const botOutputUnspokenStreams = useConversationStore(
+    (state) => state.botOutputUnspokenStreams,
+  );
 
   // Memoize the filtered messages to prevent infinite loops
   const filteredMessages = useMemo(() => {
@@ -87,6 +93,25 @@ export const usePipecatConversation = ({
     const messagesWithTextStreams = messages.map((message) => {
       if (message.role === "assistant") {
         const messageId = message.createdAt; // Use createdAt as unique ID
+
+        // Handle BotOutput mode
+        if (message.mode === "botOutput") {
+          const spokenText = botOutputSpokenStreams.get(messageId) || "";
+          const unspokenText = botOutputUnspokenStreams.get(messageId) || "";
+
+          return {
+            ...message,
+            parts: [
+              {
+                text: { spoken: spokenText, unspoken: unspokenText },
+                final: message.final || false,
+                createdAt: message.createdAt,
+              },
+            ],
+          };
+        }
+
+        // Handle TTS/LLM mode (legacy)
         const textStream =
           textMode === "llm"
             ? llmTextStreams.get(messageId) || ""
@@ -114,7 +139,14 @@ export const usePipecatConversation = ({
     );
 
     return processedMessages;
-  }, [messages, llmTextStreams, ttsTextStreams, textMode]);
+  }, [
+    messages,
+    llmTextStreams,
+    ttsTextStreams,
+    botOutputSpokenStreams,
+    botOutputUnspokenStreams,
+    textMode,
+  ]);
 
   return {
     messages: filteredMessages,
diff --git a/package/src/stores/conversationStore.ts b/package/src/stores/conversationStore.ts
index 23b494e..02cbd52 100644
--- a/package/src/stores/conversationStore.ts
+++ b/package/src/stores/conversationStore.ts
@@ -1,4 +1,5 @@
 import {
+  type BotOutputText,
   type ConversationMessage,
   type ConversationMessagePart,
 } from "@/types/conversation";
@@ -7,9 +8,12 @@ import { create } from "zustand";
 interface ConversationState {
   messages: ConversationMessage[];
   messageCallbacks: Map<string, (message: ConversationMessage) => void>;
-  // Store separate text streams for LLM and TTS
+  // Store separate text streams for LLM and TTS (legacy mode)
   llmTextStreams: Map<string, string>; // messageId -> accumulated LLM text
   ttsTextStreams: Map<string, string>; // messageId -> accumulated TTS text
+  // Store BotOutput text streams (BotOutput mode)
+  botOutputSpokenStreams: Map<string, string>; // messageId -> accumulated spoken text
+  botOutputUnspokenStreams: Map<string, string>; // messageId -> accumulated unspoken text
 
   // Actions
   registerMessageCallback: (
@@ -38,7 +42,12 @@ interface ConversationState {
   updateAssistantText: (
     text: string,
     final: boolean,
-    source: "llm" | "tts",
+    source: "llm" | "tts", // Derived from BotOutput.spoken: "llm" if false, "tts" if true
+  ) => void;
+  updateAssistantBotOutput: (
+    text: string,
+    final: boolean,
+    spoken: boolean, // true if text has been spoken, false if unspoken
   ) => void;
   startAssistantLlmStream: () => void;
 }
@@ -53,9 +62,26 @@ export const sortByCreatedAt = (
 export const isMessageEmpty = (message: ConversationMessage): boolean => {
   const parts = message.parts || [];
   if (parts.length === 0) return true;
-  return parts.every((p) =>
-    typeof p.text === "string" ? p.text.trim().length === 0 : false,
-  );
+  return parts.every((p) => {
+    if (typeof p.text === "string") {
+      return p.text.trim().length === 0;
+    }
+    // Check BotOutputText objects
+    if (
+      typeof p.text === "object" &&
+      p.text !== null &&
+      "spoken" in p.text &&
+      "unspoken" in p.text
+    ) {
+      const botText = p.text as BotOutputText;
+      return (
+        botText.spoken.trim().length === 0 &&
+        botText.unspoken.trim().length === 0
+      );
+    }
+    // For ReactNode, consider it non-empty
+    return false;
+  });
 };
 
 export const filterEmptyMessages = (
@@ -129,6 +155,8 @@ export const useConversationStore = create<ConversationState>()((set) => ({
   messageCallbacks: new Map(),
   llmTextStreams: new Map(),
   ttsTextStreams: new Map(),
+  botOutputSpokenStreams: new Map(),
+  botOutputUnspokenStreams: new Map(),
 
   registerMessageCallback: (id, callback) =>
     set((state) => {
@@ -149,6 +177,8 @@ export const useConversationStore = create<ConversationState>()((set) => ({
       messages: [],
       llmTextStreams: new Map(),
       ttsTextStreams: new Map(),
+      botOutputSpokenStreams: new Map(),
+      botOutputUnspokenStreams: new Map(),
     }),
 
   addMessage: (messageData) => {
@@ -207,9 +237,12 @@ export const useConversationStore = create<ConversationState>()((set) => ({
       const lastMessage = messages[lastMessageIndex];
 
       // Check if message is empty in both parts and text streams
+      const messageId = lastMessage.createdAt;
       const hasTextInStreams =
-        state.llmTextStreams.get(lastMessage.createdAt) ||
-        state.ttsTextStreams.get(lastMessage.createdAt);
+        state.llmTextStreams.get(messageId) ||
+        state.ttsTextStreams.get(messageId) ||
+        state.botOutputSpokenStreams.get(messageId) ||
+        state.botOutputUnspokenStreams.get(messageId);
 
       if (isMessageEmpty(lastMessage) && !hasTextInStreams) {
         // Remove empty message only if it has no text in streams either
@@ -253,7 +286,16 @@ export const useConversationStore = create<ConversationState>()((set) => ({
       if (lastMessageIndex === -1) return state;
 
       const lastMessage = messages[lastMessageIndex];
-      if (isMessageEmpty(lastMessage)) {
+      const messageId = lastMessage.createdAt;
+
+      // Check if message has text in streams
+      const hasTextInStreams =
+        state.llmTextStreams.get(messageId) ||
+        state.ttsTextStreams.get(messageId) ||
+        state.botOutputSpokenStreams.get(messageId) ||
+        state.botOutputUnspokenStreams.get(messageId);
+
+      if (isMessageEmpty(lastMessage) && !hasTextInStreams) {
         messages.splice(lastMessageIndex, 1);
         const processedMessages = mergeMessages(
           filterEmptyMessages(messages.sort(sortByCreatedAt)),
@@ -377,6 +419,7 @@ export const useConversationStore = create<ConversationState>()((set) => ({
           parts: [],
           createdAt: messageId,
           updatedAt: messageId,
+          mode: "tts/llm",
         };
         messages.push(newMessage);
       } else {
@@ -386,6 +429,7 @@ export const useConversationStore = create<ConversationState>()((set) => ({
 
         messages[lastAssistantIndex] = {
           ...lastMessage,
+          mode: "tts/llm", // Ensure mode is set for legacy events
           final: final ? true : lastMessage.final,
           updatedAt: now.toISOString(),
         };
@@ -416,6 +460,75 @@ export const useConversationStore = create<ConversationState>()((set) => ({
     });
   },
 
+  updateAssistantBotOutput: (text, final, spoken) => {
+    const now = new Date();
+    set((state) => {
+      const messages = [...state.messages];
+      const botOutputSpokenStreams = new Map(state.botOutputSpokenStreams);
+      const botOutputUnspokenStreams = new Map(state.botOutputUnspokenStreams);
+
+      const lastAssistantIndex = messages.findLastIndex(
+        (msg) => msg.role === "assistant",
+      );
+
+      let messageId: string;
+
+      if (lastAssistantIndex === -1) {
+        // Create new assistant message
+        messageId = now.toISOString();
+        const newMessage: ConversationMessage = {
+          role: "assistant",
+          final,
+          parts: [],
+          createdAt: messageId,
+          updatedAt: messageId,
+          mode: "botOutput",
+        };
+        messages.push(newMessage);
+      } else {
+        // Update existing assistant message
+        const lastMessage = messages[lastAssistantIndex];
+        messageId = lastMessage.createdAt;
+
+        // Ensure mode is set to botOutput
+        messages[lastAssistantIndex] = {
+          ...lastMessage,
+          mode: "botOutput",
+          final: final ? true : lastMessage.final,
+          updatedAt: now.toISOString(),
+        };
+      }
+
+      // Update the appropriate text stream
+      if (spoken) {
+        const currentText = botOutputSpokenStreams.get(messageId) || "";
+        // Add space separator if needed
+        const separator =
+          currentText && !currentText.endsWith(" ") && !text.startsWith(" ")
+            ? " "
+            : "";
+        botOutputSpokenStreams.set(messageId, currentText + separator + text);
+      } else {
+        const currentText = botOutputUnspokenStreams.get(messageId) || "";
+        // Add space separator if needed
+        const separator =
+          currentText && !currentText.endsWith(" ") && !text.startsWith(" ")
+            ? " "
+            : "";
+        botOutputUnspokenStreams.set(messageId, currentText + separator + text);
+      }
+
+      // Don't filter out messages that have text in the text streams
+      const processedMessages = mergeMessages(messages.sort(sortByCreatedAt));
+
+      return {
+        messages: processedMessages,
+        botOutputSpokenStreams,
+        botOutputUnspokenStreams,
+      };
+    });
+  },
+
   startAssistantLlmStream: () => {
     set((state) => {
       const messages = [...state.messages];
diff --git a/package/src/types/conversation.ts b/package/src/types/conversation.ts
index 7a0a5c2..566cfe7 100644
--- a/package/src/types/conversation.ts
+++ b/package/src/types/conversation.ts
@@ -1,7 +1,15 @@
 import { type ReactNode } from "react";
 
+/**
+ * BotOutput text structure for messages in BotOutput mode
+ */
+export interface BotOutputText {
+  spoken: string;
+  unspoken: string;
+}
+
 export interface ConversationMessagePart {
-  text: string | ReactNode;
+  text: string | ReactNode | BotOutputText;
   final: boolean;
   createdAt: string;
 }
@@ -12,9 +20,13 @@ export interface ConversationMessage {
   parts: ConversationMessagePart[];
   createdAt: string;
   updatedAt?: string;
+  /**
+   * Message mode: "tts/llm" for legacy TTS/LLM events, "botOutput" for BotOutput events
+   */
+  mode?: "tts/llm" | "botOutput";
 }
 
 /**
- * Text mode for conversation display
+ * Text mode for conversation display (only used in TTS/LLM mode)
  */
 export type TextMode = "llm" | "tts";
diff --git a/package/src/utils/version.ts b/package/src/utils/version.ts
new file mode 100644
index 0000000..e169ad2
--- /dev/null
+++ b/package/src/utils/version.ts
@@ -0,0 +1,61 @@
+/**
+ * Version comparison utilities for semantic versioning using the semver package
+ */
+
+import semver from "semver";
+
+/**
+ * Converts a version array [major, minor, patch] to a semver string
+ */
+function versionArrayToString(version: [number, number, number]): string {
+  return `${version[0]}.${version[1]}.${version[2]}`;
+}
+
+/**
+ * Checks if a version meets a minimum version requirement.
+ * @param currentVersion - The current version string (e.g., "0.0.98")
+ * @param minVersion - The minimum version as an array [major, minor, patch]
+ * @returns true if currentVersion >= minVersion
+ */
+export function isMinVersion(
+  currentVersion: string,
+  minVersion: [number, number, number],
+): boolean {
+  const minVersionStr = versionArrayToString(minVersion);
+  return semver.gte(currentVersion, minVersionStr);
+}
+
+/**
+ * Checks if a version is below a maximum version.
+ * @param currentVersion - The current version string (e.g., "0.0.98")
+ * @param maxVersion - The maximum version as an array [major, minor, patch]
+ * @returns true if currentVersion <= maxVersion
+ */
+export function isMaxVersion(
+  currentVersion: string,
+  maxVersion: [number, number, number],
+): boolean {
+  const maxVersionStr = versionArrayToString(maxVersion);
+  return semver.lte(currentVersion, maxVersionStr);
+}
+
+/**
+ * Checks if a version is within a version range (inclusive).
+ * @param currentVersion - The current version string (e.g., "0.0.98")
+ * @param minVersion - The minimum version as an array [major, minor, patch]
+ * @param maxVersion - The maximum version as an array [major, minor, patch]
+ * @returns true if minVersion <= currentVersion <= maxVersion
+ */
+export function isVersionInRange(
+  currentVersion: string,
+  minVersion: [number, number, number],
+  maxVersion: [number, number, number],
+): boolean {
+  const minVersionStr = versionArrayToString(minVersion);
+  const maxVersionStr = versionArrayToString(maxVersion);
+  // Use semver's satisfies with a range
+  return semver.satisfies(
+    currentVersion,
+    `>=${minVersionStr} <=${maxVersionStr}`,
+  );
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 22b93ea..aebc984 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,14 +9,14 @@ importers:
   .:
     dependencies:
       '@daily-co/daily-js':
-        specifier: ^0.84.0
-        version: 0.84.0
+        specifier: ^0.85.0
+        version: 0.85.0
       '@pipecat-ai/client-js':
-        specifier: ^1.4.0
-        version: 1.4.0
+        specifier: ^1.5.0
+        version: 1.5.0
       '@pipecat-ai/client-react':
         specifier: ^1.1.0
-        version: 1.1.0(@babel/core@7.28.4)(@babel/template@7.27.2)(@pipecat-ai/client-js@1.4.0)(@types/react@19.1.16)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        version: 1.1.0(@babel/core@7.28.4)(@babel/template@7.27.2)(@pipecat-ai/client-js@1.5.0)(@types/react@19.1.16)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       react:
         specifier: ^19.2.1
         version: 19.2.1
@@ -50,7 +50,7 @@ importers:
         version: 2.20.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@pipecat-ai/small-webrtc-transport':
         specifier: ^1.5.0
-        version: 1.5.0(@pipecat-ai/client-js@1.4.0)
+        version: 1.5.0(@pipecat-ai/client-js@1.5.0)
       '@pipecat-ai/voice-ui-kit':
         specifier: workspace:*
         version: link:../package
@@ -399,6 +399,9 @@ importers:
       react-resizable-panels:
         specifier: ^3.0.6
         version: 3.0.6(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      semver:
+        specifier: ^7.6.3
+        version: 7.7.2
       tailwind-merge:
         specifier: ^3.3.1
         version: 3.3.1
@@ -407,8 +410,8 @@ importers:
         version: 5.0.8(@types/react@19.1.16)(react@19.2.1)
     devDependencies:
       '@daily-co/daily-js':
-        specifier: ^0.80.0
-        version: 0.80.0
+        specifier: ^0.85.0
+        version: 0.85.0
       '@eslint/js':
         specifier: ^9.36.0
         version: 9.36.0
@@ -416,17 +419,17 @@ importers:
         specifier: ^5.0.3
         version: 5.0.3(@types/node@22.18.8)(@types/react@19.1.16)(jiti@2.6.0)(lightningcss@1.30.1)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)(tsx@4.20.5)(typescript@5.8.3)
       '@pipecat-ai/client-js':
-        specifier: ^1.4.0
-        version: 1.4.0
+        specifier: ^1.5.0
+        version: 1.5.0
       '@pipecat-ai/client-react':
         specifier: ^1.1.0
-        version: 1.1.0(@babel/core@7.28.4)(@babel/template@7.27.2)(@pipecat-ai/client-js@1.4.0)(@types/react@19.1.16)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+        version: 1.1.0(@babel/core@7.28.4)(@babel/template@7.27.2)(@pipecat-ai/client-js@1.5.0)(@types/react@19.1.16)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
       '@pipecat-ai/daily-transport':
-        specifier: ^1.4.0
-        version: 1.4.0(@pipecat-ai/client-js@1.4.0)
-      '@pipecat-ai/small-webrtc-transport':
         specifier: ^1.5.0
-        version: 1.5.0(@pipecat-ai/client-js@1.4.0)
+        version: 1.5.0(@pipecat-ai/client-js@1.5.0)
+      '@pipecat-ai/small-webrtc-transport':
+        specifier: ^1.8.0
+        version: 1.8.0(@pipecat-ai/client-js@1.5.0)
       '@tailwindcss/vite':
         specifier: ^4.1.13
         version: 4.1.13(vite@7.1.7(@types/node@22.18.8)(jiti@2.6.0)(lightningcss@1.30.1)(tsx@4.20.5))
@@ -629,10 +632,6 @@ packages:
       react: ^16.8.0 || ^17 || ^18 || ^19
       react-dom: ^16.8.0 || ^17 || ^18 || ^19
 
-  '@daily-co/daily-js@0.80.0':
-    resolution: {integrity: sha512-zG2NBbKbHfm56P0lg4ddC94vBtn5AQKcgvbYrO5+ohNWPSolMqlJiYxQC9uhOHfFYRhH4ELKQ6NHqGatX9VD7A==}
-    engines: {node: '>=10.0.0'}
-
   '@daily-co/daily-js@0.83.1':
     resolution: {integrity: sha512-KXA3zrSnNPZONwhip4TI6ayD3huumI1QBD/xPAjFArvHuFFB7t0QTOS2oxH1bXvdOBJ6XnY08vdlJslTVi2/2w==}
     engines: {node: '>=10.0.0'}
@@ -641,6 +640,10 @@ packages:
     resolution: {integrity: sha512-/ynXrMDDkRXhLlHxiFNf9QU5yw4ZGPr56wNARgja/Tiid71UIniundTavCNF5cMb2I1vNoMh7oEJ/q8stg/V7g==}
     engines: {node: '>=10.0.0'}
 
+  '@daily-co/daily-js@0.85.0':
+    resolution: {integrity: sha512-lpl111ZWNTUWDnwYcPuNi9PGJPbLCeCw6LzmEY40nG0hv1jg5JLVW8Rq3Cj/+lOCP6W6h4PXm211ss0FFnxITQ==}
+    engines: {node: '>=10.0.0'}
+
   '@dimforge/rapier3d-compat@0.12.0':
     resolution: {integrity: sha512-uekIGetywIgopfD97oDL5PfeezkFpNhwlzlaEYNOA0N6ghdsOvh/HYjSMek5Q2O1PYvRSDFcqFVJl4r4ZBwOow==}
 
@@ -1450,8 +1453,8 @@ packages:
     resolution: {integrity: sha512-Szki0cgFiXE5F9RLx2lUyEtJllnuCSQ4B8RLDwIjXkVit6qZjoDAxH+xhJs29MjKLDz0tbPLdKFa6QrQ/qoGGA==}
     engines: {node: '>= 20.0.0'}
 
-  '@pipecat-ai/client-js@1.4.0':
-    resolution: {integrity: sha512-HOWz4OWXbIetkywwrfVuEiEpU8FVFksmyP/rSWHSQGu/V2MJflAXfFt2tQmtu8RiQCA7C1qurfZGsxeccYmJXw==}
+  '@pipecat-ai/client-js@1.5.0':
+    resolution: {integrity: sha512-WE8n5P98XoOyEX+k6DkcxBFaeoP82rDl3BEm4Zxf8tw1Umw5zFsv73qR6ztU4D5WDbYiscA3J+hGfe+g8PSUIw==}
 
   '@pipecat-ai/client-react@1.1.0':
     resolution: {integrity: sha512-OfXd2vd8ooOE1I/7SwVnSPXz2UC/L2GlAMYVO40ClzoeeJidywcNfbqTO2ZDxcxvFf15tv4O9aAM3uPo4Ou13A==}
@@ -1460,16 +1463,21 @@ packages:
       react: '>=18'
       react-dom: '>=18'
 
-  '@pipecat-ai/daily-transport@1.4.0':
-    resolution: {integrity: sha512-zGfrpOAjyE7oSgcYhFp70Ut6flRgBdpzgAPbSsdLgHjWDD9zHPG4OkSrQg+/y5YabWX623ulD/321EKgKZamPg==}
+  '@pipecat-ai/daily-transport@1.5.0':
+    resolution: {integrity: sha512-dVe8XQjBxsQBWR3/567ClJYoEMIMN2+8gcdkbTGoK2EfQqnKIAxmIQo/o3hXzBrZe/PNzvoMOap7o7w2OnPQXQ==}
     peerDependencies:
-      '@pipecat-ai/client-js': ~1.4.0
+      '@pipecat-ai/client-js': ~1.5.0
 
   '@pipecat-ai/small-webrtc-transport@1.5.0':
     resolution: {integrity: sha512-kGebGYD60U9A7wKskw9pRw3XZUZ+tepumqc5ObaST8tzM1O+oroDOriPxEtMaOVEglAyOg+7gXYUBDexK2Rp3Q==}
     peerDependencies:
       '@pipecat-ai/client-js': ~1.4.0
 
+  '@pipecat-ai/small-webrtc-transport@1.8.0':
+    resolution: {integrity: sha512-TaBAA0Esa2DEFBlUmOMw/cxPvaHB/UiKb6OVLvduke0ZUzjk2b1h6C3OHwTyszIkBNnqk9AEErqfFgImImGr2A==}
+    peerDependencies:
+      '@pipecat-ai/client-js': ~1.5.0
+
   '@pkgjs/parseargs@0.11.0':
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
@@ -6201,7 +6209,7 @@ snapshots:
       react-dom: 19.2.1(react@19.2.1)
       react-is: 17.0.2
 
-  '@daily-co/daily-js@0.80.0':
+  '@daily-co/daily-js@0.83.1':
     dependencies:
       '@babel/runtime': 7.28.4
       '@sentry/browser': 8.55.0
@@ -6209,7 +6217,7 @@ snapshots:
       dequal: 2.0.3
       events: 3.3.0
 
-  '@daily-co/daily-js@0.83.1':
+  '@daily-co/daily-js@0.84.0':
     dependencies:
       '@babel/runtime': 7.28.4
       '@sentry/browser': 8.55.0
@@ -6217,7 +6225,7 @@ snapshots:
       dequal: 2.0.3
       events: 3.3.0
 
-  '@daily-co/daily-js@0.84.0':
+  '@daily-co/daily-js@0.85.0':
     dependencies:
       '@babel/runtime': 7.28.4
       '@sentry/browser': 8.55.0
@@ -6942,7 +6950,7 @@ snapshots:
 
   '@orama/orama@3.1.11': {}
 
-  '@pipecat-ai/client-js@1.4.0':
+  '@pipecat-ai/client-js@1.5.0':
     dependencies:
       '@types/events': 3.0.3
       bowser: 2.12.1
@@ -6951,9 +6959,9 @@ snapshots:
       typed-emitter: 2.1.0
       uuid: 10.0.0
 
-  '@pipecat-ai/client-react@1.1.0(@babel/core@7.28.4)(@babel/template@7.27.2)(@pipecat-ai/client-js@1.4.0)(@types/react@19.1.16)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+  '@pipecat-ai/client-react@1.1.0(@babel/core@7.28.4)(@babel/template@7.27.2)(@pipecat-ai/client-js@1.5.0)(@types/react@19.1.16)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
     dependencies:
-      '@pipecat-ai/client-js': 1.4.0
+      '@pipecat-ai/client-js': 1.5.0
       jotai: 2.15.0(@babel/core@7.28.4)(@babel/template@7.27.2)(@types/react@19.1.16)(react@19.2.1)
       react: 19.2.1
       react-dom: 19.2.1(react@19.2.1)
@@ -6962,15 +6970,22 @@ snapshots:
       - '@babel/template'
       - '@types/react'
 
-  '@pipecat-ai/daily-transport@1.4.0(@pipecat-ai/client-js@1.4.0)':
+  '@pipecat-ai/daily-transport@1.5.0(@pipecat-ai/client-js@1.5.0)':
+    dependencies:
+      '@daily-co/daily-js': 0.84.0
+      '@pipecat-ai/client-js': 1.5.0
+
+  '@pipecat-ai/small-webrtc-transport@1.5.0(@pipecat-ai/client-js@1.5.0)':
     dependencies:
       '@daily-co/daily-js': 0.83.1
-      '@pipecat-ai/client-js': 1.4.0
+      '@pipecat-ai/client-js': 1.5.0
+      dequal: 2.0.3
+      lodash: 4.17.21
 
-  '@pipecat-ai/small-webrtc-transport@1.5.0(@pipecat-ai/client-js@1.4.0)':
+  '@pipecat-ai/small-webrtc-transport@1.8.0(@pipecat-ai/client-js@1.5.0)':
     dependencies:
       '@daily-co/daily-js': 0.83.1
-      '@pipecat-ai/client-js': 1.4.0
+      '@pipecat-ai/client-js': 1.5.0
       dequal: 2.0.3
       lodash: 4.17.21