@datum-cloud/datum-ui 1.5.0 → 1.6.0

package/dist/assistant/index.mjs

@@ -3,7 +3,7 @@ import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
 import { a as DropdownMenuRadioGroup, c as DropdownMenuTrigger, i as DropdownMenuLabel, o as DropdownMenuRadioItem, r as DropdownMenuContent, s as DropdownMenuSeparator, t as DropdownMenu } from "../dropdown-menu-b8zY5Cs6.mjs";
 import { t as Tooltip } from "../tooltip-BhatUaar.mjs";
 import { ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, Trash2 } from "lucide-react";
-import { createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
+import { Fragment, createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
 import { EditorContent } from "@tiptap/react";
@@ -389,7 +389,7 @@ function messageText(msg) {
 	return msg.parts.filter(isTextUIPart).map((p) => p.text).join("\n\n");
 }
 function AssistantMessage({ msg, isLastMessage, status }) {
-	const { toolLabels, showReasoning, messageActions, renderLink } = useAssistantConfig();
+	const { toolLabels, showReasoning, messageActions, renderLink, renderToolOutput } = useAssistantConfig();
 	const isStreaming = isLastMessage && status === "streaming";
 	const hasText = msg.parts.some((p) => isTextUIPart(p) && p.text);
 	const activeToolPart = msg.parts.find((p) => isToolUIPart(p) && (p.state === "input-streaming" || p.state === "input-available"));
@@ -432,6 +432,10 @@ function AssistantMessage({ msg, isLastMessage, status }) {
 					},
 					children: part.text
 				}, i);
+				if (isToolUIPart(part) && part.state === "output-available" && renderToolOutput) {
+					const rendered = renderToolOutput(part, msg);
+					if (rendered) return /* @__PURE__ */ jsx(Fragment, { children: rendered }, i);
+				}
 				return null;
 			}),
 			showInitialLoading && /* @__PURE__ */ jsx("div", {
@@ -824,7 +828,7 @@ function downloadChat(chat) {
 	a.click();
 	URL.revokeObjectURL(url);
 }
-function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat }) {
+function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, header }) {
 	const [query, setQuery] = useState("");
 	const filtered = useMemo(() => {
 		const q = query.trim().toLowerCase();
@@ -833,6 +837,10 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "bg-background flex h-full w-64 shrink-0 flex-col border-r",
 		children: [
+			header && /* @__PURE__ */ jsx("div", {
+				className: "shrink-0 border-b px-3 py-2",
+				children: header
+			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex h-12 items-center border-b px-2",
 				children: /* @__PURE__ */ jsx("input", {
@@ -894,7 +902,7 @@ function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat }) {
 }
 //#endregion
 //#region src/components/features/assistant/components/assistant-workspace.tsx
-function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory }) {
+function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory }) {
 	const hasMessages = messages.length > 0;
 	const promptCard = /* @__PURE__ */ jsx(PromptCard, {
 		editor,
@@ -937,6 +945,7 @@ function AssistantWorkspace({ config, userName, title, messages, status, error,
 						children: /* @__PURE__ */ jsx(HistoryPanel, {
 							chatList,
 							currentChatId,
+							header: sidebarHeader,
 							onLoadChat,
 							onDeleteChat
 						})

package/dist/components/features/assistant/components/assistant-workspace.d.ts

@@ -1,6 +1,6 @@
 import type { Editor } from '@tiptap/react';
 import type { UIMessage } from 'ai';
-import type { MouseEvent as ReactMouseEvent, RefObject } from 'react';
+import type { MouseEvent as ReactMouseEvent, ReactNode, RefObject } from 'react';
 import type { AssistantConfig, ChatSummary, EffortId } from '../types';
 /**
  * Presentational, props-driven assistant layout: left rail + collapsible
@@ -21,6 +21,11 @@ export interface AssistantWorkspaceProps {
     isReady: boolean;
     chatList: ChatSummary[];
     currentChatId: string;
+    /**
+     * Optional block pinned above the history search input, naming the scope the
+     * listed chats belong to (cloud-portal shows the current project).
+     */
+    sidebarHeader?: ReactNode;
     editor: Editor | null;
     /** Sanitized HTML per user message index (for exact-render of the user's input). */
     htmlByUserMsgIndex: RefObject<string[]>;
@@ -45,4 +50,4 @@ export interface AssistantWorkspaceProps {
     historyOpen: boolean;
     onToggleHistory: () => void;
 }
-export declare function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;
+export declare function AssistantWorkspace({ config, userName, title, messages, status, error, isReady, chatList, currentChatId, sidebarHeader, editor, htmlByUserMsgIndex, bottomRef, containerRef, userScrolledUpRef, onSend, onStop, onRetry, onNewChat, onLoadChat, onDeleteChat, onSuggestion, modelId, effortId, onModelChange, onEffortChange, micSupported, micListening, micFrequencyData, onMicToggle, historyOpen, onToggleHistory, }: AssistantWorkspaceProps): import("react").JSX.Element;

package/dist/components/features/assistant/components/sidebar/history-panel.d.ts

@@ -1,9 +1,16 @@
+import type { ReactNode } from 'react';
 import type { ChatSummary } from '../../types';
 interface HistoryPanelProps {
     chatList: ChatSummary[];
     currentChatId: string;
     onLoadChat: (chat: ChatSummary) => void;
     onDeleteChat: (e: React.MouseEvent, chatId: string) => void;
+    /**
+     * Optional host-supplied block pinned above the search input, naming the scope
+     * the listed chats belong to — cloud-portal shows the current project. Hosts
+     * whose history isn't scoped to anything (staff-portal) omit it.
+     */
+    header?: ReactNode;
 }
-export declare function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, }: HistoryPanelProps): import("react").JSX.Element;
+export declare function HistoryPanel({ chatList, currentChatId, onLoadChat, onDeleteChat, header, }: HistoryPanelProps): import("react").JSX.Element;
 export {};

package/dist/components/features/assistant/types.d.ts

@@ -1,4 +1,4 @@
-import type { UIMessage } from 'ai';
+import type { DynamicToolUIPart, ToolUIPart, UIMessage } from 'ai';
 import type { ReactNode } from 'react';
 export type EffortId = 'low' | 'medium' | 'high';
 export interface ModelOption {
@@ -46,6 +46,13 @@ export interface AssistantConfig {
     renderLink: (props: LinkRenderProps) => ReactNode;
     /** Override the per-message action toolbar (defaults to copy + download). */
     messageActions?: (msg: UIMessage) => ReactNode;
+    /**
+     * Renders a completed tool call inline, in message order. Return a falsy value
+     * to leave that tool invisible — the default for every tool, since most only
+     * feed the model. Hosts use this to surface a result as UI (cloud-portal turns
+     * an `openSupportTicket` result into a button).
+     */
+    renderToolOutput?: (part: ToolUIPart | DynamicToolUIPart, msg: UIMessage) => ReactNode;
 }
 /**
  * Minimal shape the history list needs. Host apps pass their own richer chat

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"