@meshagent/meshagent-tailwind 0.39.9 → 0.40.0

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+## [0.40.0]
+- Enabled websocket compression for Node protocol connections while preserving the browser path.
+- Aligned the JS and TS protocol surface with realtime model selection and output-modality negotiation.
+- Refreshed the generated Node entrypoint to match the updated realtime protocol flow.
+
 ## [0.39.9]
 - Added streaming `watchTable` support to the TypeScript DatasetsClient to receive dataset table change events with versioning metadata.
 

package/dist/cjs/{ChatBotView.js → chat/chat-bot-view.js}

@@ -16,27 +16,28 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ChatBotView_exports = {};
-__export(ChatBotView_exports, {
+var chat_bot_view_exports = {};
+__export(chat_bot_view_exports, {
   ChatBotView: () => ChatBotView,
   ChatThreadDisplayMode: () => import_conversation_descriptor2.ChatThreadDisplayMode,
   chatDocumentPath: () => import_conversation_descriptor2.chatDocumentPath,
   resolvedThreadListPath: () => import_conversation_descriptor2.resolvedThreadListPath
 });
-module.exports = __toCommonJS(ChatBotView_exports);
+module.exports = __toCommonJS(chat_bot_view_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_meshagent_react = require("@meshagent/meshagent-react");
 var import_lucide_react = require("lucide-react");
 var import_chat_hooks = require("./chat-hooks");
-var import_Chat = require("./Chat");
-var import_button = require("./components/ui/button");
-var import_dialog = require("./components/ui/dialog");
-var import_input = require("./components/ui/input");
-var import_label = require("./components/ui/label");
-var import_spinner = require("./components/ui/spinner");
+var import_chat_thread = require("./chat-thread");
+var import_dataset_chat_thread = require("./dataset-chat-thread");
+var import_button = require("../components/ui/button");
+var import_dialog = require("../components/ui/dialog");
+var import_input = require("../components/ui/input");
+var import_label = require("../components/ui/label");
+var import_spinner = require("../components/ui/spinner");
 var import_conversation_descriptor = require("./conversation-descriptor");
-var import_utils = require("./lib/utils");
+var import_utils = require("../lib/utils");
 var import_multi_thread_view = require("./multi-thread-view");
 var import_conversation_descriptor2 = require("./conversation-descriptor");
 const multiThreadLayoutBreakpointPx = 920;
@@ -44,6 +45,9 @@ function normalizePath(path) {
   const normalized = path?.trim();
   return normalized ? normalized : null;
 }
+function isDatasetBackedThreadPath(path) {
+  return path.startsWith("dataset://") || path.startsWith("tmp://");
+}
 function parseDate(value) {
   const parsed = new Date(value);
   return Number.isNaN(parsed.getTime()) ? /* @__PURE__ */ new Date(0) : parsed;
@@ -482,19 +486,24 @@ function ChatBotView({
     closeRenameThreadDialog();
   }, [activeSelectedThreadPath, closeRenameThreadDialog, emitResolvedThread, renameThreadDialog]);
   if (threadDisplayMode !== import_conversation_descriptor.ChatThreadDisplayMode.MultiThreadComposer) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_Chat.Chat,
+    return isDatasetBackedThreadPath(resolvedSingleThreadPath) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dataset_chat_thread.DatasetChatThread,
+      {
+        room,
+        path: resolvedSingleThreadPath,
+        agentName,
+        emptyStateTitle,
+        emptyStateDescription
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_chat_thread.ChatThread,
       {
         room,
         path: resolvedSingleThreadPath,
         participants,
         agentName,
-        toolkit,
-        tool,
-        centerComposer,
         emptyStateTitle,
-        emptyStateDescription,
-        onThreadResolved
+        emptyStateDescription
       }
     );
   }
@@ -513,16 +522,22 @@ function ChatBotView({
       onSelectedThreadResolved: emitResolvedThread,
       newThreadResetVersion,
       centerComposer,
-      builder: (threadPath) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_Chat.Chat,
+      builder: (threadPath) => isDatasetBackedThreadPath(threadPath) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_dataset_chat_thread.DatasetChatThread,
+        {
+          room,
+          path: threadPath,
+          agentName,
+          emptyStateTitle: startNewThreadTitle,
+          emptyStateDescription: startNewThreadDescription
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_chat_thread.ChatThread,
         {
           room,
           path: threadPath,
           participants,
           agentName,
-          toolkit,
-          tool,
-          centerComposer,
           emptyStateTitle: startNewThreadTitle,
           emptyStateDescription: startNewThreadDescription
         }

package/dist/cjs/{chat-hooks.d.ts → chat/chat-hooks.d.ts}

@@ -32,15 +32,19 @@ export declare class PendingAgentMessage {
     readonly text: string;
     readonly attachments: string[];
     readonly senderName?: string;
+    readonly createdAt?: Date;
+    readonly matchByContentOnly: boolean;
     readonly awaitingAcceptance: boolean;
     readonly awaitingOnline: boolean;
-    constructor({ messageId, messageType, threadPath, text, attachments, senderName, awaitingAcceptance, awaitingOnline, }: {
+    constructor({ messageId, messageType, threadPath, text, attachments, senderName, createdAt, matchByContentOnly, awaitingAcceptance, awaitingOnline, }: {
         messageId: string;
         messageType: string;
         threadPath: string;
         text: string;
         attachments: string[];
         senderName?: string;
+        createdAt?: Date;
+        matchByContentOnly?: boolean;
         awaitingAcceptance?: boolean;
         awaitingOnline?: boolean;
     });

package/dist/cjs/{chat-hooks.js → chat/chat-hooks.js}

@@ -45,6 +45,8 @@ class PendingAgentMessage {
   text;
   attachments;
   senderName;
+  createdAt;
+  matchByContentOnly;
   awaitingAcceptance;
   awaitingOnline;
   constructor({
@@ -54,6 +56,8 @@ class PendingAgentMessage {
     text,
     attachments,
     senderName,
+    createdAt,
+    matchByContentOnly = false,
     awaitingAcceptance = false,
     awaitingOnline = false
   }) {
@@ -63,6 +67,8 @@ class PendingAgentMessage {
     this.text = text;
     this.attachments = attachments;
     this.senderName = senderName;
+    this.createdAt = createdAt;
+    this.matchByContentOnly = matchByContentOnly;
     this.awaitingAcceptance = awaitingAcceptance;
     this.awaitingOnline = awaitingOnline;
   }
@@ -94,6 +100,8 @@ class PendingAgentMessage {
     const messageType = json["message_type"];
     const messageId = json["message_id"];
     const threadPath = json["thread_id"];
+    const createdAt = json["created_at"];
+    const parsedCreatedAt = typeof createdAt === "string" ? new Date(createdAt) : void 0;
     return new PendingAgentMessage({
       messageId: typeof messageId === "string" ? messageId : crypto.randomUUID(),
       messageType: typeof messageType === "string" ? messageType : agentTurnSteerType,
@@ -101,6 +109,8 @@ class PendingAgentMessage {
       text: textParts.join("\n\n"),
       attachments,
       senderName: typeof senderName === "string" && senderName.trim().length > 0 ? senderName.trim() : void 0,
+      createdAt: parsedCreatedAt instanceof Date && !Number.isNaN(parsedCreatedAt.getTime()) ? parsedCreatedAt : void 0,
+      matchByContentOnly: false,
       awaitingOnline: false
     });
   }
@@ -311,7 +321,7 @@ async function sendMessageToParticipant({
     await room.messaging.sendMessage({
       to: participant,
       type: agentRoomMessageType,
-      message: { payload }
+      message: payload
     });
     return;
   }
@@ -535,7 +545,7 @@ function resolveThreadStatus({
 function pendingMessagesEqual(left, right) {
   return left.length === right.length && left.every((message, index) => {
     const other = right[index];
-    return message.messageId === other.messageId && message.messageType === other.messageType && message.text === other.text && stringArraysEqual(message.attachments, other.attachments) && message.senderName === other.senderName;
+    return message.messageId === other.messageId && message.messageType === other.messageType && message.text === other.text && stringArraysEqual(message.attachments, other.attachments) && message.senderName === other.senderName && message.createdAt?.getTime() === other.createdAt?.getTime() && message.matchByContentOnly === other.matchByContentOnly && message.awaitingAcceptance === other.awaitingAcceptance && message.awaitingOnline === other.awaitingOnline;
   });
 }
 function threadStatusEquals(left, right) {

package/dist/cjs/{ChatInput.js → chat/chat-input.js}

@@ -16,21 +16,21 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ChatInput_exports = {};
-__export(ChatInput_exports, {
+var chat_input_exports = {};
+__export(chat_input_exports, {
   ChatInput: () => ChatInput
 });
-module.exports = __toCommonJS(ChatInput_exports);
+module.exports = __toCommonJS(chat_input_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 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_FileUploader = require("./FileUploader");
-var import_UploadPill = require("./UploadPill");
+var import_button = require("../components/ui/button");
+var import_file_uploader = require("./file-uploader");
+var import_upload_pill = require("./upload-pill");
 var import_file_attachment = require("./file-attachment");
-var import_utils = require("./lib/utils");
+var import_utils = require("../lib/utils");
 const MIN_TEXTAREA_HEIGHT = 20;
 const MAX_TEXTAREA_HEIGHT = 160;
 function useAttachmentStatusVersion(attachments) {
@@ -179,7 +179,7 @@ function ChatInput({
   const trailingButton = showCancelButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerActionButton, { onClick: onCancelRequest, showCancelButton: true }) : hasDraft ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComposerActionButton, { onClick: handleSend, disabled: !canSend }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-9 w-9 shrink-0" });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 pt-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto flex w-full max-w-4xl flex-col gap-2 rounded-md border border-input/70 bg-background px-2 py-1 shadow-xs focus-within:border-primary focus-within:[outline:1px_solid_var(--color-primary)]", children: [
     attachments.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex max-w-full flex-wrap gap-2 px-1 pt-1", children: attachments.map((attachment, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_UploadPill.UploadPill,
+      import_upload_pill.UploadPill,
       {
         attachment,
         onCancel: cancelAttachment
@@ -187,7 +187,7 @@ function ChatInput({
       `${attachment.path}-${index}`
     )) }) : null,
     /* @__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_file_uploader.FileUploader, { onFilesSelected, disabled }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "textarea",
         {

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

@@ -0,0 +1,12 @@
+import type { ReactElement } from "react";
+import { Participant, RoomClient } from "@meshagent/meshagent";
+export interface ChatThreadProps {
+    room: RoomClient;
+    path: string;
+    participants?: Participant[];
+    agentName?: string;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+}
+export declare function timeAgo(iso: string): string;
+export declare function ChatThread({ room, path, participants, agentName, emptyStateTitle, emptyStateDescription, }: ChatThreadProps): ReactElement;

package/dist/cjs/{ChatThread.js → chat/chat-thread.js}

@@ -26,12 +26,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ChatThread_exports = {};
-__export(ChatThread_exports, {
+var chat_thread_exports = {};
+__export(chat_thread_exports, {
   ChatThread: () => ChatThread,
   timeAgo: () => timeAgo
 });
-module.exports = __toCommonJS(ChatThread_exports);
+module.exports = __toCommonJS(chat_thread_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_lucide_react = require("lucide-react");
@@ -39,10 +39,13 @@ var import_react_markdown = __toESM(require("react-markdown"));
 var import_rehype_highlight = __toESM(require("rehype-highlight"));
 var import_rehype_sanitize = __toESM(require("rehype-sanitize"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
-var import_button = require("./components/ui/button");
-var import_spinner = require("./components/ui/spinner");
-var import_ChatTypingIndicator = require("./ChatTypingIndicator");
-var import_utils = require("./lib/utils");
+var import_button = require("../components/ui/button");
+var import_spinner = require("../components/ui/spinner");
+var import_chat_typing_indicator = require("./chat-typing-indicator");
+var import_chat_input = require("./chat-input");
+var import_chat_hooks = require("./chat-hooks");
+var import_file_preview = require("../file-preview/file-preview");
+var import_utils = require("../lib/utils");
 const supportedEventKinds = /* @__PURE__ */ new Set([
   "exec",
   "tool",
@@ -108,9 +111,6 @@ function timeAgo(iso) {
 function displayParticipantName(name) {
   return name.split("@")[0]?.trim() ?? name.trim();
 }
-function isImagePath(path) {
-  return /\.(avif|bmp|gif|jpe?g|png|svg|webp)$/i.test(path);
-}
 function isThreadAttachmentElement(element) {
   return element.tagName === "file" || element.tagName === "image";
 }
@@ -119,7 +119,7 @@ function isImageAttachmentElement(element) {
     return false;
   }
   const path = getTrimmedStringAttribute(element, "path");
-  return element.tagName === "image" || path !== "" && isImagePath(path);
+  return element.tagName === "image" || path !== "" && (0, import_file_preview.isImagePath)(path);
 }
 function getAttachmentTrackingId(attachment) {
   const path = getTrimmedStringAttribute(attachment, "path");
@@ -335,14 +335,11 @@ function ChatImage({
   if (!url) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_file_preview.FilePreviewDialog, { room, path, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
       type: "button",
       className: "block overflow-hidden rounded-md bg-muted/20 shadow-xs transition-opacity hover:opacity-95",
-      onClick: () => {
-        window.open(url, "_blank", "noopener,noreferrer");
-      },
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "img",
         {
@@ -359,28 +356,21 @@ function ChatImage({
         }
       )
     }
-  );
+  ) });
 }
 function FileAttachment({ room, path }) {
-  const url = useDownloadUrl(room, path);
   const filename = path.split("/").pop() ?? path;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_file_preview.FilePreviewDialog, { room, path, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "button",
     {
       type: "button",
       className: "inline-flex max-w-full items-center gap-2 rounded-md bg-muted/60 px-3 py-2 text-left shadow-xs transition-colors hover:bg-muted/80",
-      onClick: () => {
-        if (url) {
-          window.open(url, "_blank", "noopener,noreferrer");
-        }
-      },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.FileText, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate text-sm font-medium", children: filename }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Download, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "truncate text-sm font-medium", children: filename })
       ]
     }
-  );
+  ) });
 }
 function ThreadAttachment({ room, attachment, onImageSettled }) {
   const path = getTrimmedStringAttribute(attachment, "path");
@@ -388,7 +378,7 @@ function ThreadAttachment({ room, attachment, onImageSettled }) {
     return null;
   }
   const filename = path.split("/").pop() ?? "Attachment";
-  if (attachment.tagName === "image" || isImagePath(path)) {
+  if (attachment.tagName === "image" || (0, import_file_preview.isImagePath)(path)) {
     const attachmentId = getAttachmentTrackingId(attachment);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       ChatImage,
@@ -585,6 +575,63 @@ function EmptyState({
   ] });
 }
 function ChatThread({
+  room,
+  path,
+  participants,
+  agentName,
+  emptyStateTitle,
+  emptyStateDescription
+}) {
+  const status = (0, import_chat_hooks.useThreadStatus)({ room, path, agentName });
+  const {
+    document,
+    messages,
+    sendMessage,
+    selectAttachments,
+    attachments,
+    setAttachments,
+    localParticipantName,
+    cancelRequest
+  } = (0, import_chat_hooks.useChatThread)({
+    room,
+    path,
+    participants,
+    agentName,
+    useAgentMessages: agentName?.trim() !== "",
+    messageType: status.mode === "steerable" && status.turnId != null ? "steer" : "chat",
+    turnId: status.turnId
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ChatThreadView,
+      {
+        room,
+        messages,
+        isLoading: document === null,
+        localParticipantName,
+        path,
+        threadStatusText: status.text,
+        threadStatusStartedAt: status.startedAt,
+        threadStatusMode: status.mode,
+        onCancelRequest: cancelRequest,
+        emptyStateTitle,
+        emptyStateDescription
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_chat_input.ChatInput,
+      {
+        onSubmit: sendMessage,
+        attachments,
+        onFilesSelected: selectAttachments,
+        setAttachments,
+        disabled: document === null,
+        placeholder: agentName?.trim() ? `Type a message or @${displayParticipantName(agentName)}` : "Type a message"
+      }
+    )
+  ] });
+}
+function ChatThreadView({
   room,
   messages,
   isLoading = false,
@@ -748,7 +795,7 @@ function ChatThread({
       }
     ),
     hasOverlay ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute inset-x-0 bottom-0 flex justify-center px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-auto w-full max-w-[912px]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_ChatTypingIndicator.ChatTypingIndicator,
+      import_chat_typing_indicator.ChatTypingIndicator,
       {
         typing,
         thinking,

package/dist/cjs/{ChatTypingIndicator.js → chat/chat-typing-indicator.js}

@@ -26,17 +26,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ChatTypingIndicator_exports = {};
-__export(ChatTypingIndicator_exports, {
+var chat_typing_indicator_exports = {};
+__export(chat_typing_indicator_exports, {
   ChatTypingIndicator: () => ChatTypingIndicator
 });
-module.exports = __toCommonJS(ChatTypingIndicator_exports);
+module.exports = __toCommonJS(chat_typing_indicator_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_meshagent_react = require("@meshagent/meshagent-react");
 var import_lucide_react = require("lucide-react");
 var import_chat_hooks = require("./chat-hooks");
-var import_utils = require("./lib/utils");
+var import_utils = require("../lib/utils");
 function useStatusLabel(text, startedAt) {
   const normalizedText = text?.trim() ?? "";
   const [tick, setTick] = React.useState(0);

package/dist/cjs/chat/dataset-chat-thread.d.ts

@@ -0,0 +1,13 @@
+import type { ReactElement } from "react";
+import type { RoomClient } from "@meshagent/meshagent";
+export interface DatasetChatThreadProps {
+    room: RoomClient;
+    path: string;
+    agentName?: string;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+    inputPlaceholder?: string;
+    initialShowCompletedToolCalls?: boolean;
+    openFile?: (path: string) => void | Promise<void>;
+}
+export declare function DatasetChatThread({ room, path, agentName, emptyStateTitle, emptyStateDescription, inputPlaceholder, initialShowCompletedToolCalls, openFile, }: DatasetChatThreadProps): ReactElement;