@meshagent/meshagent-tailwind 0.38.4 → 0.39.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [0.39.1]
+- Added `*Page` interfaces and new `Meshagent` TypeScript methods for paged listing (e.g., `getUsersInProjectPage`, `listMailboxesPage`, `listFeedsPage`, `listRoutesPage`, `listUniqueUsersWithGrantsPage`, `listOAuthClientsPage`, etc.) returning `{ items, total }`-style page payloads.
+- Updated existing list methods to accept `count`/`offset`/`filter` options and to default to paged fetching (default page-size behavior updated).
+- Improved payload parsing/validation for mailboxes (including mapping `room_id` into the Dart/JS-facing `roomId` shape).
+
+## [0.39.0]
+- Expanded TypeScript datasets client support for dataset index management (index configuration/remapping and index metadata).
+- Added TypeScript datasets SQL cancellation API with typed cancel status/results.
+- Applied “database” -> “datasets” terminology and toolkit/client updates across Node SDK clients (breaking for prior database-named usage).
+- Updated Node SDK/client surfaces for improved LLM proxy “pipes”, custom LLM usage tracking, and pricing/usage reporting (including gpt-5.5 pricing).
+- Updated a Node example dependency: `uuid` bumped to `^14.0.0` (from `^11.1.0`).
+
 ## [0.38.4]
 - Stability
 

package/dist/cjs/Chat.js

@@ -134,7 +134,7 @@ function EmptyState({
   title,
   description
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto flex max-w-2xl flex-col items-center justify-center px-6 py-20 text-center", children: [
+  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 }),
     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
   ] });
@@ -404,7 +404,7 @@ function Chat({
       placeholder: agentName?.trim() ? `Type a message or @${displayParticipantName(agentName)}` : "Type a message"
     }
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "h-full flex flex-1 flex-col", children: [
     activePath ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       ResolvedChatView,
       {
@@ -425,7 +425,7 @@ function Chat({
       ] }),
       composer,
       newThreadError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { message: newThreadError }) : null
-    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+    ] }) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "h-full flex flex-1 flex-col", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1", children: emptyStateTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, { title: emptyStateTitle, description: emptyStateDescription }) : null }),
       pendingStatusText ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mx-auto w-full max-w-[912px] text-sm text-muted-foreground", children: pendingStatusText }) }) : null,
       newThreadError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-4 pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ErrorBanner, { message: newThreadError }) }) : null,

package/dist/cjs/ChatBotView.js

@@ -31,6 +31,9 @@ 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_conversation_descriptor = require("./conversation-descriptor");
 var import_utils = require("./lib/utils");
@@ -121,10 +124,7 @@ function useIsWideLayout(minWidth) {
   }, [minWidth]);
   return matches;
 }
-function useThreadListDocument({
-  room,
-  path
-}) {
+function useThreadListDocument({ room, path }) {
   const [document, setDocument] = (0, import_react.useState)(null);
   const [entries, setEntries] = (0, import_react.useState)([]);
   const [loading, setLoading] = (0, import_react.useState)(path !== null);
@@ -191,7 +191,7 @@ function ThreadListRow({
   icon,
   trailing
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2 py-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "px-2 py-1 cursor-pointer", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       className: (0, import_utils.cn)(
@@ -235,14 +235,13 @@ function ThreadListEntryRow({
 }) {
   const status = (0, import_chat_hooks.useThreadStatus)({ room, path: entry.path, agentName });
   const iconClassName = selected ? "text-accent-foreground" : "text-muted-foreground";
-  const hasStatus = status.text?.trim() !== "";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     ThreadListRow,
     {
       title: entry.name,
       selected,
       onClick: () => onSelect(entry),
-      icon: hasStatus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { size: "sm", className: iconClassName }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: (0, import_utils.cn)("h-4 w-4", iconClassName) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MessageSquare, { className: (0, import_utils.cn)("h-4 w-4", iconClassName) }),
+      icon: status.hasStatus ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { size: "sm", className: iconClassName }) : selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: (0, import_utils.cn)("h-4 w-4", iconClassName) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MessageSquare, { className: (0, import_utils.cn)("h-4 w-4", iconClassName) }),
       trailing: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_button.Button,
         {
@@ -270,7 +269,7 @@ function ThreadListPanel({
   const { entries, error, loading } = threadList;
   const hasSelectedEntry = selectedThreadPath !== null && entries.some((entry) => entry.path === selectedThreadPath);
   const showPendingNewThreadSelection = selectedThreadPath === null || !hasSelectedEntry;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex h-full min-h-0 flex-col overflow-hidden rounded-2xl border bg-background", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex min-h-0 flex-1 items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { size: "lg", className: "text-muted-foreground" }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex min-h-0 flex-1 items-center justify-center p-6 text-center text-sm text-muted-foreground", children: `Unable to load threads: ${describeError(error)}` }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto py-1", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-full flex flex-col rounded-md border", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex min-h-0 flex-1 items-center justify-center p-6", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_spinner.Spinner, { size: "lg", className: "text-muted-foreground" }) }) : error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex min-h-0 flex-1 items-center justify-center p-6 text-center text-sm text-muted-foreground", children: `Unable to load threads: ${describeError(error)}` }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex h-full flex-1 flex-col overflow-y-auto py-1", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       ThreadListRow,
       {
@@ -295,6 +294,52 @@ function ThreadListPanel({
     ))
   ] }) });
 }
+function RenameThreadDialog({
+  dialogState,
+  onNameChange,
+  onOpenChange,
+  onSubmit
+}) {
+  const inputId = (0, import_react.useId)();
+  const inputRef = (0, import_react.useRef)(null);
+  const trimmedName = dialogState?.value.trim() ?? "";
+  const saveDisabled = dialogState === null || trimmedName === "" || trimmedName === dialogState.entry.name;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.Dialog, { open: dialogState !== null, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dialog.DialogContent,
+    {
+      showCloseButton: false,
+      className: "sm:max-w-[425px]",
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        inputRef.current?.focus();
+        inputRef.current?.select();
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { className: "space-y-4", onSubmit, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogTitle, { children: "Rename thread" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogDescription, { children: "Use a short and descriptive name" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_label.Label, { htmlFor: inputId, children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              ref: inputRef,
+              id: inputId,
+              value: dialogState?.value ?? "",
+              autoComplete: "off",
+              onChange: onNameChange
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_dialog.DialogFooter, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dialog.DialogClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "button", variant: "outline", children: "Cancel" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { type: "submit", disabled: saveDisabled, children: "Save" })
+        ] })
+      ] })
+    }
+  ) });
+}
 function MultiThreadUnavailable() {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex min-h-0 flex-1 items-center justify-center px-4 py-8", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full max-w-[912px] rounded-3xl border border-destructive/30 bg-destructive/5 p-6 text-destructive", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start gap-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertTriangle, { className: "mt-0.5 h-5 w-5 shrink-0" }),
@@ -341,6 +386,7 @@ function ChatBotView({
   const [internalSelectedThreadPath, setInternalSelectedThreadPath] = (0, import_react.useState)(() => explicitSelectedThreadPath ?? legacySelectedThreadPath ?? null);
   const previousLegacySelectedThreadPathRef = (0, import_react.useRef)(legacySelectedThreadPath);
   const previousNewThreadResetVersionRef = (0, import_react.useRef)(newThreadResetVersion);
+  const [renameThreadDialog, setRenameThreadDialog] = (0, import_react.useState)(null);
   const activeSelectedThreadPath = explicitSelectedThreadPath ?? internalSelectedThreadPath;
   const resolvedThreadListDocumentPath = (0, import_react.useMemo)(
     () => (0, import_conversation_descriptor.resolvedThreadListPath)(threadListPath, { threadDir, agentName }),
@@ -382,6 +428,9 @@ function ChatBotView({
     handleSelectedThreadPathChanged(normalizedNextPath);
     emitResolvedThread(normalizedNextPath, displayName);
   }, [emitResolvedThread, handleSelectedThreadPathChanged]);
+  const closeRenameThreadDialog = (0, import_react.useCallback)(() => {
+    setRenameThreadDialog(null);
+  }, []);
   (0, import_react.useEffect)(() => {
     if (threadDisplayMode !== import_conversation_descriptor.ChatThreadDisplayMode.MultiThreadComposer) {
       previousNewThreadResetVersionRef.current = newThreadResetVersion;
@@ -393,22 +442,43 @@ function ChatBotView({
     previousNewThreadResetVersionRef.current = newThreadResetVersion;
   }, [activeSelectedThreadPath, newThreadResetVersion, setSelectedThread, threadDisplayMode]);
   const handleRenameThread = (0, import_react.useCallback)((entry) => {
-    if (typeof window === "undefined") {
-      return;
+    setRenameThreadDialog({
+      entry,
+      value: entry.name
+    });
+  }, []);
+  const handleRenameThreadNameChanged = (0, import_react.useCallback)((event) => {
+    const nextValue = event.target.value;
+    setRenameThreadDialog((currentDialogState) => {
+      if (currentDialogState === null) {
+        return currentDialogState;
+      }
+      return {
+        ...currentDialogState,
+        value: nextValue
+      };
+    });
+  }, []);
+  const handleRenameThreadDialogOpenChange = (0, import_react.useCallback)((open) => {
+    if (!open) {
+      closeRenameThreadDialog();
     }
-    const nextName = window.prompt("Rename thread", entry.name);
-    if (nextName === null) {
+  }, [closeRenameThreadDialog]);
+  const handleRenameThreadSubmit = (0, import_react.useCallback)((event) => {
+    event.preventDefault();
+    if (renameThreadDialog === null) {
       return;
     }
-    const trimmedName = nextName.trim();
-    if (trimmedName === "" || trimmedName === entry.name) {
+    const trimmedName = renameThreadDialog.value.trim();
+    if (trimmedName === "" || trimmedName === renameThreadDialog.entry.name) {
       return;
     }
-    entry.element.setAttribute("name", trimmedName);
-    if (entry.path === activeSelectedThreadPath) {
-      emitResolvedThread(entry.path, trimmedName);
+    renameThreadDialog.entry.element.setAttribute("name", trimmedName);
+    if (renameThreadDialog.entry.path === activeSelectedThreadPath) {
+      emitResolvedThread(renameThreadDialog.entry.path, trimmedName);
     }
-  }, [activeSelectedThreadPath, emitResolvedThread]);
+    closeRenameThreadDialog();
+  }, [activeSelectedThreadPath, closeRenameThreadDialog, emitResolvedThread, renameThreadDialog]);
   if (threadDisplayMode !== import_conversation_descriptor.ChatThreadDisplayMode.MultiThreadComposer) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Chat.Chat,
@@ -460,31 +530,53 @@ function ChatBotView({
     }
   );
   if (!showThreadList || resolvedThreadListDocumentPath === null) {
-    return content;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      content,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        RenameThreadDialog,
+        {
+          dialogState: renameThreadDialog,
+          onNameChange: handleRenameThreadNameChanged,
+          onOpenChange: handleRenameThreadDialogOpenChange,
+          onSubmit: handleRenameThreadSubmit
+        }
+      )
+    ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)("flex flex-1 h-full", isWideLayout ? "flex-row items-stretch" : "flex-col"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col h-full min-h-0 min-w-0 flex-1", children: content }),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_utils.cn)("flex flex-1 h-full", isWideLayout ? "flex-row items-stretch" : "flex-col"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col h-full min-h-0 min-w-0 flex-1", children: content }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          className: (0, import_utils.cn)("shrink-0 mr-4", isWideLayout ? "ml-3" : "mt-3"),
+          style: isWideLayout ? { width: threadListWidth } : { height: threadListCollapsedHeight },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            ThreadListPanel,
+            {
+              room,
+              threadList,
+              selectedThreadPath: activeSelectedThreadPath,
+              agentName,
+              onSelectThread: (entry) => {
+                setSelectedThread(entry.path, entry.name);
+              },
+              onClearSelection: () => {
+                setSelectedThread(null, null);
+              },
+              onRenameThread: handleRenameThread
+            }
+          )
+        }
+      )
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
+      RenameThreadDialog,
       {
-        className: (0, import_utils.cn)("shrink-0 mr-4", isWideLayout ? "ml-3" : "mt-3"),
-        style: isWideLayout ? { width: threadListWidth } : { height: threadListCollapsedHeight },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          ThreadListPanel,
-          {
-            room,
-            threadList,
-            selectedThreadPath: activeSelectedThreadPath,
-            agentName,
-            onSelectThread: (entry) => {
-              setSelectedThread(entry.path, entry.name);
-            },
-            onClearSelection: () => {
-              setSelectedThread(null, null);
-            },
-            onRenameThread: handleRenameThread
-          }
-        )
+        dialogState: renameThreadDialog,
+        onNameChange: handleRenameThreadNameChanged,
+        onOpenChange: handleRenameThreadDialogOpenChange,
+        onSubmit: handleRenameThreadSubmit
       }
     )
   ] });

package/dist/cjs/ChatThread.js

@@ -539,7 +539,7 @@ function EmptyState({
   title,
   description
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mx-auto flex max-w-2xl flex-col items-center justify-center px-6 py-20 text-center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "h-full mx-auto flex max-w-2xl 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 }),
     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
   ] });

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

@@ -22,16 +22,52 @@ export interface UseChatThreadResult {
     localParticipantName: string;
     cancelRequest?: () => void;
 }
-export interface ThreadStatus {
-    text: string | null;
-    mode: string | null;
-    startedAt: Date | null;
-    supportsAgentMessages: boolean;
+export declare class PendingAgentMessage {
+    readonly messageId: string;
+    readonly messageType: string;
+    readonly threadPath: string;
+    readonly text: string;
+    readonly attachments: string[];
+    readonly senderName?: string;
+    readonly awaitingAcceptance: boolean;
+    readonly awaitingOnline: boolean;
+    constructor({ messageId, messageType, threadPath, text, attachments, senderName, awaitingAcceptance, awaitingOnline, }: {
+        messageId: string;
+        messageType: string;
+        threadPath: string;
+        text: string;
+        attachments: string[];
+        senderName?: string;
+        awaitingAcceptance?: boolean;
+        awaitingOnline?: boolean;
+    });
+    static fromQueueJson(json: Record<string, unknown>): PendingAgentMessage;
 }
+export declare class ChatThreadStatusState {
+    readonly text?: string;
+    readonly startedAt?: Date;
+    readonly mode?: string;
+    readonly turnId?: string;
+    readonly pendingMessages: PendingAgentMessage[];
+    readonly pendingItemId?: string;
+    readonly supportsAgentMessages: boolean;
+    constructor({ text, startedAt, mode, turnId, pendingMessages, pendingItemId, supportsAgentMessages, }: {
+        text?: string;
+        startedAt?: Date;
+        mode?: string;
+        turnId?: string;
+        pendingMessages?: PendingAgentMessage[];
+        pendingItemId?: string;
+        supportsAgentMessages?: boolean;
+    });
+    get hasStatus(): boolean;
+}
+export type ThreadStatus = ChatThreadStatusState;
 export interface UseThreadStatusProps {
     room: RoomClient;
     path: string;
     agentName?: string;
+    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;