@dbx-tools/ui-mastra 0.4.0 → 0.5.0

package/index.ts

@@ -2,53 +2,53 @@
 // Regenerated from the exporting modules in ./src.
 // Hand edits are overwritten on the next watch; this file is read-only.
 
-export * as reactBubbles from "./src/react/bubbles";
-export * as reactChatView from "./src/react/chat-view";
-export * as reactDataGrid from "./src/react/data-grid";
-export * as reactEmbedSlots from "./src/react/embed-slots";
-export * as reactExportMenu from "./src/react/export-menu";
-export * as reactFeedbackControls from "./src/react/feedback-controls";
-export * as reactMarkdown from "./src/react/markdown";
-export * as reactMastraChat from "./src/react/mastra-chat";
-export * as reactSuggestionPills from "./src/react/suggestion-pills";
-export * as reactSuggestions from "./src/react/suggestions";
-export * as reactThreadSidebar from "./src/react/thread-sidebar";
-export * as reactToolPill from "./src/react/tool-pill";
-export * as reactTypes from "./src/react/types";
-export * as supportChartOption from "./src/support/chart-option";
-export * as supportClipboard from "./src/support/clipboard";
-export * as supportDownload from "./src/support/download";
-export * as supportExport from "./src/support/export";
-export * as supportMastraClient from "./src/support/mastra-client";
-export * as supportMastraStream from "./src/support/mastra-stream";
-export * as supportShikiPlugin from "./src/support/shiki-plugin";
-export * as supportThreadSessions from "./src/support/thread-sessions";
-export { AssistantBubble, UserBubble } from "./src/react/bubbles";
-export { ChatView } from "./src/react/chat-view";
-export { colorizeDelta, renderDataCell, humanizeLabel, TABLE_WRAPPER_CLASSES, DataGrid } from "./src/react/data-grid";
-export type { DataRow } from "./src/react/data-grid";
-export { MarkdownWithEmbeds } from "./src/react/embed-slots";
-export { ExportMenu } from "./src/react/export-menu";
-export { FeedbackControls } from "./src/react/feedback-controls";
-export { AssistantMarkdown, ToolMarkdown, SqlBlock } from "./src/react/markdown";
-export { useMastraChat, MastraChat } from "./src/react/mastra-chat";
-export type { UseMastraChatOptions, MastraChatProps } from "./src/react/mastra-chat";
-export { SuggestionPills } from "./src/react/suggestion-pills";
-export type { SuggestionPillsProps } from "./src/react/suggestion-pills";
-export { dedupeSuggestions, collectSuggestions } from "./src/react/suggestions";
-export { ThreadSidebar } from "./src/react/thread-sidebar";
-export type { ThreadSidebarProps } from "./src/react/thread-sidebar";
-export { humanizeToolName, ToolSessionPill } from "./src/react/tool-pill";
-export type { ChatStatus, ToolEvent, ToolProgress, ChatModelOption, QueuedSteer, FeedbackValue, FeedbackSubmission, MessageFeedback, ThreadSummary, ChatViewProps, ApprovalDecision, PendingApproval } from "./src/react/types";
-export { normalizeChartOption } from "./src/support/chart-option";
-export { copyText } from "./src/support/clipboard";
-export { downloadFile } from "./src/support/download";
-export { exportChat } from "./src/support/export";
-export type { ExportFormat, ExportBrand, EmbedResolver, ExportChatOptions } from "./src/support/export";
-export { MastraPluginClient, useMastraConfig, useMastraClient, useMastraModels, useMastraDefaultModel, useMastraSuggestions, useMastraThreads, useChartFetch, useStatementFetch } from "./src/support/mastra-client";
-export type { ByIdFetchState } from "./src/support/mastra-client";
-export { processMastraStream, asMastraStreamResponse } from "./src/support/mastra-stream";
-export type { MastraStreamChunk, MastraStreamResponse } from "./src/support/mastra-stream";
-export { highlightToHtml, createShikiPlugin } from "./src/support/shiki-plugin";
-export { DEFAULT_THREAD_SESSION_KEY, createThreadSession, isSessionRunning, enqueueSteer, removeSteer, reorderSteers, terminateRunningToolEvents, sessionKey } from "./src/support/thread-sessions";
-export type { ThreadSession } from "./src/support/thread-sessions";
+export * as reactBubbles from "./src/react/bubbles.tsx";
+export * as reactChatView from "./src/react/chat-view.tsx";
+export * as reactDataGrid from "./src/react/data-grid.tsx";
+export * as reactEmbedSlots from "./src/react/embed-slots.tsx";
+export * as reactExportMenu from "./src/react/export-menu.tsx";
+export * as reactFeedbackControls from "./src/react/feedback-controls.tsx";
+export * as reactMarkdown from "./src/react/markdown.tsx";
+export * as reactMastraChat from "./src/react/mastra-chat.tsx";
+export * as reactSuggestionPills from "./src/react/suggestion-pills.tsx";
+export * as reactSuggestions from "./src/react/suggestions.ts";
+export * as reactThreadSidebar from "./src/react/thread-sidebar.tsx";
+export * as reactToolPill from "./src/react/tool-pill.tsx";
+export * as reactTypes from "./src/react/types.ts";
+export * as supportChartOption from "./src/support/chart-option.ts";
+export * as supportClipboard from "./src/support/clipboard.ts";
+export * as supportDownload from "./src/support/download.ts";
+export * as supportExport from "./src/support/export.ts";
+export * as supportMastraClient from "./src/support/mastra-client.ts";
+export * as supportMastraStream from "./src/support/mastra-stream.ts";
+export * as supportShikiPlugin from "./src/support/shiki-plugin.ts";
+export * as supportThreadSessions from "./src/support/thread-sessions.ts";
+export { AssistantBubble, UserBubble } from "./src/react/bubbles.tsx";
+export { ChatView } from "./src/react/chat-view.tsx";
+export { colorizeDelta, renderDataCell, humanizeLabel, TABLE_WRAPPER_CLASSES, DataGrid } from "./src/react/data-grid.tsx";
+export type { DataRow } from "./src/react/data-grid.tsx";
+export { MarkdownWithEmbeds } from "./src/react/embed-slots.tsx";
+export { ExportMenu } from "./src/react/export-menu.tsx";
+export { FeedbackControls } from "./src/react/feedback-controls.tsx";
+export { AssistantMarkdown, ToolMarkdown, SqlBlock } from "./src/react/markdown.tsx";
+export { useMastraChat, MastraChat } from "./src/react/mastra-chat.tsx";
+export type { UseMastraChatOptions, MastraChatProps } from "./src/react/mastra-chat.tsx";
+export { SuggestionPills } from "./src/react/suggestion-pills.tsx";
+export type { SuggestionPillsProps } from "./src/react/suggestion-pills.tsx";
+export { dedupeSuggestions, collectSuggestions } from "./src/react/suggestions.ts";
+export { ThreadSidebar } from "./src/react/thread-sidebar.tsx";
+export type { ThreadSidebarProps } from "./src/react/thread-sidebar.tsx";
+export { humanizeToolName, ToolSessionPill } from "./src/react/tool-pill.tsx";
+export type { ChatStatus, ToolEvent, ToolProgress, ChatModelOption, QueuedSteer, FeedbackValue, FeedbackSubmission, MessageFeedback, ThreadSummary, ChatViewProps, ApprovalDecision, PendingApproval } from "./src/react/types.ts";
+export { normalizeChartOption } from "./src/support/chart-option.ts";
+export { copyText } from "./src/support/clipboard.ts";
+export { downloadFile } from "./src/support/download.ts";
+export { exportChat } from "./src/support/export.ts";
+export type { ExportFormat, ExportBrand, EmbedResolver, ExportChatOptions } from "./src/support/export.ts";
+export { MastraPluginClient, useMastraConfig, useMastraClient, useMastraModels, useMastraDefaultModel, useMastraSuggestions, useMastraThreads, useChartFetch, useStatementFetch } from "./src/support/mastra-client.ts";
+export type { ByIdFetchState } from "./src/support/mastra-client.ts";
+export { processMastraStream, asMastraStreamResponse } from "./src/support/mastra-stream.ts";
+export type { MastraStreamChunk, MastraStreamResponse } from "./src/support/mastra-stream.ts";
+export { highlightToHtml, createShikiPlugin } from "./src/support/shiki-plugin.ts";
+export { DEFAULT_THREAD_SESSION_KEY, createThreadSession, isSessionRunning, enqueueSteer, removeSteer, reorderSteers, terminateRunningToolEvents, sessionKey } from "./src/support/thread-sessions.ts";
+export type { ThreadSession } from "./src/support/thread-sessions.ts";

package/package.json

@@ -25,18 +25,18 @@
     "shiki": "^3.0.0",
     "sql-formatter": "^15.6.9",
     "streamdown": "^2.5.0",
-    "@dbx-tools/shared-genie": "0.4.0",
-    "@dbx-tools/shared-core": "0.4.0",
-    "@dbx-tools/shared-model": "0.4.0",
-    "@dbx-tools/ui-appkit": "0.4.0",
-    "@dbx-tools/ui-branding": "0.4.0",
-    "@dbx-tools/shared-mastra": "0.4.0"
+    "@dbx-tools/shared-genie": "0.5.0",
+    "@dbx-tools/shared-core": "0.5.0",
+    "@dbx-tools/shared-mastra": "0.5.0",
+    "@dbx-tools/shared-model": "0.5.0",
+    "@dbx-tools/ui-appkit": "0.5.0",
+    "@dbx-tools/ui-branding": "0.5.0"
   },
   "license": "UNLICENSED",
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
   "exports": {
     "./react": "./src/react/index.ts",

package/src/react/bubbles.tsx

@@ -24,13 +24,13 @@ import {
   XIcon,
 } from "lucide-react";
 import { useState } from "react";
-import { MarkdownWithEmbeds } from "./embed-slots";
-import { ExportMenu } from "./export-menu";
-import { FeedbackControls } from "./feedback-controls";
-import { ToolMarkdown } from "./markdown";
-import { SuggestionPills } from "./suggestion-pills";
-import { collectSuggestions } from "./suggestions";
-import { ToolSessionPill, humanizeToolName } from "./tool-pill";
+import { MarkdownWithEmbeds } from "./embed-slots.tsx";
+import { ExportMenu } from "./export-menu.tsx";
+import { FeedbackControls } from "./feedback-controls.tsx";
+import { ToolMarkdown } from "./markdown.tsx";
+import { SuggestionPills } from "./suggestion-pills.tsx";
+import { collectSuggestions } from "./suggestions.ts";
+import { ToolSessionPill, humanizeToolName } from "./tool-pill.tsx";
 import type {
   ApprovalDecision,
   ChatStatus,
@@ -39,8 +39,8 @@ import type {
   FeedbackValue,
   PendingApproval,
   ToolEvent,
-} from "./types";
-import { copyText } from "../support/clipboard";
+} from "./types.ts";
+import { copyText } from "../support/clipboard.ts";
 
 // User / assistant message bubbles plus the inline approval card and
 // the helpers that surface approval-gated tool calls out of a message's

package/src/react/chat-view.tsx

@@ -47,11 +47,11 @@ import {
   XIcon,
 } from "lucide-react";
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
-import { AssistantBubble, UserBubble } from "./bubbles";
-import { ExportMenu } from "./export-menu";
-import { SuggestionPills } from "./suggestion-pills";
-import { ThreadSidebar, type ThreadSidebarProps } from "./thread-sidebar";
-import type { ChatViewProps } from "./types";
+import { AssistantBubble, UserBubble } from "./bubbles.tsx";
+import { ExportMenu } from "./export-menu.tsx";
+import { SuggestionPills } from "./suggestion-pills.tsx";
+import { ThreadSidebar, type ThreadSidebarProps } from "./thread-sidebar.tsx";
+import type { ChatViewProps } from "./types.ts";
 
 // Controlled, presentational chat shell: the scroll container, header
 // (model picker + clear), empty state, transcript of message bubbles,

package/src/react/data-grid.tsx

@@ -30,7 +30,7 @@ import {
   DownloadIcon,
 } from "lucide-react";
 import React, { useMemo, useState } from "react";
-import { downloadFile } from "../support/download";
+import { downloadFile } from "../support/download.ts";
 
 // Interactive result table plus the cell/label/CSV helpers it and the
 // markdown table renderer share. Built on `@tanstack/react-table` over

package/src/react/embed-slots.tsx

@@ -3,10 +3,10 @@ import { Spinner } from "@dbx-tools/ui-appkit/react";
 import ReactECharts from "echarts-for-react";
 import { ClockIcon } from "lucide-react";
 import { useMemo } from "react";
-import { DataGrid, humanizeLabel } from "./data-grid";
-import { AssistantMarkdown } from "./markdown";
-import { normalizeChartOption } from "../support/chart-option";
-import { useChartFetch, useStatementFetch } from "../support/mastra-client";
+import { DataGrid, humanizeLabel } from "./data-grid.tsx";
+import { AssistantMarkdown } from "./markdown.tsx";
+import { normalizeChartOption } from "../support/chart-option.ts";
+import { useChartFetch, useStatementFetch } from "../support/mastra-client.ts";
 
 // Inline embed slots: chart / data tables resolved from `[chart:<id>]`
 // and `[data:<id>]` markers in the assistant's prose, plus the splitter

package/src/react/export-menu.tsx

@@ -9,7 +9,7 @@ import {
   TooltipTrigger,
 } from "@dbx-tools/ui-appkit/react";
 import { DownloadIcon, FileTextIcon } from "lucide-react";
-import type { ExportFormat } from "../support/export";
+import type { ExportFormat } from "../support/export.ts";
 
 // Shared export affordance: a download button that opens a small menu of
 // output formats. Reused for both the whole-conversation export (header,

package/src/react/feedback-controls.tsx

@@ -12,7 +12,7 @@ import {
 } from "@dbx-tools/ui-appkit/react";
 import { MessageSquareTextIcon, ThumbsDownIcon, ThumbsUpIcon } from "lucide-react";
 import { useState } from "react";
-import type { FeedbackSubmission, FeedbackValue } from "./types";
+import type { FeedbackSubmission, FeedbackValue } from "./types.ts";
 
 // Per-message feedback action row: thumbs up/down that log immediately,
 // plus a separate comment affordance that opens a popover for freeform

package/src/react/index.ts

@@ -20,13 +20,13 @@ export {
   useMastraSuggestions,
   useMastraThreads,
   useStatementFetch,
-} from "../support/mastra-client";
-export type { ByIdFetchState } from "../support/mastra-client";
-export { ChatView } from "./chat-view";
-export { ExportMenu } from "./export-menu";
-export { MastraChat, useMastraChat } from "./mastra-chat";
-export type { MastraChatProps, UseMastraChatOptions } from "./mastra-chat";
-export { ThreadSidebar } from "./thread-sidebar";
+} from "../support/mastra-client.ts";
+export type { ByIdFetchState } from "../support/mastra-client.ts";
+export { ChatView } from "./chat-view.tsx";
+export { ExportMenu } from "./export-menu.tsx";
+export { MastraChat, useMastraChat } from "./mastra-chat.tsx";
+export type { MastraChatProps, UseMastraChatOptions } from "./mastra-chat.tsx";
+export { ThreadSidebar } from "./thread-sidebar.tsx";
 export type {
   ApprovalDecision,
   ChatModelOption,
@@ -40,4 +40,4 @@ export type {
   ThreadSummary,
   ToolEvent,
   ToolProgress,
-} from "./types";
+} from "./types.ts";

package/src/react/markdown.tsx

@@ -16,9 +16,9 @@ import { CheckIcon, CopyIcon } from "lucide-react";
 import React, { useEffect, useMemo, useRef, useState } from "react";
 import { format as formatSql } from "sql-formatter";
 import { Streamdown } from "streamdown";
-import { DataGrid, TABLE_WRAPPER_CLASSES, colorizeDelta, type DataRow } from "./data-grid";
-import { copyText } from "../support/clipboard";
-import { createShikiPlugin, highlightToHtml } from "../support/shiki-plugin";
+import { DataGrid, TABLE_WRAPPER_CLASSES, colorizeDelta, type DataRow } from "./data-grid.tsx";
+import { copyText } from "../support/clipboard.ts";
+import { createShikiPlugin, highlightToHtml } from "../support/shiki-plugin.ts";
 
 // Markdown rendering for the chat: the streaming `Streamdown` engine
 // wired with shiki highlighting and AppKit table primitives, plus the

package/src/react/mastra-chat.tsx

@@ -3,8 +3,8 @@ import { feedback, 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 { ChatView } from "./chat-view";
-import { dedupeSuggestions } from "./suggestions";
+import { ChatView } from "./chat-view.tsx";
+import { dedupeSuggestions } from "./suggestions.ts";
 import type {
   ApprovalDecision,
   ChatViewProps,
@@ -13,16 +13,16 @@ import type {
   ThreadSummary,
   ToolEvent,
   ToolProgress,
-} from "./types";
-import { exportChat, type EmbedResolver, type ExportFormat } from "../support/export";
+} from "./types.ts";
+import { exportChat, type EmbedResolver, type ExportFormat } from "../support/export.ts";
 import {
   useMastraClient,
   useMastraDefaultModel,
   useMastraModels,
   useMastraSuggestions,
   useMastraThreads,
-} from "../support/mastra-client";
-import type { MastraStreamResponse } from "../support/mastra-stream";
+} from "../support/mastra-client.ts";
+import type { MastraStreamResponse } from "../support/mastra-stream.ts";
 import {
   createThreadSession,
   DEFAULT_THREAD_SESSION_KEY,
@@ -33,7 +33,7 @@ import {
   sessionKey,
   terminateRunningToolEvents,
   type ThreadSession,
-} from "../support/thread-sessions";
+} from "../support/thread-sessions.ts";
 
 // Self-contained drop-in chat. `useMastraChat` drives the conversation
 // over `@mastra/client-js`: `agent.stream()` returns a Response

package/src/react/suggestions.ts

@@ -1,4 +1,4 @@
-import type { ToolEvent, ToolProgress } from "./types";
+import type { ToolEvent, ToolProgress } from "./types.ts";
 
 // Suggested follow-up question extraction: dedupe + cap the
 // `suggested_questions` events Genie tools emit so the assistant

package/src/react/thread-sidebar.tsx

@@ -17,7 +17,7 @@ import {
   Trash2Icon,
 } from "lucide-react";
 import { useState } from "react";
-import type { ThreadSummary } from "./types";
+import type { ThreadSummary } from "./types.ts";
 
 // Presentational conversation list. Renders the threads a resource owns
 // so the user can switch between them, start a new one, rename one, and

package/src/react/tool-pill.tsx

@@ -8,8 +8,8 @@ import {
   cn,
 } from "@dbx-tools/ui-appkit/react";
 import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
-import { SqlBlock, ToolMarkdown } from "./markdown";
-import type { ToolEvent, ToolProgress } from "./types";
+import { SqlBlock, ToolMarkdown } from "./markdown.tsx";
+import type { ToolEvent, ToolProgress } from "./types.ts";
 
 // Consolidated tool-session pill and its Genie progress detail view:
 // groups the wire events one assistant turn produced into per-sub-call

package/src/react/types.ts

@@ -1,8 +1,8 @@
 import type { GenieWriterEvent } from "@dbx-tools/shared-mastra";
 import type { UIMessage } from "ai";
-import type { ExportFormat } from "../support/export";
+import type { ExportFormat } from "../support/export.ts";
 
-export type { ExportFormat } from "../support/export";
+export type { ExportFormat } from "../support/export.ts";
 
 // Public types for the chat UI: the controlled `ChatView` props plus
 // the supporting tool-event / approval shapes a host transport feeds

package/src/support/export.ts

@@ -28,8 +28,8 @@ import { marker as markers, type Chart, type StatementData } from "@dbx-tools/sh
 import type { UIMessage } from "ai";
 import * as echarts from "echarts";
 import { marked } from "marked";
-import { normalizeChartOption } from "./chart-option";
-import { downloadFile } from "./download";
+import { normalizeChartOption } from "./chart-option.ts";
+import { downloadFile } from "./download.ts";
 
 /**
  * Output formats {@link exportChat} can produce.

package/src/support/mastra-client.ts

@@ -21,7 +21,7 @@ import type { ServingEndpointSummary } from "@dbx-tools/shared-model";
 import { usePluginClientConfig } from "@dbx-tools/ui-appkit/react";
 import { MastraClient } from "@mastra/client-js";
 import { useCallback, useEffect, useMemo, useState } from "react";
-import { asMastraStreamResponse, type MastraStreamResponse } from "./mastra-stream";
+import { asMastraStreamResponse, type MastraStreamResponse } from "./mastra-stream.ts";
 
 /**
  * `@mastra/client-js` `MastraClient` extended with the Mastra plugin's

package/src/support/thread-sessions.ts

@@ -5,9 +5,9 @@ import type {
   PendingApproval,
   QueuedSteer,
   ToolEvent,
-} from "../react/types";
+} from "../react/types.ts";
 
-export type { QueuedSteer } from "../react/types";
+export type { QueuedSteer } from "../react/types.ts";
 
 /** Session-scoped transcript + stream state for one conversation thread. */
 export type ThreadSession = {