@meshagent/meshagent-tailwind 0.39.5 → 0.39.7

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## [0.39.7]
+- Updated Meshagent JS/TS package manifests so inter-package dependencies are aligned to the new Meshagent version (`@meshagent/*` packages now depend on the updated `^0.39.6` versions).
+
+## [0.39.6]
+- Chat thread message sending now supports an “agent messages” mode: it selects participants that advertise agent-message support and sends `agent-message` payloads using `meshagent.agent.turn.start` / `meshagent.agent.turn.steer` types (including turn/thread scoping), with Promise-based sending and cancellation when recipients never materialize.
+- Chat UI/logic now determines the correct outbound message type (chat vs steer) and turn context from thread status, and passes that into message sending.
+- DatasetsClient now adds strongly typed `importFromStorage` and `exportToStorage` APIs with dataset storage format + import mode options, optional `namespace`/`branch` scoping, and `batch_size` support that is omitted when unset.
+- Unit tests were updated to verify the new import/export request payload shapes and defaults.
+
 ## [0.39.5]
 - Stability
 

package/dist/cjs/Chat.js

@@ -134,8 +134,8 @@ function EmptyState({
   title,
   description
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "h-full max-w-2xl flex flex-col items-center justify-center px-6 py-20 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-4xl font-semibold tracking-tight text-foreground sm:text-5xl", children: title }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "h-full flex flex-col items-center justify-center px-6 py-20 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "text-4xl font-bold tracking-tight text-foreground", children: title }),
     description?.trim() ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-3 max-w-xl text-sm leading-6 text-muted-foreground sm:text-base", children: description }) : null
   ] });
 }
@@ -152,6 +152,9 @@ function ResolvedChatView({
   showNewThreadButton = false,
   onStartNewThread
 }) {
+  const threadStatus = (0, import_chat_hooks.useThreadStatus)({ room, path, agentName });
+  const useAgentMessages = threadStatus.supportsAgentMessages;
+  const messageType = useAgentMessages && threadStatus.mode === "steerable" && threadStatus.turnId ? "steer" : "chat";
   const {
     document,
     messages,
@@ -162,9 +165,16 @@ function ResolvedChatView({
     onlineParticipants,
     localParticipantName,
     cancelRequest
-  } = (0, import_chat_hooks.useChatThread)({ room, path, participants, agentName });
+  } = (0, import_chat_hooks.useChatThread)({
+    room,
+    path,
+    participants,
+    agentName,
+    useAgentMessages,
+    messageType,
+    turnId: threadStatus.turnId
+  });
   const { typing, thinking } = (0, import_meshagent_react.useRoomIndicators)({ room, path });
-  const threadStatus = (0, import_chat_hooks.useThreadStatus)({ room, path, agentName });
   const [showCompletedToolCalls, setShowCompletedToolCalls] = (0, import_react.useState)(false);
   const onTextChange = (0, import_react.useCallback)(() => {
     for (const participant of onlineParticipants) {

package/dist/cjs/ChatBotView.d.ts

@@ -16,6 +16,8 @@ export interface ChatBotViewProps {
     centerComposer?: boolean;
     emptyStateTitle?: string;
     emptyStateDescription?: string;
+    startNewThreadTitle?: string;
+    startNewThreadDescription?: string;
     selectedThreadPath?: string | null;
     selectedThreadDisplayName?: string | null;
     onSelectedThreadPathChanged?: (path: string | null) => void;
@@ -26,4 +28,4 @@ export interface ChatBotViewProps {
     threadListWidth?: number;
     threadListCollapsedHeight?: number;
 }
-export declare function ChatBotView({ room, path, documentPath, participants, agentName, threadDisplayMode, threadDir, threadListPath, toolkit, tool, centerComposer, emptyStateTitle, emptyStateDescription, selectedThreadPath, onSelectedThreadPathChanged, onSelectedThreadResolved, onThreadResolved, newThreadResetVersion, showThreadList, threadListWidth, threadListCollapsedHeight, }: ChatBotViewProps): ReactElement;
+export declare function ChatBotView({ room, path, documentPath, participants, agentName, threadDisplayMode, threadDir, threadListPath, toolkit, tool, centerComposer, emptyStateTitle, emptyStateDescription, startNewThreadTitle, startNewThreadDescription, selectedThreadPath, onSelectedThreadPathChanged, onSelectedThreadResolved, onThreadResolved, newThreadResetVersion, showThreadList, threadListWidth, threadListCollapsedHeight, }: ChatBotViewProps): ReactElement;

package/dist/cjs/ChatBotView.js

@@ -363,6 +363,8 @@ function ChatBotView({
   centerComposer = false,
   emptyStateTitle = "No threads yet",
   emptyStateDescription = "Start a new conversation to see it here.",
+  startNewThreadTitle = "Start a new thread",
+  startNewThreadDescription = "Connect with this agent and your team.",
   selectedThreadPath,
   onSelectedThreadPathChanged,
   onSelectedThreadResolved,
@@ -511,8 +513,6 @@ function ChatBotView({
       onSelectedThreadResolved: emitResolvedThread,
       newThreadResetVersion,
       centerComposer,
-      emptyStateTitle,
-      emptyStateDescription,
       builder: (threadPath) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_Chat.Chat,
         {
@@ -523,8 +523,8 @@ function ChatBotView({
           toolkit,
           tool,
           centerComposer,
-          emptyStateTitle,
-          emptyStateDescription
+          emptyStateTitle: startNewThreadTitle,
+          emptyStateDescription: startNewThreadDescription
         }
       )
     }

package/dist/cjs/ChatInput.js

@@ -27,11 +27,12 @@ var import_lucide_react = require("lucide-react");
 var import_uuid = require("uuid");
 var import_chat_message = require("./chat-message");
 var import_button = require("./components/ui/button");
-var import_textarea = require("./components/ui/textarea");
 var import_FileUploader = require("./FileUploader");
 var import_UploadPill = require("./UploadPill");
 var import_file_attachment = require("./file-attachment");
 var import_utils = require("./lib/utils");
+const MIN_TEXTAREA_HEIGHT = 20;
+const MAX_TEXTAREA_HEIGHT = 160;
 function useAttachmentStatusVersion(attachments) {
   const [version, setVersion] = (0, import_react.useState)(0);
   (0, import_react.useEffect)(() => {
@@ -56,10 +57,13 @@ function useAutoResizingTextarea(textareaRef, value) {
       return;
     }
     if (value === "") {
-      element.style.height = "20px";
+      element.style.height = `${MIN_TEXTAREA_HEIGHT}px`;
     } else {
       element.style.height = "0px";
-      element.style.height = `${Math.max(20, Math.min(element.scrollHeight, 160))}px`;
+      element.style.height = `${Math.max(
+        MIN_TEXTAREA_HEIGHT,
+        Math.min(element.scrollHeight, MAX_TEXTAREA_HEIGHT)
+      )}px`;
     }
   }, [textareaRef, value]);
 }
@@ -185,12 +189,17 @@ function ChatInput({
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FileUploader.FileUploader, { onFilesSelected, disabled }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_textarea.Textarea,
+        "textarea",
         {
           ref: textareaRef,
           autoFocus,
           placeholder,
-          className: "min-h-5 max-h-40 flex-1 resize-none border-0 bg-transparent p-0 leading-5 shadow-none focus-visible:border-transparent focus-visible:ring-0",
+          className: (0, import_utils.cn)(
+            "min-h-5 max-h-40",
+            "flex-1 resize-none border-0 bg-transparent p-0 leading-5",
+            "shadow-none outline-none ring-0 focus:ring-0 focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50",
+            "md:text-sm"
+          ),
           readOnly: disabled,
           value,
           onChange: handleChange,

package/dist/cjs/ChatThread.js

@@ -259,7 +259,47 @@ function MarkdownBlock({ text }) {
             children
           }
         ),
-        p: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ...props, className: "mb-2 last:mb-0", children })
+        p: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ...props, className: "mb-2 last:mb-0", children }),
+        table: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "my-4 w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "table",
+          {
+            ...props,
+            className: "w-full border-collapse border-spacing-0",
+            children
+          }
+        ) }),
+        th: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "th",
+          {
+            ...props,
+            className: "border bg-muted/50 px-3 py-2 text-left text-sm font-semibold",
+            children
+          }
+        ),
+        td: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "td",
+          {
+            ...props,
+            className: "border px-3 py-2 align-top text-sm bg-background",
+            children
+          }
+        ),
+        ul: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "ul",
+          {
+            ...props,
+            className: "mb-2 ml-6 list-disc last:mb-0",
+            children
+          }
+        ),
+        ol: ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "ol",
+          {
+            ...props,
+            className: "mb-2 ml-6 list-decimal last:mb-0",
+            children
+          }
+        )
       },
       children: text
     }

package/dist/cjs/chat-hooks.d.ts

@@ -9,11 +9,14 @@ export interface UseChatThreadProps {
     includeLocalParticipant?: boolean;
     initialMessage?: ChatMessage;
     agentName?: string;
+    useAgentMessages?: boolean;
+    messageType?: string;
+    turnId?: string;
 }
 export interface UseChatThreadResult {
     document: MeshDocument | null;
     messages: Element[];
-    sendMessage: (message: ChatMessage) => void;
+    sendMessage: (message: ChatMessage) => Promise<void>;
     selectAttachments: (files: File[]) => void;
     attachments: FileUpload[];
     setAttachments: (attachments: FileUpload[]) => void;
@@ -70,5 +73,5 @@ export interface UseThreadStatusProps {
     previous?: ChatThreadStatusState;
 }
 export declare function formatThreadStatusText(text: string, startedAt?: Date | null): string;
-export declare function useChatThread({ room, path, participants, participantNames, initialMessage, includeLocalParticipant, agentName, }: UseChatThreadProps): UseChatThreadResult;
+export declare function useChatThread({ room, path, participants, participantNames, initialMessage, includeLocalParticipant, agentName, useAgentMessages, messageType, turnId, }: UseChatThreadProps): UseChatThreadResult;
 export declare function useThreadStatus({ room, path, agentName }: UseThreadStatusProps): ThreadStatus;

package/dist/cjs/chat-hooks.js

@@ -29,7 +29,15 @@ var import_react = require("react");
 var import_meshagent = require("@meshagent/meshagent");
 var import_meshagent_react = require("@meshagent/meshagent-react");
 var import_file_attachment = require("./file-attachment");
+const agentRoomMessageType = "agent-message";
+const agentTurnStartType = "meshagent.agent.turn.start";
 const agentTurnSteerType = "meshagent.agent.turn.steer";
+class ChatSendCancelledError extends Error {
+  constructor() {
+    super("chat send cancelled");
+    this.name = "ChatSendCancelledError";
+  }
+}
 class PendingAgentMessage {
   messageId;
   messageType;
@@ -202,6 +210,175 @@ function getOnlineParticipants(roomParticipants, participantNames) {
 function supportsAgentMessages(participant) {
   return participant.getAttribute("supports_agent_messages") === true;
 }
+function uniqueRemoteParticipantsById(participants) {
+  const seenParticipantIds = /* @__PURE__ */ new Set();
+  const uniqueParticipants = [];
+  for (const participant of participants) {
+    if (seenParticipantIds.has(participant.id)) {
+      continue;
+    }
+    seenParticipantIds.add(participant.id);
+    uniqueParticipants.push(participant);
+  }
+  return uniqueParticipants;
+}
+function getAgentParticipants({
+  room,
+  document,
+  participantName
+}) {
+  const normalizedParticipantName = participantName?.trim();
+  return uniqueRemoteParticipantsById(
+    getOnlineParticipants(room.messaging.remoteParticipants, getDocumentParticipantNames(document)).filter((participant) => {
+      if (normalizedParticipantName && getParticipantName(participant) !== normalizedParticipantName) {
+        return false;
+      }
+      return supportsAgentMessages(participant);
+    })
+  );
+}
+function matchingRecipients({
+  room,
+  document,
+  useAgentMessages,
+  participantName
+}) {
+  const normalizedParticipantName = participantName?.trim();
+  if (useAgentMessages) {
+    return getAgentParticipants({ room, document, participantName: normalizedParticipantName });
+  }
+  return uniqueRemoteParticipantsById(
+    getOnlineParticipants(room.messaging.remoteParticipants, getDocumentParticipantNames(document)).filter((participant) => {
+      if (!normalizedParticipantName) {
+        return true;
+      }
+      return getParticipantName(participant) === normalizedParticipantName;
+    })
+  );
+}
+function normalizeAgentAttachmentUrl(path) {
+  const trimmedPath = path.trim();
+  if (trimmedPath === "") {
+    return null;
+  }
+  try {
+    const url = new URL(trimmedPath);
+    if (url.protocol !== "") {
+      return trimmedPath;
+    }
+  } catch {
+  }
+  const roomPath = trimmedPath.startsWith("/") ? trimmedPath.slice(1) : trimmedPath;
+  return roomPath === "" ? null : `room:///${roomPath}`;
+}
+function agentInputContentFromMessage(message) {
+  const content = [];
+  if (message.text.trim() !== "") {
+    content.push({ type: "text", text: message.text });
+  }
+  for (const attachmentPath of message.attachments) {
+    const normalizedUrl = normalizeAgentAttachmentUrl(attachmentPath);
+    if (normalizedUrl !== null) {
+      content.push({ type: "file", url: normalizedUrl });
+    }
+  }
+  return content;
+}
+async function sendMessageToParticipant({
+  room,
+  participant,
+  path,
+  message,
+  messageType = "chat",
+  useAgentMessages = false,
+  turnId,
+  store = false
+}) {
+  if (message.text.trim() === "" && message.attachments.length === 0) {
+    return;
+  }
+  if (useAgentMessages) {
+    const isSteer = messageType === "steer";
+    const payload = {
+      type: isSteer ? agentTurnSteerType : agentTurnStartType,
+      thread_id: path,
+      message_id: message.id,
+      content: agentInputContentFromMessage(message)
+    };
+    if (isSteer && turnId?.trim()) {
+      payload.turn_id = turnId.trim();
+    }
+    await room.messaging.sendMessage({
+      to: participant,
+      type: agentRoomMessageType,
+      message: { payload }
+    });
+    return;
+  }
+  await room.messaging.sendMessage({
+    to: participant,
+    type: messageType,
+    message: {
+      path,
+      text: message.text,
+      attachments: message.attachments.map((attachmentPath) => ({ path: attachmentPath })),
+      store
+    }
+  });
+}
+function waitForRecipients({
+  room,
+  document,
+  messageId,
+  useAgentMessages,
+  participantName,
+  pendingRecipientWaits
+}) {
+  pendingRecipientWaits.get(messageId)?.();
+  return new Promise((resolve, reject) => {
+    let finished = false;
+    const eventNames = [
+      "participant_added",
+      "participant_removed",
+      "participant_attributes_updated",
+      "messaging_enabled"
+    ];
+    const finish = () => {
+      if (finished) {
+        return;
+      }
+      finished = true;
+      for (const eventName of eventNames) {
+        room.messaging.off(eventName, listener);
+      }
+      if (pendingRecipientWaits.get(messageId) === cancel) {
+        pendingRecipientWaits.delete(messageId);
+      }
+    };
+    const cancel = () => {
+      finish();
+      reject(new ChatSendCancelledError());
+    };
+    const listener = () => {
+      const recipients = matchingRecipients({
+        room,
+        document,
+        useAgentMessages,
+        participantName
+      });
+      if (recipients.length === 0) {
+        return;
+      }
+      finish();
+      resolve(recipients);
+    };
+    pendingRecipientWaits.set(messageId, cancel);
+    for (const eventName of eventNames) {
+      room.messaging.on(eventName, listener);
+    }
+    listener();
+  });
+}
 function threadStatusAttributeCandidates(path, prefix) {
   if (path.startsWith("/")) {
     return [`${prefix}.${path}`, `${prefix}.${path.slice(1)}`];
@@ -387,13 +564,17 @@ function useChatThread({
   participantNames,
   initialMessage,
   includeLocalParticipant,
-  agentName
+  agentName,
+  useAgentMessages = false,
+  messageType = "chat",
+  turnId
 }) {
   const [document, setDocument] = (0, import_react.useState)(null);
   const [messages, setMessages] = (0, import_react.useState)(() => document ? mapThreadElements(document) : []);
   const [attachments, setAttachments] = (0, import_react.useState)([]);
   const [documentParticipantNames, setDocumentParticipantNames] = (0, import_react.useState)(() => document ? getDocumentParticipantNames(document) : []);
   const initialMessageSentRef = (0, import_react.useRef)(false);
+  const pendingRecipientWaitsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
   const syncDocumentState = (0, import_react.useCallback)((nextDocument) => {
     const nextMessages = mapThreadElements(nextDocument);
     const nextParticipantNames = getDocumentParticipantNames(nextDocument);
@@ -442,6 +623,14 @@ function useChatThread({
       }
     };
   }, [path, room, syncDocumentState]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      for (const cancel of pendingRecipientWaitsRef.current.values()) {
+        cancel();
+      }
+      pendingRecipientWaitsRef.current.clear();
+    };
+  }, []);
   (0, import_react.useEffect)(() => {
     if (!document || !room.localParticipant) {
       return;
@@ -476,38 +665,68 @@ function useChatThread({
     () => getOnlineParticipants(roomParticipants, documentParticipantNames),
     [roomParticipants, documentParticipantNames]
   );
-  const sendMessage = (0, import_react.useCallback)((message) => {
+  const sendMessage = (0, import_react.useCallback)(async (message) => {
+    if (message.text.trim() === "" && message.attachments.length === 0) {
+      return;
+    }
+    const normalizedParticipantName = agentName?.trim();
+    const storeLocally = !normalizedParticipantName && !useAgentMessages;
     const children = document?.root.getChildren() ?? [];
-    const thread = children.find((child) => child.tagName === "messages");
-    if (!thread) {
+    const messagesElement = children.find((child) => child.tagName === "messages");
+    if (!document || !messagesElement) {
       return;
     }
-    const authorName = getParticipantName(room.localParticipant);
-    const messageElement = thread.createChildElement("message", {
-      id: message.id,
-      text: message.text,
-      created_at: (/* @__PURE__ */ new Date()).toISOString(),
-      author_name: authorName,
-      author_ref: null
-    });
-    for (const attachmentPath of message.attachments) {
-      messageElement.createChildElement("file", { path: attachmentPath });
+    if (storeLocally) {
+      const authorName = getParticipantName(room.localParticipant);
+      const messageElement = messagesElement.createChildElement("message", {
+        id: message.id,
+        text: message.text,
+        created_at: (/* @__PURE__ */ new Date()).toISOString(),
+        author_name: authorName,
+        author_ref: null
+      });
+      for (const attachmentPath of message.attachments) {
+        messageElement.createChildElement("file", { path: attachmentPath });
+      }
     }
-    for (const participant of onlineParticipants) {
-      if (!matchesParticipantName(participant, agentName)) {
-        continue;
+    let recipients = matchingRecipients({
+      room,
+      document,
+      useAgentMessages,
+      participantName: normalizedParticipantName
+    });
+    if (recipients.length === 0) {
+      const shouldWaitForRecipient = useAgentMessages || Boolean(normalizedParticipantName);
+      if (!shouldWaitForRecipient) {
+        throw new Error(`no matching recipients are available for '${path}'`);
       }
-      room.messaging.sendMessage({
-        to: participant,
-        type: "chat",
-        message: {
-          path,
-          text: message.text,
-          attachments: message.attachments.map((attachmentPath) => ({ path: attachmentPath }))
+      try {
+        recipients = await waitForRecipients({
+          room,
+          document,
+          messageId: message.id,
+          useAgentMessages,
+          participantName: normalizedParticipantName,
+          pendingRecipientWaits: pendingRecipientWaitsRef.current
+        });
+      } catch (error) {
+        if (error instanceof ChatSendCancelledError) {
+          return;
         }
-      });
+        throw error;
+      }
     }
-  }, [agentName, document, onlineParticipants, path, room]);
+    await Promise.all(recipients.map((participant) => sendMessageToParticipant({
+      room,
+      participant,
+      path,
+      message,
+      messageType,
+      useAgentMessages,
+      turnId,
+      store: Boolean(normalizedParticipantName) && getParticipantName(participant) === normalizedParticipantName
+    })));
+  }, [agentName, document, messageType, path, room, turnId, useAgentMessages]);
   (0, import_react.useEffect)(() => {
     if (!document || !initialMessage || initialMessageSentRef.current) {
       return;

package/dist/cjs/components/pane-example.js

@@ -24,9 +24,9 @@ __export(pane_example_exports, {
 module.exports = __toCommonJS(pane_example_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
-var import_button = require("@/components/ui/button");
-var import_sheet = require("@/components/ui/sheet");
-var import_pane_service = require("@/lib/pane-service");
+var import_button = require("./ui/button");
+var import_sheet = require("./ui/sheet");
+var import_pane_service = require("../lib/pane-service");
 function PaneExample() {
   const [open, setOpen] = (0, import_react.useState)(false);
   (0, import_react.useEffect)(() => {

package/dist/cjs/components/ui/sonner.d.ts

@@ -1,3 +1,3 @@
-import { ToasterProps } from "sonner";
+import type { ToasterProps } from "sonner";
 declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export { Toaster };

package/dist/cjs/index.d.ts

@@ -8,3 +8,4 @@ export * from './chat-message';
 export * from './conversation-descriptor';
 export * from './file-attachment';
 export * from './multi-thread-view';
+export * from './chat-hooks';

package/dist/cjs/index.js

@@ -25,3 +25,4 @@ __reExport(index_exports, require("./chat-message"), module.exports);
 __reExport(index_exports, require("./conversation-descriptor"), module.exports);
 __reExport(index_exports, require("./file-attachment"), module.exports);
 __reExport(index_exports, require("./multi-thread-view"), module.exports);
+__reExport(index_exports, require("./chat-hooks"), module.exports);

package/dist/cjs/multi-thread-view.js

@@ -39,8 +39,8 @@ function MultiThreadView({
   onSelectedThreadResolved,
   newThreadResetVersion = 0,
   centerComposer = true,
-  emptyStateTitle,
-  emptyStateDescription
+  emptyStateTitle = "Start a new thread",
+  emptyStateDescription = "Connect with this agent and your team"
 }) {
   const controlledSelectedThreadPath = selectedThreadPath !== void 0 ? normalizeSelectedThreadPath(selectedThreadPath) : void 0;
   const [internalSelectedThreadPath, setInternalSelectedThreadPath] = (0, import_react.useState)(() => controlledSelectedThreadPath ?? null);
@@ -72,8 +72,6 @@ function MultiThreadView({
       toolkit,
       tool,
       centerComposer,
-      emptyStateTitle,
-      emptyStateDescription,
       onThreadResolved: (path, displayName) => {
         const normalizedPath = normalizeSelectedThreadPath(path);
         if (controlledSelectedThreadPath === void 0) {
@@ -81,7 +79,9 @@ function MultiThreadView({
         }
         onSelectedThreadPathChanged?.(normalizedPath);
         onSelectedThreadResolved?.(normalizedPath, displayName);
-      }
+      },
+      emptyStateTitle,
+      emptyStateDescription
     },
     composerKey
   );

package/dist/esm/Chat.js

@@ -111,8 +111,8 @@ function EmptyState({
   title,
   description
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "h-full max-w-2xl flex flex-col items-center justify-center px-6 py-20 text-center", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-4xl font-semibold tracking-tight text-foreground sm:text-5xl", children: title }),
+  return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center px-6 py-20 text-center", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-4xl font-bold tracking-tight text-foreground", children: title }),
     description?.trim() ? /* @__PURE__ */ jsx("p", { className: "mt-3 max-w-xl text-sm leading-6 text-muted-foreground sm:text-base", children: description }) : null
   ] });
 }
@@ -129,6 +129,9 @@ function ResolvedChatView({
   showNewThreadButton = false,
   onStartNewThread
 }) {
+  const threadStatus = useThreadStatus({ room, path, agentName });
+  const useAgentMessages = threadStatus.supportsAgentMessages;
+  const messageType = useAgentMessages && threadStatus.mode === "steerable" && threadStatus.turnId ? "steer" : "chat";
   const {
     document,
     messages,
@@ -139,9 +142,16 @@ function ResolvedChatView({
     onlineParticipants,
     localParticipantName,
     cancelRequest
-  } = useChatThread({ room, path, participants, agentName });
+  } = useChatThread({
+    room,
+    path,
+    participants,
+    agentName,
+    useAgentMessages,
+    messageType,
+    turnId: threadStatus.turnId
+  });
   const { typing, thinking } = useRoomIndicators({ room, path });
-  const threadStatus = useThreadStatus({ room, path, agentName });
   const [showCompletedToolCalls, setShowCompletedToolCalls] = useState(false);
   const onTextChange = useCallback(() => {
     for (const participant of onlineParticipants) {

package/dist/esm/ChatBotView.d.ts

@@ -16,6 +16,8 @@ export interface ChatBotViewProps {
     centerComposer?: boolean;
     emptyStateTitle?: string;
     emptyStateDescription?: string;
+    startNewThreadTitle?: string;
+    startNewThreadDescription?: string;
     selectedThreadPath?: string | null;
     selectedThreadDisplayName?: string | null;
     onSelectedThreadPathChanged?: (path: string | null) => void;
@@ -26,4 +28,4 @@ export interface ChatBotViewProps {
     threadListWidth?: number;
     threadListCollapsedHeight?: number;
 }
-export declare function ChatBotView({ room, path, documentPath, participants, agentName, threadDisplayMode, threadDir, threadListPath, toolkit, tool, centerComposer, emptyStateTitle, emptyStateDescription, selectedThreadPath, onSelectedThreadPathChanged, onSelectedThreadResolved, onThreadResolved, newThreadResetVersion, showThreadList, threadListWidth, threadListCollapsedHeight, }: ChatBotViewProps): ReactElement;
+export declare function ChatBotView({ room, path, documentPath, participants, agentName, threadDisplayMode, threadDir, threadListPath, toolkit, tool, centerComposer, emptyStateTitle, emptyStateDescription, startNewThreadTitle, startNewThreadDescription, selectedThreadPath, onSelectedThreadPathChanged, onSelectedThreadResolved, onThreadResolved, newThreadResetVersion, showThreadList, threadListWidth, threadListCollapsedHeight, }: ChatBotViewProps): ReactElement;