@datum-cloud/datum-ui 1.5.0 → 1.6.1

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";
@@ -102,29 +102,34 @@ function ModelSelector({ modelId, effortId, onModelChange, onEffortChange, disab
 		})
 	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
 		align: "end",
-		className: "w-44",
+		collisionPadding: 16,
+		className: "flex w-56 max-h-[min(24rem,var(--radix-dropdown-menu-content-available-height))] flex-col overflow-hidden",
 		children: [
 			/* @__PURE__ */ jsx(DropdownMenuLabel, {
-				className: "text-muted-foreground text-[10px] tracking-wide uppercase",
+				className: "text-muted-foreground shrink-0 text-[10px] tracking-wide uppercase",
 				children: "Model"
 			}),
-			/* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-				value: modelId,
-				onValueChange: onModelChange,
-				children: models.map((m) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
-					value: m.id,
-					className: "text-sm",
-					children: m.label
-				}, m.id))
+			/* @__PURE__ */ jsx("div", {
+				className: "min-h-0 flex-1 overflow-y-auto",
+				children: /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
+					value: modelId,
+					onValueChange: onModelChange,
+					children: models.map((m) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
+						value: m.id,
+						className: "text-sm",
+						children: m.label
+					}, m.id))
+				})
 			}),
-			/* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+			/* @__PURE__ */ jsx(DropdownMenuSeparator, { className: "shrink-0" }),
 			/* @__PURE__ */ jsx(DropdownMenuLabel, {
-				className: "text-muted-foreground text-[10px] tracking-wide uppercase",
+				className: "text-muted-foreground shrink-0 text-[10px] tracking-wide uppercase",
 				children: "Effort"
 			}),
 			/* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
 				value: effortId,
 				onValueChange: (v) => onEffortChange(v),
+				className: "shrink-0",
 				children: efforts.map((e) => /* @__PURE__ */ jsx(DropdownMenuRadioItem, {
 					value: e.id,
 					className: "text-sm",
@@ -389,7 +394,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 +437,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 +833,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 +842,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 +907,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 +950,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.1",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"