@meshagent/meshagent-tailwind 0.39.9 → 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/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;