@meshagent/meshagent-tailwind 0.39.8 → 0.40.0

package/dist/esm/{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/esm/{chat-hooks.js → chat/chat-hooks.js}

@@ -20,6 +20,8 @@ class PendingAgentMessage {
   text;
   attachments;
   senderName;
+  createdAt;
+  matchByContentOnly;
   awaitingAcceptance;
   awaitingOnline;
   constructor({
@@ -29,6 +31,8 @@ class PendingAgentMessage {
     text,
     attachments,
     senderName,
+    createdAt,
+    matchByContentOnly = false,
     awaitingAcceptance = false,
     awaitingOnline = false
   }) {
@@ -38,6 +42,8 @@ class PendingAgentMessage {
     this.text = text;
     this.attachments = attachments;
     this.senderName = senderName;
+    this.createdAt = createdAt;
+    this.matchByContentOnly = matchByContentOnly;
     this.awaitingAcceptance = awaitingAcceptance;
     this.awaitingOnline = awaitingOnline;
   }
@@ -69,6 +75,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,
@@ -76,6 +84,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
     });
   }
@@ -286,7 +296,7 @@ async function sendMessageToParticipant({
     await room.messaging.sendMessage({
       to: participant,
       type: agentRoomMessageType,
-      message: { payload }
+      message: payload
     });
     return;
   }
@@ -510,7 +520,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/esm/{ChatInput.js → chat/chat-input.js}

@@ -3,11 +3,11 @@ import { useRef, useState, useEffect, useMemo, useCallback } from "react";
 import { ArrowUp, LoaderCircle, X } from "lucide-react";
 import { v4 as uuidV4 } from "uuid";
 import { ChatMessage } from "./chat-message";
-import { Button } from "./components/ui/button";
-import { FileUploader } from "./FileUploader";
-import { UploadPill } from "./UploadPill";
+import { Button } from "../components/ui/button";
+import { FileUploader } from "./file-uploader";
+import { UploadPill } from "./upload-pill";
 import { UploadStatus } from "./file-attachment";
-import { cn } from "./lib/utils";
+import { cn } from "../lib/utils";
 const MIN_TEXTAREA_HEIGHT = 20;
 const MAX_TEXTAREA_HEIGHT = 160;
 function useAttachmentStatusVersion(attachments) {

package/dist/esm/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/esm/{ChatThread.js → chat/chat-thread.js}

@@ -1,14 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState, useEffect, useRef, useCallback } from "react";
-import { Download, FileText } from "lucide-react";
+import { FileText } from "lucide-react";
 import ReactMarkdown from "react-markdown";
 import rehypeHighlight from "rehype-highlight";
 import rehypeSanitize from "rehype-sanitize";
 import remarkGfm from "remark-gfm";
-import { Button } from "./components/ui/button";
-import { Spinner } from "./components/ui/spinner";
-import { ChatTypingIndicator } from "./ChatTypingIndicator";
-import { cn } from "./lib/utils";
+import { Button } from "../components/ui/button";
+import { Spinner } from "../components/ui/spinner";
+import { ChatTypingIndicator } from "./chat-typing-indicator";
+import { ChatInput } from "./chat-input";
+import { useChatThread, useThreadStatus } from "./chat-hooks";
+import { FilePreviewDialog, isImagePath } from "../file-preview/file-preview";
+import { cn } from "../lib/utils";
 const supportedEventKinds = /* @__PURE__ */ new Set([
   "exec",
   "tool",
@@ -74,9 +77,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";
 }
@@ -301,14 +301,11 @@ function ChatImage({
   if (!url) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(FilePreviewDialog, { room, path, children: /* @__PURE__ */ 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__ */ jsx(
         "img",
         {
@@ -325,28 +322,21 @@ function ChatImage({
         }
       )
     }
-  );
+  ) });
 }
 function FileAttachment({ room, path }) {
-  const url = useDownloadUrl(room, path);
   const filename = path.split("/").pop() ?? path;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(FilePreviewDialog, { room, path, children: /* @__PURE__ */ 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__ */ jsx(FileText, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: filename }),
-        /* @__PURE__ */ jsx(Download, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: filename })
       ]
     }
-  );
+  ) });
 }
 function ThreadAttachment({ room, attachment, onImageSettled }) {
   const path = getTrimmedStringAttribute(attachment, "path");
@@ -551,6 +541,63 @@ function EmptyState({
   ] });
 }
 function ChatThread({
+  room,
+  path,
+  participants,
+  agentName,
+  emptyStateTitle,
+  emptyStateDescription
+}) {
+  const status = useThreadStatus({ room, path, agentName });
+  const {
+    document,
+    messages,
+    sendMessage,
+    selectAttachments,
+    attachments,
+    setAttachments,
+    localParticipantName,
+    cancelRequest
+  } = useChatThread({
+    room,
+    path,
+    participants,
+    agentName,
+    useAgentMessages: agentName?.trim() !== "",
+    messageType: status.mode === "steerable" && status.turnId != null ? "steer" : "chat",
+    turnId: status.turnId
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+    /* @__PURE__ */ jsx(
+      ChatThreadView,
+      {
+        room,
+        messages,
+        isLoading: document === null,
+        localParticipantName,
+        path,
+        threadStatusText: status.text,
+        threadStatusStartedAt: status.startedAt,
+        threadStatusMode: status.mode,
+        onCancelRequest: cancelRequest,
+        emptyStateTitle,
+        emptyStateDescription
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      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,

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

@@ -3,7 +3,7 @@ import * as React from "react";
 import { useRoomIndicators } from "@meshagent/meshagent-react";
 import { LoaderCircle, X } from "lucide-react";
 import { formatThreadStatusText } from "./chat-hooks";
-import { cn } from "./lib/utils";
+import { cn } from "../lib/utils";
 function useStatusLabel(text, startedAt) {
   const normalizedText = text?.trim() ?? "";
   const [tick, setTick] = React.useState(0);

package/dist/{cjs → esm/chat}/conversation-descriptor.d.ts

@@ -11,10 +11,11 @@ export declare enum ChatThreadDisplayMode {
 }
 export declare class ChatAgentConversationDescriptor {
     private constructor();
-    static chat({ chatThreadDisplayMode, threadDir, threadListPath, }?: {
+    static chat({ chatThreadDisplayMode, threadDir, threadListPath, threadPath, }?: {
         chatThreadDisplayMode?: ChatThreadDisplayMode;
         threadDir?: string | null;
         threadListPath?: string | null;
+        threadPath?: string | null;
     }): ChatAgentConversationDescriptor;
     static voiceOnly(): ChatAgentConversationDescriptor;
     static meeting(): ChatAgentConversationDescriptor;
@@ -22,6 +23,7 @@ export declare class ChatAgentConversationDescriptor {
     readonly chatThreadDisplayMode: ChatThreadDisplayMode;
     readonly threadDir: string | null;
     readonly threadListPath: string | null;
+    readonly threadPath: string | null;
     get isChat(): boolean;
     get isVoiceOnly(): boolean;
     get isMeeting(): boolean;
@@ -36,11 +38,15 @@ export declare function chatThreadDisplayModeFromAnnotation(value: unknown): Cha
 export declare function normalizedThreadDir(threadDir?: string | null): string | null;
 export declare function participantThreadDir(participant: RemoteParticipant): string | null;
 export declare function participantThreadListPath(participant: RemoteParticipant): string | null;
+export declare function participantThreadPath(participant: RemoteParticipant): string | null;
 export declare function participantConversationDescriptor(participant: RemoteParticipant): ChatAgentConversationDescriptor | null;
 export declare function serviceThreadDir(service: ServiceSpec): string | null;
 export declare function serviceThreadListPath(service: ServiceSpec, { remoteParticipants }?: {
     remoteParticipants?: Iterable<RemoteParticipant>;
 }): string | null;
+export declare function serviceThreadPath(service: ServiceSpec, { remoteParticipants }?: {
+    remoteParticipants?: Iterable<RemoteParticipant>;
+}): string | null;
 export declare function serviceConversationDescriptor(service: ServiceSpec, { remoteParticipants }?: {
     remoteParticipants?: Iterable<RemoteParticipant>;
 }): ChatAgentConversationDescriptor | null;

package/dist/esm/{conversation-descriptor.js → chat/conversation-descriptor.js}

@@ -17,23 +17,27 @@ class ChatAgentConversationDescriptor {
     kind,
     chatThreadDisplayMode = 0 /* SingleThread */,
     threadDir = null,
-    threadListPath = null
+    threadListPath = null,
+    threadPath = null
   }) {
     this.kind = kind;
     this.chatThreadDisplayMode = chatThreadDisplayMode;
     this.threadDir = threadDir;
     this.threadListPath = threadListPath;
+    this.threadPath = threadPath;
   }
   static chat({
     chatThreadDisplayMode = 0 /* SingleThread */,
     threadDir = null,
-    threadListPath = null
+    threadListPath = null,
+    threadPath = null
   } = {}) {
     return new ChatAgentConversationDescriptor({
       kind: 0 /* Chat */,
       chatThreadDisplayMode,
       threadDir,
-      threadListPath
+      threadListPath,
+      threadPath
     });
   }
   static voiceOnly() {
@@ -50,6 +54,7 @@ class ChatAgentConversationDescriptor {
   chatThreadDisplayMode;
   threadDir;
   threadListPath;
+  threadPath;
   get isChat() {
     return this.kind === 0 /* Chat */;
   }
@@ -121,12 +126,16 @@ function participantThreadListPath(participant) {
   const threadListPath = normalizedAnnotationString(participant.getAttribute("meshagent.chatbot.thread-list"));
   return threadListPath ?? threadListPathFromThreadDir(participantThreadDir(participant));
 }
+function participantThreadPath(participant) {
+  return normalizedAnnotationString(participant.getAttribute("meshagent.chatbot.thread-path"));
+}
 function participantConversationDescriptor(participant) {
   const supportsVoice = participantSupportsVoice(participant);
   const supportsChat = participantSupportsChatOverride(participant);
   const threadDir = participantThreadDir(participant);
   const threadListPath = participantThreadListPath(participant);
-  const hasThreadAnnotations = normalizedAnnotationString(participant.getAttribute("meshagent.chatbot.threading")) !== null || threadDir !== null || threadListPath !== null;
+  const threadPath = participantThreadPath(participant);
+  const hasThreadAnnotations = normalizedAnnotationString(participant.getAttribute("meshagent.chatbot.threading")) !== null || threadDir !== null || threadListPath !== null || threadPath !== null;
   if (supportsChat === false) {
     return supportsVoice ? ChatAgentConversationDescriptor.voiceOnly() : null;
   }
@@ -139,7 +148,8 @@ function participantConversationDescriptor(participant) {
         participant.getAttribute("meshagent.chatbot.threading")
       ),
       threadDir,
-      threadListPath
+      threadListPath,
+      threadPath
     });
   }
   if (supportsVoice) {
@@ -173,6 +183,24 @@ function serviceThreadListPath(service, { remoteParticipants = [] } = {}) {
   }
   return null;
 }
+function serviceThreadPath(service, { remoteParticipants = [] } = {}) {
+  const annotationPath = normalizedAnnotationString(
+    firstAgent(service)?.annotations?.["meshagent.chatbot.thread-path"]
+  );
+  if (annotationPath !== null) {
+    return annotationPath;
+  }
+  const agentName = firstAgent(service)?.name;
+  if (!agentName || agentName.trim() === "") {
+    return null;
+  }
+  for (const participant of remoteParticipants) {
+    if (participant.getAttribute("name") === agentName) {
+      return participantThreadPath(participant);
+    }
+  }
+  return null;
+}
 function serviceConversationDescriptor(service, { remoteParticipants = [] } = {}) {
   const type = firstAgent(service)?.annotations?.["meshagent.agent.type"];
   if (type === "VoiceBot") {
@@ -189,7 +217,8 @@ function serviceConversationDescriptor(service, { remoteParticipants = [] } = {}
       firstAgent(service)?.annotations?.["meshagent.chatbot.threading"]
     ),
     threadDir: serviceThreadDir(service),
-    threadListPath: serviceThreadListPath(service, { remoteParticipants })
+    threadListPath: serviceThreadListPath(service, { remoteParticipants }),
+    threadPath: serviceThreadPath(service, { remoteParticipants })
   });
 }
 function conversationDescriptorForParticipant(participant, {
@@ -234,6 +263,9 @@ function chatDocumentPath(agentName, {
 } = {}) {
   const normalizedDir = normalizedThreadDir(threadDir);
   if (normalizedDir !== null) {
+    if (normalizedDir.startsWith("dataset://") || normalizedDir.startsWith("tmp://")) {
+      return `${normalizedDir}/main`;
+    }
     return `${normalizedDir}/main.thread`;
   }
   const defaultThreadDir = defaultThreadDocumentDir(agentName);
@@ -273,8 +305,10 @@ export {
   participantSupportsVoice,
   participantThreadDir,
   participantThreadListPath,
+  participantThreadPath,
   resolvedThreadListPath,
   serviceConversationDescriptor,
   serviceThreadDir,
-  serviceThreadListPath
+  serviceThreadListPath,
+  serviceThreadPath
 };

package/dist/esm/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;