@dbx-tools/ui-mastra 0.9.61 → 0.9.64

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.61";
+export const PACKAGE_VERSION = "0.9.64";
 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.61",
-    "@dbx-tools/shared-genie": "^0.9.61",
-    "@dbx-tools/shared-mastra": "^0.9.61",
-    "@dbx-tools/shared-model": "^0.9.61",
-    "@dbx-tools/ui": "^0.9.61",
+    "@dbx-tools/shared-core": "^0.9.64",
+    "@dbx-tools/shared-genie": "^0.9.64",
+    "@dbx-tools/shared-mastra": "^0.9.64",
+    "@dbx-tools/shared-model": "^0.9.64",
+    "@dbx-tools/ui": "^0.9.64",
     "@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.61",
+  "version": "0.9.64",
   "dbxToolsConfig": {
     "tags": [
       "ui"

package/src/react/bubbles.tsx

@@ -43,6 +43,7 @@ import type {
 } from "./types.ts";
 import { copyText } from "../support/clipboard.ts";
 import {
+  compactReasoningText,
   genieReasoningText,
   mergeToolEvents,
   toolEventsFromParts,
@@ -55,7 +56,8 @@ import {
 const getReasoningText = (parts: UIMessage["parts"]): string =>
   parts
     .filter((p): p is { type: "reasoning"; text: string } => p.type === "reasoning")
-    .map((p) => p.text)
+    .map((p) => compactReasoningText(p.text))
+    .filter(Boolean)
     .join("\n\n");
 
 const RoleAvatar = ({ role }: { role: UIMessage["role"] }) => (
@@ -424,7 +426,7 @@ export const AssistantBubble = ({
               <span>{isReasoningStreaming ? "Thinking..." : "Thoughts"}</span>
             </CollapsibleTrigger>
             <CollapsibleContent>
-              <div className="mt-1 border-l-2 border-border/60 pl-3 text-xs text-muted-foreground">
+              <div className="mt-1 border-l-2 border-border/60 pl-2.5 text-xs text-muted-foreground">
                 <ToolMarkdown>{reasoning}</ToolMarkdown>
               </div>
             </CollapsibleContent>

package/src/support/tool-events.ts

@@ -2,6 +2,15 @@ import { GENIE_PROGRESS_PART_TYPE, GenieProgressPartDataSchema } from "@dbx-tool
 import { getToolOrDynamicToolName, isToolOrDynamicToolUIPart, type UIMessage } from "ai";
 import type { ToolEvent } from "../react/types.ts";
 
+/** Collapse one reasoning event into a compact paragraph. */
+export function compactReasoningText(text: string): string {
+  return stripMarkdownTables(text)
+    .split(/\r?\n/)
+    .map((line) => line.trim())
+    .filter(Boolean)
+    .join(" ");
+}
+
 /**
  * Collect Genie `thinking` events for the assistant Thoughts panel.
  *
@@ -14,7 +23,7 @@ export function genieReasoningText(events: ToolEvent[]): string {
   for (const event of events) {
     for (const progress of event.progress ?? []) {
       if (progress.type !== "thinking") continue;
-      const text = stripMarkdownTables(progress.text).trim();
+      const text = compactReasoningText(progress.text);
       if (text) sections.push(text);
     }
   }