@dbx-tools/ui-mastra 0.9.4 → 0.9.6

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.4";
+export const PACKAGE_VERSION = "0.9.6";
 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.9.4",
-    "@dbx-tools/shared-genie": "^0.9.4",
-    "@dbx-tools/shared-mastra": "^0.9.4",
-    "@dbx-tools/shared-model": "^0.9.4",
-    "@dbx-tools/ui-appkit": "^0.9.4",
-    "@dbx-tools/ui-branding": "^0.9.4",
+    "@dbx-tools/shared-core": "^0.9.6",
+    "@dbx-tools/shared-genie": "^0.9.6",
+    "@dbx-tools/shared-mastra": "^0.9.6",
+    "@dbx-tools/shared-model": "^0.9.6",
+    "@dbx-tools/ui-appkit": "^0.9.6",
+    "@dbx-tools/ui-branding": "^0.9.6",
     "@mastra/client-js": "1.50.0",
     "@mastra/core": "1.71.0",
     "@tanstack/react-table": "^8.21.3",
@@ -53,7 +53,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.9.4",
+  "version": "0.9.6",
   "type": "module",
   "exports": {
     "./react": "./src/react/index.ts",

package/src/react/_history-messages.ts

@@ -1,5 +1,5 @@
-import { convertMessages } from "@mastra/core/agent/message-list";
 import type { ListMemoryThreadMessagesResponse } from "@mastra/client-js";
+import { convertMessages } from "@mastra/core/agent/message-list";
 import type { UIMessage } from "ai";
 
 /** Convert a newest-first native memory page to chronological AI SDK UI messages. */

package/src/react/_model-selector.tsx

@@ -1,4 +1,5 @@
-import { string } from "@dbx-tools/shared-core";
+import { stringUtils } from "@dbx-tools/shared-core";
+import type { ReasoningEffort } from "@dbx-tools/shared-model";
 import {
   Button,
   DropdownMenu,
@@ -36,7 +37,7 @@ interface ModelSelectorProps {
 
 /** Convert a normalized family token into a compact menu label. */
 function familyLabel(family: string): string {
-  return family.length <= 3 ? family.toUpperCase() : string.toLabel(family);
+  return family.length <= 3 ? family.toUpperCase() : stringUtils.toLabel(family);
 }
 
 /** Resolve the label shown for a model endpoint. */
@@ -50,12 +51,12 @@ const ReasoningControl = ({
   value,
   onChange,
 }: {
-  efforts: string[];
+  efforts: ReasoningEffort[];
   value: ChatViewProps["reasoningEffort"];
   onChange: NonNullable<ChatViewProps["onReasoningEffortChange"]>;
 }) => {
   const selectedIndex = value === undefined ? 0 : Math.max(0, efforts.indexOf(value) + 1);
-  const selectedLabel = value === undefined ? "Auto" : string.toLabel(value);
+  const selectedLabel = value === undefined ? "Auto" : stringUtils.toLabel(value);
 
   return (
     <div className="space-y-2 px-2 py-1.5">

package/src/react/chat-composer.tsx

@@ -28,8 +28,8 @@ import {
 } from "lucide-react";
 import { useCallback, useId, useLayoutEffect, useRef, useState } from "react";
 import { autosizeComposerTextarea, observeComposerWidth } from "./_composer-autosize.ts";
-import { ExportMenu } from "./export-menu.tsx";
 import { ModelSelector } from "./_model-selector.tsx";
+import { ExportMenu } from "./export-menu.tsx";
 import { SuggestionPills } from "./suggestion-pills.tsx";
 import type { ChatViewProps } from "./types.ts";
 

package/src/react/chat-feedback.ts

@@ -1,4 +1,4 @@
-import { error as sharedError, log } from "@dbx-tools/shared-core";
+import { errorUtils, log } from "@dbx-tools/shared-core";
 import type { UIMessage } from "ai";
 import { useCallback, useRef } from "react";
 import type { ThreadSessionUpdater } from "./chat-sessions.ts";
@@ -51,7 +51,7 @@ export function useChatFeedback({
       } catch (error) {
         logger.error("feedback error", {
           traceId,
-          error: sharedError.errorMessage(error),
+          error: errorUtils.errorMessage(error),
         });
       }
     },

package/src/react/chat-history.ts

@@ -1,13 +1,13 @@
-import { error as sharedError, log } from "@dbx-tools/shared-core";
+import { errorUtils, log } from "@dbx-tools/shared-core";
 import type { UIMessage } from "ai";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { toChronologicalUiMessages } from "./_history-messages.ts";
 import type {
   ThreadMessageWriter,
   ThreadSessionReader,
   ThreadSessionUpdater,
 } from "./chat-sessions.ts";
 import type { PendingApproval } from "./types.ts";
-import { toChronologicalUiMessages } from "./_history-messages.ts";
 import type { MastraPluginClient } from "../support/mastra-client.ts";
 
 const HISTORY_PAGE_SIZE = 20;
@@ -115,7 +115,7 @@ export function useChatHistory({
           .catch((error: unknown) => {
             if ((error as { name?: string }).name === "AbortError") throw error;
             logger.warn("suspended-run discovery error", {
-              error: sharedError.errorMessage(error),
+              error: errorUtils.errorMessage(error),
             });
             return { runs: [], total: 0 };
           });
@@ -137,7 +137,7 @@ export function useChatHistory({
       .catch((error: unknown) => {
         if (cancelled || (error as { name?: string }).name === "AbortError") return;
         logger.error("history load error", {
-          error: sharedError.errorMessage(error),
+          error: errorUtils.errorMessage(error),
         });
         updateSession(threadId, (current) => ({
           ...current,
@@ -178,7 +178,7 @@ export function useChatHistory({
       .catch((error: unknown) => {
         logger.error("history load-more error", {
           page,
-          error: sharedError.errorMessage(error),
+          error: errorUtils.errorMessage(error),
         });
         updateSession(threadId, (current) => ({
           ...current,

package/src/react/chat-transcript.tsx

@@ -1,4 +1,4 @@
-import { error as sharedError } from "@dbx-tools/shared-core";
+import { errorUtils } from "@dbx-tools/shared-core";
 import {
   Alert,
   AlertDescription,
@@ -269,7 +269,7 @@ export const ChatTranscript = ({
                   <AlertTitle>Something went wrong</AlertTitle>
                   <AlertDescription>
                     {error
-                      ? sharedError.errorMessage(error)
+                      ? errorUtils.errorMessage(error)
                       : "The assistant ran into an error. Please try again."}
                   </AlertDescription>
                 </Alert>

package/src/react/data-grid.tsx

@@ -1,4 +1,4 @@
-import { string } from "@dbx-tools/shared-core";
+import { stringUtils } from "@dbx-tools/shared-core";
 import {
   Button,
   DropdownMenu,
@@ -82,8 +82,8 @@ export function renderDataCell(value: unknown): React.ReactNode {
  * column id, accessor key, and CSV header, so only the on-screen label
  * is prettified.
  */
-export function humanizeLabel(value: string, options?: string.TokenizeOptions): string {
-  return string.toLabel(value, options);
+export function humanizeLabel(value: string, options?: stringUtils.TokenizeOptions): string {
+  return stringUtils.toLabel(value, options);
 }
 
 /**

package/src/react/embed-slots.tsx

@@ -1,4 +1,4 @@
-import { marker as sharedMarkers, type ParsedMarker } from "@dbx-tools/shared-mastra";
+import { markers, type ParsedMarker } from "@dbx-tools/shared-mastra";
 import { Spinner } from "@dbx-tools/ui-appkit/react";
 import { ClockIcon } from "lucide-react";
 import { lazy, Suspense, useMemo, useRef } from "react";
@@ -189,7 +189,7 @@ type RenderSegment =
  * resolves to a slot.
  */
 const markerSegment = (marker: ParsedMarker): RenderSegment => {
-  if (!sharedMarkers.isUuid(marker.id)) return { kind: "text", text: "" };
+  if (!markers.isUuid(marker.id)) return { kind: "text", text: "" };
   switch (marker.type) {
     case "chart":
       return { kind: "chart", chartId: marker.id };
@@ -206,7 +206,7 @@ const splitTextWithEmbeds = (text: string): RenderSegment[] => {
   // `parseMarkers` yields hits in source order with no overlaps (one
   // regex pass), so the spans splice in directly - no sort or
   // overlap guard needed.
-  for (const marker of sharedMarkers.parseMarkers(text)) {
+  for (const marker of markers.parseMarkers(text)) {
     if (marker.start > lastIdx) {
       segments.push({ kind: "text", text: text.slice(lastIdx, marker.start) });
     }
@@ -250,7 +250,7 @@ export const MarkdownWithEmbeds = ({
   text: string;
   streaming?: boolean;
 }) => {
-  const segments = splitTextWithEmbeds(sharedMarkers.stripIncompleteMarkerTail(text));
+  const segments = splitTextWithEmbeds(markers.stripIncompleteMarkerTail(text));
   return (
     <>
       {segments.map((seg, i) => {

package/src/react/mastra-chat.tsx

@@ -1,4 +1,4 @@
-import { error as sharedError, hash, log } from "@dbx-tools/shared-core";
+import { errorUtils, hash, log } from "@dbx-tools/shared-core";
 import type { ReasoningEffort } from "@dbx-tools/shared-model";
 import { useBrand } from "@dbx-tools/ui-branding/react";
 import type { UIMessage } from "ai";
@@ -470,11 +470,11 @@ export const useMastraChat = <TValues extends Record<string, unknown> = Record<s
       } catch (caught) {
         if (getSession(threadId).runToken !== token) return;
         logger.error("stream error", {
-          error: sharedError.errorMessage(caught),
+          error: errorUtils.errorMessage(caught),
         });
         updateSession(threadId, (session) => ({
           ...session,
-          error: sharedError.toError(caught),
+          error: errorUtils.toError(caught),
           status: "error",
           abortController: session.abortController === controller ? null : session.abortController,
           runId: runIdRef.current,
@@ -678,7 +678,7 @@ export const useMastraChat = <TValues extends Record<string, unknown> = Record<s
       logger.info("history cleared", { threadId });
     } catch (error) {
       logger.error("history clear error", {
-        error: sharedError.errorMessage(error),
+        error: errorUtils.errorMessage(error),
       });
     }
     resetSession(threadId, true);
@@ -719,7 +719,7 @@ export const useMastraChat = <TValues extends Record<string, unknown> = Record<s
       } catch (error) {
         logger.error("thread delete error", {
           threadId,
-          error: sharedError.errorMessage(error),
+          error: errorUtils.errorMessage(error),
         });
       }
       removeSession(threadId);
@@ -764,7 +764,7 @@ export const useMastraChat = <TValues extends Record<string, unknown> = Record<s
       } catch (error) {
         logger.error("thread rename error", {
           threadId,
-          error: sharedError.errorMessage(error),
+          error: errorUtils.errorMessage(error),
         });
         setRenamedThreads((prev) => {
           if (!(threadId in prev)) return prev;
@@ -807,11 +807,11 @@ export const useMastraChat = <TValues extends Record<string, unknown> = Record<s
       .catch((error: unknown) => {
         logger.error("regenerate cleanup error", {
           threadId,
-          error: sharedError.errorMessage(error),
+          error: errorUtils.errorMessage(error),
         });
         updateSession(threadId, (session) => ({
           ...session,
-          error: sharedError.toError(error),
+          error: errorUtils.toError(error),
           status: "error",
         }));
       });
@@ -877,7 +877,7 @@ export const useMastraChat = <TValues extends Record<string, unknown> = Record<s
       } catch (error) {
         logger.error("conversation export error", {
           format,
-          error: sharedError.errorMessage(error),
+          error: errorUtils.errorMessage(error),
         });
       }
     },
@@ -899,7 +899,7 @@ export const useMastraChat = <TValues extends Record<string, unknown> = Record<s
       } catch (error) {
         logger.error("message export error", {
           format,
-          error: sharedError.errorMessage(error),
+          error: errorUtils.errorMessage(error),
         });
       }
     },

package/src/react/tool-pill.tsx

@@ -1,4 +1,4 @@
-import { string } from "@dbx-tools/shared-core";
+import { stringUtils } from "@dbx-tools/shared-core";
 import { genieModel } from "@dbx-tools/shared-genie";
 import {
   Collapsible,
@@ -26,7 +26,7 @@ import type { ToolEvent, ToolProgress } from "./types.ts";
  *   `ask_genie_sales` -> `Ask Genie Sales`
  *   `myCoolTool`    -> `My Cool Tool`
  */
-export const humanizeToolName = (toolName: string): string => string.toLabel(toolName);
+export const humanizeToolName = (toolName: string): string => stringUtils.toLabel(toolName);
 
 /**
  * Track the freshest status label a running tool has published so the
@@ -41,7 +41,7 @@ const runningLabelFor = (event: ToolEvent): string => {
     .reverse()
     .find((p): p is Extract<ToolProgress, { type: "status" }> => p.type === "status");
   return latest
-    ? string.capitalize(genieModel.humanizeStatus(latest.status))
+    ? stringUtils.capitalize(genieModel.humanizeStatus(latest.status))
     : `Calling ${humanizeToolName(event.toolName)}`;
 };
 
@@ -243,7 +243,7 @@ const askGenieQuestion = (event: ToolEvent): string | undefined => {
  *   `THOUGHT_TYPE_UNDERSTANDING`   -> `Understanding`
  */
 const humanizeThoughtType = (kind: string): string =>
-  string.toLabel(kind.replace(/^THOUGHT_TYPE_/i, ""));
+  stringUtils.toLabel(kind.replace(/^THOUGHT_TYPE_/i, ""));
 
 /**
  * Genie attaches one of three payload kinds per attachment slot:

package/src/support/export.ts

@@ -23,8 +23,8 @@
  * @module
  */
 
-import { string } from "@dbx-tools/shared-core";
-import { marker as sharedMarkers, type Chart, type StatementData } from "@dbx-tools/shared-mastra";
+import { stringUtils } from "@dbx-tools/shared-core";
+import { markers, type Chart, type StatementData } from "@dbx-tools/shared-mastra";
 import type { UIMessage } from "ai";
 import type { EChartsCoreOption } from "echarts";
 import { normalizeChartOption } from "./chart-option.ts";
@@ -197,11 +197,11 @@ type Segment =
 function splitSegments(text: string): Segment[] {
   const segments: Segment[] = [];
   let last = 0;
-  for (const marker of sharedMarkers.parseMarkers(text)) {
+  for (const marker of markers.parseMarkers(text)) {
     if (marker.start > last) {
       segments.push({ kind: "text", text: text.slice(last, marker.start) });
     }
-    if (sharedMarkers.isUuid(marker.id) && (marker.type === "chart" || marker.type === "data")) {
+    if (markers.isUuid(marker.id) && (marker.type === "chart" || marker.type === "data")) {
       segments.push({ kind: marker.type, id: marker.id });
     }
     last = marker.end;
@@ -226,7 +226,7 @@ function messageText(message: UIMessage): string {
 function roleLabel(role: UIMessage["role"], userLabel: string): string {
   if (role === "user") return userLabel;
   if (role === "assistant") return "Assistant";
-  return string.capitalize(role);
+  return stringUtils.capitalize(role);
 }
 
 /* --------------------------------- HTML ---------------------------------- */
@@ -335,7 +335,7 @@ async function chartSvg(resolver: EmbedResolver, id: string): Promise<string | n
 async function dataTableHtml(resolver: EmbedResolver, id: string): Promise<string | null> {
   const data = await safeStatement(resolver, id);
   if (!data || data.rows.length === 0) return null;
-  const head = data.columns.map((c) => `<th>${escapeHtml(string.toLabel(c))}</th>`).join("");
+  const head = data.columns.map((c) => `<th>${escapeHtml(stringUtils.toLabel(c))}</th>`).join("");
   const body = data.rows
     .map(
       (row) =>
@@ -403,7 +403,7 @@ function chartTitle(chart: Chart): string {
 async function dataTableMarkdown(resolver: EmbedResolver, id: string): Promise<string | null> {
   const data = await safeStatement(resolver, id);
   if (!data || data.rows.length === 0) return null;
-  const header = `| ${data.columns.map((c) => mdCell(string.toLabel(c))).join(" | ")} |`;
+  const header = `| ${data.columns.map((c) => mdCell(stringUtils.toLabel(c))).join(" | ")} |`;
   const sep = `| ${data.columns.map(() => "---").join(" | ")} |`;
   const rows = data.rows.map(
     (row) => `| ${data.columns.map((c) => mdCell(cellText(row[c]))).join(" | ")} |`,
@@ -448,11 +448,11 @@ function mdCell(value: string): string {
 }
 
 /** Escape HTML-significant characters (from the shared string utils). */
-const escapeHtml = string.escapeHtml;
+const escapeHtml = stringUtils.escapeHtml;
 
 /** Turn a title into a safe, lowercase filename stem. */
 function slugify(value: string): string {
-  return string.toSlugWithOptions({ maxLength: 60 }, value) || "conversation";
+  return stringUtils.toSlugWithOptions({ maxLength: 60 }, value) || "conversation";
 }
 
 /**

package/src/support/mastra-client.ts

@@ -1,4 +1,4 @@
-import { error as sharedError } from "@dbx-tools/shared-core";
+import { errorUtils } from "@dbx-tools/shared-core";
 import {
   feedback,
   override,
@@ -606,7 +606,7 @@ export const useMastraModels = (
       })
       .catch((e: unknown) => {
         if (controller.signal.aborted) return;
-        setError(sharedError.toError(e));
+        setError(errorUtils.toError(e));
       })
       .finally(() => {
         if (!controller.signal.aborted) setLoading(false);
@@ -765,7 +765,7 @@ export const useMastraThreads = (
       })
       .catch((e: unknown) => {
         if (controller.signal.aborted || (e as { name?: string }).name === "AbortError") return;
-        setError(sharedError.toError(e));
+        setError(errorUtils.toError(e));
         setThreads([]);
       })
       .finally(() => {
@@ -930,7 +930,7 @@ function useByIdFetch<T>(
       })
       .catch((e: unknown) => {
         if (cancelled) return;
-        setError(sharedError.toError(e));
+        setError(errorUtils.toError(e));
         setLoading(false);
       });
 

package/src/support/shiki-plugin.ts

@@ -1,4 +1,4 @@
-import { string } from "@dbx-tools/shared-core";
+import { stringUtils } from "@dbx-tools/shared-core";
 import type { BundledLanguage, BundledTheme } from "shiki";
 import type { HighlighterCore } from "shiki/core";
 import type { CodeHighlighterPlugin } from "streamdown";
@@ -59,7 +59,7 @@ function highlightTokens(h: HighlighterCore, code: string, language: BundledLang
 }
 
 /** Escape HTML-significant characters (from the shared string utils). */
-const escapeHtml = string.escapeHtml;
+const escapeHtml = stringUtils.escapeHtml;
 
 /**
  * Highlight `code` into minimal inline HTML: one colored `<span>` per