@dbx-tools/ui-mastra 0.6.213 → 0.6.214

package/README.md

@@ -101,6 +101,8 @@ Useful options:
 
 - `agentId` selects a registered agent; defaults to the plugin default agent.
 - `showModelPicker` fetches `/models` and sends `X-Mastra-Model` overrides.
+- `composerActions` places host-owned per-turn controls beside the model
+  selector without replacing the built-in composer.
 - `suggestions` overrides Genie starter questions; omit it to auto-fetch
   `/suggestions`, or pass `[]` to hide suggestions.
 - `threadPlacement` chooses where conversation management renders, or turns it

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.6.213";
+export const PACKAGE_VERSION = "0.6.214";
 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

@@ -31,12 +31,12 @@
     "react-dom": "~19.2.4"
   },
   "dependencies": {
-    "@dbx-tools/shared-core": "0.6.213",
-    "@dbx-tools/shared-genie": "0.6.213",
-    "@dbx-tools/shared-mastra": "0.6.213",
-    "@dbx-tools/shared-model": "0.6.213",
-    "@dbx-tools/ui-appkit": "0.6.213",
-    "@dbx-tools/ui-branding": "0.6.213",
+    "@dbx-tools/shared-core": "0.6.214",
+    "@dbx-tools/shared-genie": "0.6.214",
+    "@dbx-tools/shared-mastra": "0.6.214",
+    "@dbx-tools/shared-model": "0.6.214",
+    "@dbx-tools/ui-appkit": "0.6.214",
+    "@dbx-tools/ui-branding": "0.6.214",
     "@mastra/client-js": "1.28.0",
     "@tanstack/react-table": "^8.21.3",
     "ai": "^5.0.0",
@@ -52,7 +52,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.6.213",
+  "version": "0.6.214",
   "type": "module",
   "exports": {
     "./react": "./src/react/index.ts",

package/src/react/chat-composer.tsx

@@ -249,6 +249,7 @@ type ChatComposerProps = {
   model: ChatViewProps["model"];
   onModelChange: ChatViewProps["onModelChange"];
   defaultModelName: ChatViewProps["defaultModelName"];
+  composerActions: ChatViewProps["composerActions"];
   isLoadingHistory: NonNullable<ChatViewProps["isLoadingHistory"]>;
   onClear: ChatViewProps["onClear"];
   onExportConversation: ChatViewProps["onExportConversation"];
@@ -270,6 +271,7 @@ export const ChatComposer = ({
   model,
   onModelChange,
   defaultModelName,
+  composerActions,
   isLoadingHistory,
   onClear,
   onExportConversation,
@@ -305,7 +307,11 @@ export const ChatComposer = ({
       sensitivity: "base",
     }),
   );
-  const showToolbar = showModelDisplay || Boolean(onExportConversation) || Boolean(onClear);
+  const showToolbar =
+    showModelDisplay ||
+    Boolean(composerActions) ||
+    Boolean(onExportConversation) ||
+    Boolean(onClear);
 
   return (
     <>
@@ -401,6 +407,7 @@ export const ChatComposer = ({
                   {currentModelLabel}
                 </span>
               ))}
+            {composerActions}
             {onExportConversation && (
               <ExportMenu
                 onExport={(format) => void onExportConversation(format)}

package/src/react/chat-stream-reducer.ts

@@ -1,3 +1,4 @@
+import { error as sharedError } from "@dbx-tools/shared-core";
 import { GenieWriterEventSchema, type MastraStreamChunk } from "@dbx-tools/shared-mastra";
 import type { UIMessage } from "ai";
 import type { PendingApproval, ToolEvent } from "./types.ts";
@@ -228,8 +229,9 @@ export function reduceChatStreamChunk(
       const detail = chunk.payload?.error ?? chunk.payload?.message;
       return reduction(state, {
         runIdChanged: run.changed,
-        error:
-          typeof detail === "string" && detail ? detail : "The assistant stream reported an error.",
+        error: detail
+          ? sharedError.errorMessage(detail)
+          : "The assistant stream reported an error.",
       });
     }
 

package/src/react/chat-view.tsx

@@ -28,6 +28,7 @@ export const ChatView = ({
   model,
   onModelChange,
   defaultModelName,
+  composerActions,
   onLoadMore,
   isLoadingMore = false,
   hasMore = false,
@@ -108,6 +109,7 @@ export const ChatView = ({
         model={model}
         onModelChange={onModelChange}
         defaultModelName={defaultModelName}
+        composerActions={composerActions}
         isLoadingHistory={isLoadingHistory}
         onClear={onClear}
         onExportConversation={onExportConversation}

package/src/react/mastra-chat.tsx

@@ -2,7 +2,7 @@ import { error as sharedError, hash, log } from "@dbx-tools/shared-core";
 import type { MastraThread } from "@dbx-tools/shared-mastra";
 import { useBrand } from "@dbx-tools/ui-branding/react";
 import type { UIMessage } from "ai";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useChatApprovals } from "./chat-approvals.ts";
 import { ChatView } from "./chat-view.tsx";
 import { useChatFeedback } from "./chat-feedback.ts";
@@ -985,6 +985,8 @@ export const useMastraChat = (
 export interface MastraChatProps extends UseMastraChatOptions {
   /** Extra classes merged onto the chat's root layout container. */
   className?: string;
+  /** Host controls placed beside the model picker in the composer toolbar. */
+  composerActions?: ReactNode;
 }
 
 /**
@@ -1000,7 +1002,7 @@ export interface MastraChatProps extends UseMastraChatOptions {
  * `threadPlacement` (`auto` docks it left and falls back to a tab strip on a
  * narrow chat) and turned off with `threadPlacement: "disabled"`.
  */
-export const MastraChat = ({ className, ...options }: MastraChatProps) => {
+export const MastraChat = ({ className, composerActions, ...options }: MastraChatProps) => {
   const chat = useMastraChat(options);
-  return <ChatView {...chat} className={className} />;
+  return <ChatView {...chat} className={className} composerActions={composerActions} />;
 };

package/src/react/types.ts

@@ -1,5 +1,6 @@
 import type { GenieWriterEvent } from "@dbx-tools/shared-mastra";
 import type { UIMessage } from "ai";
+import type { ReactNode } from "react";
 import type { ExportFormat } from "../support/export.ts";
 
 export type { ExportFormat } from "../support/export.ts";
@@ -170,6 +171,12 @@ export type ChatViewProps = {
    * a neutral "Default". Never a raw endpoint id.
    */
   defaultModelName?: string;
+  /**
+   * Host-owned controls rendered in the composer toolbar immediately after the
+   * model selector. Use this for per-turn options that belong beside model
+   * routing without forking the chat surface.
+   */
+  composerActions?: ReactNode;
   /**
    * Optional infinite-scroll-up handler. Fired when the user scrolls
    * within `TOP_LOAD_MORE_THRESHOLD_PX` of the top of the