@dbx-tools/ui-mastra 0.9.93 → 0.9.95

package/index.ts

@@ -3,7 +3,7 @@
 // Hand edits are overwritten on the next watch; this file is read-only.
 
 export const PACKAGE_IDENTIFIER = "@dbx-tools/ui-mastra";
-export const PACKAGE_VERSION = "0.9.93";
+export const PACKAGE_VERSION = "0.9.95";
 export * as reactBubbles from "./src/react/bubbles.tsx";
 export * as reactChatApprovals from "./src/react/chat-approvals.ts";
 export * as reactChatComposer from "./src/react/chat-composer.tsx";

package/package.json

@@ -29,11 +29,11 @@
     "react-dom": "~19.2.4"
   },
   "dependencies": {
-    "@dbx-tools/shared-core": "^0.9.93",
-    "@dbx-tools/shared-genie": "^0.9.93",
-    "@dbx-tools/shared-mastra": "^0.9.93",
-    "@dbx-tools/shared-model": "^0.9.93",
-    "@dbx-tools/ui": "^0.9.93",
+    "@dbx-tools/shared-core": "^0.9.95",
+    "@dbx-tools/shared-genie": "^0.9.95",
+    "@dbx-tools/shared-mastra": "^0.9.95",
+    "@dbx-tools/shared-model": "^0.9.95",
+    "@dbx-tools/ui": "^0.9.95",
     "@mastra/client-js": "1.50.0",
     "@mastra/core": "1.71.0",
     "@tanstack/react-table": "^8.21.3",
@@ -50,7 +50,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.9.93",
+  "version": "0.9.95",
   "dbxToolsConfig": {
     "tags": [
       "ui"

package/src/react/bubbles.tsx

@@ -8,6 +8,7 @@ import {
   Item,
   ItemContent,
   ItemMedia,
+  RecordPreview,
   Tooltip,
   TooltipContent,
   TooltipTrigger,
@@ -191,9 +192,7 @@ const ToolApprovalCard = ({
       {asEmailInput(input) ? (
         <EmailApprovalPreview email={asEmailInput(input)!} />
       ) : (
-        <pre className="overflow-x-auto rounded bg-background/40 p-2 text-[11px]">
-          {JSON.stringify(input, null, 2)}
-        </pre>
+        <RecordPreview value={input} className="rounded bg-background/40" />
       )}
       {expired ? (
         <div className="mt-3 flex items-center gap-1.5 text-xs font-medium text-muted-foreground">

package/src/react/chat-stream.ts

@@ -1,5 +1,6 @@
-import { stringUtils } from "@dbx-tools/shared-core";
+import { errorUtils, log, stringUtils } from "@dbx-tools/shared-core";
 import { feedback } from "@dbx-tools/shared-mastra";
+import { isStaleMastraResumeError } from "@dbx-tools/shared-mastra/resume";
 import { readUIMessageStream, type UIMessage } from "ai";
 import { useCallback } from "react";
 import type {
@@ -9,6 +10,8 @@ import type {
 } from "./chat-sessions.ts";
 import type { MastraStreamResponse } from "../support/mastra-client.ts";
 
+const logger = log.logger("ui-mastra/chat");
+
 /** Read the MLflow trace id captured by the server on a stream response. */
 const readMlflowTraceId = (stream: unknown): string | undefined => {
   const headers = (stream as { headers?: { get?: (name: string) => string | null } })?.headers;
@@ -80,6 +83,12 @@ export function useChatStream({ getSession, updateSession, writeMessages }: UseC
         }
       } catch (error) {
         if (error instanceof StreamAborted || signal.aborted) return;
+        if (isStaleMastraResumeError(error)) {
+          logger.warn("ignored stale mastra resume", {
+            error: errorUtils.errorMessage(error),
+          });
+          return;
+        }
         throw error;
       }
     },

package/src/react/mastra-chat.tsx

@@ -1,4 +1,5 @@
 import { errorUtils, hash, log } from "@dbx-tools/shared-core";
+import { isStaleMastraResumeError } from "@dbx-tools/shared-mastra/resume";
 import type { ReasoningEffort } from "@dbx-tools/shared-model";
 import { useBrand } from "@dbx-tools/ui/branding/react";
 import type { UIMessage } from "ai";
@@ -468,6 +469,25 @@ export const useMastraChat = <TValues extends Record<string, unknown> = Record<s
         }
       } catch (caught) {
         if (getSession(threadId).runToken !== token) return;
+        if (isStaleMastraResumeError(caught)) {
+          logger.warn("ignored stale mastra resume", {
+            error: errorUtils.errorMessage(caught),
+          });
+          updateSession(threadId, (session) => {
+            if (session.runToken !== token) return session;
+            return {
+              ...session,
+              error: null,
+              status: "ready",
+              abortController:
+                session.abortController === controller ? null : session.abortController,
+              runId: runIdRef.current,
+            };
+          });
+          refreshThreadsSoon();
+          drainQueueRef.current(threadId);
+          return;
+        }
         logger.error("stream error", {
           error: errorUtils.errorMessage(caught),
         });