feat: add AgentRealtimeProvider and integrate it into WorkbenchLayout and ConversationsPage

web/app/dashboard/conversations/_components/conversation-workbench.tsx

@@ -35,7 +35,6 @@ import {
 } from "@/components/ui/resizable";
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Sheet, SheetContent } from "@/components/ui/sheet";
-import { useAgentConversationRealtime } from "@/hooks/use-agent-conversation-realtime";
 import { useI18n } from "@/i18n/provider";
 import {
   agentConversationFilterOptions,
@@ -135,8 +134,6 @@ export function ConversationWorkbench() {
     });
   }
 
-  useAgentConversationRealtime();
-
   const handleSidebarToggle = () => {
     const panel = sidebarPanelRef.current;
     if (!panel) {

web/app/dashboard/conversations/page.tsx

@@ -1,5 +1,12 @@
+import { AgentRealtimeProvider } from "@/components/agent-realtime-provider";
+
 import { ConversationWorkbench } from "./_components/conversation-workbench";
 
 export default function ConversationsPage() {
-  return <ConversationWorkbench />;
+  return (
+    <>
+      <AgentRealtimeProvider />
+      <ConversationWorkbench />
+    </>
+  );
 }