@parallelworks/ui 0.43.0 → 0.45.0

package/dist/ai/strings.d.ts

@@ -1,10 +1,6 @@
 import type { ReactNode } from 'react';
+import { type ToolStrings } from './agent/toolStrings.js';
 export interface ChatStrings {
-    modal: {
-        cancel: string;
-        save: string;
-        loading: string;
-    };
     shareConversation: {
         title: string;
         loadError: string;
@@ -16,7 +12,6 @@ export interface ChatStrings {
         noGroups: string;
         viewOnly: string;
         canCollaborate: string;
-        remove: string;
         addGroups: string;
         info: ReactNode;
         shareButton: string;
@@ -40,7 +35,6 @@ export interface ChatStrings {
         search: string;
         loading: string;
         failed: string;
-        retry: string;
         none: string;
         /** Beside a provider another user registered and shared with the reader. */
         sharedBy: (owner: string) => string;
@@ -50,6 +44,8 @@ export interface ChatStrings {
         notResponding: string;
         /** Links the provider's settings from its issue banner, for its owner. */
         manageProvider: string;
+        /** Sending before a model is chosen. */
+        selectFirst: string;
     };
     allocationPicker: {
         choose: string;
@@ -64,9 +60,6 @@ export interface ChatStrings {
         waitingNextStep: string;
         /** Under a message the host has already handed to the running turn. */
         handedOver: string;
-        /** The visible label of the remove control; `remove` names it for
-         *  assistive technology. */
-        removeShort: string;
     };
     activity: {
         tokens: (input: string, output: string) => string;
@@ -80,7 +73,6 @@ export interface ChatStrings {
         addProvider: string;
         sessionUnreachableTitle: (session: string) => ReactNode;
         sessionUnreachableBody: string;
-        retry: string;
     };
     input: {
         placeholder: string;
@@ -101,7 +93,11 @@ export interface ChatStrings {
         label: string;
         ellipsis: string;
         thoughtFor: (duration: string) => string;
+        /** A finished reasoning toggle's label when its duration is unknown. */
+        thoughtProcess: string;
         activity: string;
+        /** A finished turn's label when it ran tools without reasoning. */
+        ranToolCalls: (count: number) => string;
     };
     thread: {
         viewOnly: string;
@@ -113,9 +109,6 @@ export interface ChatStrings {
         groupThisMonth: string;
         groupOlder: string;
         untitled: string;
-        rename: string;
-        share: string;
-        delete: string;
         sharedWithYou: string;
         openSidebar: string;
         closeSidebar: string;
@@ -130,26 +123,22 @@ export interface ChatStrings {
         noConversations: string;
         deleteTitle: string;
         deleteBody: string;
-        deleteAction: string;
         renameTitle: string;
-        renameAction: string;
         renameLabel: string;
         renamePlaceholder: string;
     };
     attachmentUpload: {
         fileTooLarge: (maxSize: string) => string;
         maxFilesAllowed: (max: number) => string;
-        remove: string;
         dropFilesHere: string;
+        releaseToUpload: string;
         addFiles: string;
+        maxSizePerFile: (size: string) => string;
+        uploading: string;
     };
     attachmentManager: {
         title: string;
         empty: string;
-        download: string;
-        delete: string;
-        loadMore: string;
-        loading: string;
     };
     branch: {
         previous: string;
@@ -159,24 +148,19 @@ export interface ChatStrings {
         searchPlaceholder: string;
         searchLabel: string;
         noMatches: string;
-        download: string;
         exportError: string;
         jumpToLatest: string;
-        dismiss: string;
+        /** The copy shortcut's note when no reply has come yet. */
+        noResponseToCopy: string;
     };
     messageMeta: {
         stopped: string;
-        showMore: string;
-        showLess: string;
         tokens: (total: number) => string;
         tokensBreakdown: (prompt: number, completion: number) => string;
         copy: string;
         edit: string;
         regenerate: string;
-        retry: string;
         editPlaceholder: string;
-        cancel: string;
-        send: string;
     };
     permissions: {
         choose: string;
@@ -192,8 +176,6 @@ export interface ChatStrings {
         planHint: string;
     };
     agentTranscript: {
-        showMore: string;
-        showLess: string;
         running: string;
         done: string;
         failed: string;
@@ -212,7 +194,6 @@ export interface ChatStrings {
         denyCall: string;
         denyWithFeedback: string;
         feedbackPlaceholder: string;
-        send: string;
         answered: string;
         writeOwnAnswer: string;
         subagent: string;
@@ -221,5 +202,7 @@ export interface ChatStrings {
         approvalPending: string;
         approvalOptions: string;
     };
+    /** One-line summaries of an agent's finished tool calls. */
+    tools: ToolStrings;
 }
 export declare const defaultChatStrings: ChatStrings;

package/dist/ai/strings.js

@@ -1,11 +1,7 @@
+import { defaultToolStrings } from "./agent/toolStrings.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/ai/strings.tsx
 var defaultChatStrings = {
-	modal: {
-		cancel: "Cancel",
-		save: "Save",
-		loading: "Loading…"
-	},
 	shareConversation: {
 		title: "Share Conversation",
 		loadError: "Failed to load sharing settings",
@@ -17,7 +13,6 @@ var defaultChatStrings = {
 		noGroups: "No groups have access yet",
 		viewOnly: "View only",
 		canCollaborate: "Can collaborate",
-		remove: "Remove",
 		addGroups: "Add groups…",
 		info: /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx("strong", { children: "View" }),
@@ -36,8 +31,7 @@ var defaultChatStrings = {
 		remove: "Remove queued message",
 		waiting: "Queued · sends when this reply finishes",
 		waitingNextStep: "Queued · reaches the agent after its current step",
-		handedOver: "Sent to the running turn",
-		removeShort: "Remove"
+		handedOver: "Sent to the running turn"
 	},
 	providerIssue: {
 		keyRejected: "API key rejected",
@@ -53,12 +47,12 @@ var defaultChatStrings = {
 		search: "Search models…",
 		loading: "Loading models…",
 		failed: "Failed to load models",
-		retry: "Retry",
 		none: "No models available",
 		sharedBy: (owner) => `Shared by ${owner}`,
 		connecting: "Connecting…",
 		notResponding: "Not responding",
-		manageProvider: "Manage provider"
+		manageProvider: "Manage provider",
+		selectFirst: "Select a model first"
 	},
 	allocationPicker: {
 		choose: "Allocation",
@@ -80,8 +74,7 @@ var defaultChatStrings = {
 			session,
 			"” is not reachable"
 		] }),
-		sessionUnreachableBody: "The session may be offline or still starting up. You can select a different model to continue.",
-		retry: "Retry"
+		sessionUnreachableBody: "The session may be offline or still starting up. You can select a different model to continue."
 	},
 	input: {
 		placeholder: "Ask anything",
@@ -90,11 +83,11 @@ var defaultChatStrings = {
 		attachFiles: "Attach files",
 		stopGenerating: "Stop generating (Escape)",
 		sendMessage: "Send message (Enter)",
-		filesAttached: (count) => `${count} file${count > 1 ? "s" : ""} attached`
+		filesAttached: (count) => count === 1 ? "1 file attached" : `${count.toLocaleString()} files attached`
 	},
 	paste: {
 		title: "Pasted text",
-		lines: (count) => `${count.toLocaleString()} line${count === 1 ? "" : "s"}`,
+		lines: (count) => count === 1 ? "1 line" : `${count.toLocaleString()} lines`,
 		saving: "Saving…",
 		remove: "Remove paste"
 	},
@@ -102,7 +95,9 @@ var defaultChatStrings = {
 		label: "Thinking",
 		ellipsis: "Thinking...",
 		thoughtFor: (duration) => `Thought for ${duration}`,
-		activity: "Activity"
+		thoughtProcess: "Thought process",
+		activity: "Activity",
+		ranToolCalls: (count) => count === 1 ? "Ran 1 tool call" : `Ran ${count.toLocaleString()} tool calls`
 	},
 	thread: { viewOnly: "You have view only access" },
 	sidebar: {
@@ -112,9 +107,6 @@ var defaultChatStrings = {
 		groupThisMonth: "This Month",
 		groupOlder: "Older",
 		untitled: "Untitled",
-		rename: "Rename",
-		share: "Share",
-		delete: "Delete",
 		sharedWithYou: "Shared with you",
 		openSidebar: "Open sidebar",
 		closeSidebar: "Close sidebar",
@@ -128,26 +120,22 @@ var defaultChatStrings = {
 		noConversations: "No conversations yet",
 		deleteTitle: "Delete Conversation",
 		deleteBody: "Are you sure you want to delete this conversation? This action cannot be undone.",
-		deleteAction: "Delete",
 		renameTitle: "Rename Conversation",
-		renameAction: "Rename",
 		renameLabel: "Conversation title",
 		renamePlaceholder: "Enter a new title"
 	},
 	attachmentUpload: {
 		fileTooLarge: (maxSize) => `File too large. Maximum size is ${maxSize}`,
 		maxFilesAllowed: (max) => `Maximum ${max} files allowed`,
-		remove: "Remove",
 		dropFilesHere: "Drop files here",
-		addFiles: "Add files (drag or click)"
+		releaseToUpload: "Release to upload",
+		addFiles: "Add files (drag or click)",
+		maxSizePerFile: (size) => `Max ${size} per file`,
+		uploading: "Uploading…"
 	},
 	attachmentManager: {
 		title: "Attachments",
-		empty: "No attachments yet",
-		download: "Download",
-		delete: "Delete",
-		loadMore: "Load more",
-		loading: "Loading..."
+		empty: "No attachments yet"
 	},
 	branch: {
 		previous: "Previous branch",
@@ -157,24 +145,18 @@ var defaultChatStrings = {
 		searchPlaceholder: "Search conversations",
 		searchLabel: "Search conversations (⌘/Ctrl+Shift+F)",
 		noMatches: "No conversations match your search",
-		download: "Download",
 		exportError: "Failed to export conversation",
 		jumpToLatest: "Jump to latest",
-		dismiss: "Dismiss"
+		noResponseToCopy: "No response to copy"
 	},
 	messageMeta: {
 		stopped: "Stopped",
-		showMore: "Show more",
-		showLess: "Show less",
 		tokens: (total) => `${total.toLocaleString()} tokens`,
 		tokensBreakdown: (prompt, completion) => `${prompt.toLocaleString()} in · ${completion.toLocaleString()} out`,
 		copy: "Copy message",
 		edit: "Edit message",
 		regenerate: "Regenerate response",
-		retry: "Retry",
-		editPlaceholder: "Edit your message...",
-		cancel: "Cancel",
-		send: "Send"
+		editPlaceholder: "Edit your message..."
 	},
 	permissions: {
 		choose: "Choose what the agent may do",
@@ -190,8 +172,6 @@ var defaultChatStrings = {
 		planHint: "The workspace is left unchanged while a plan is drafted."
 	},
 	agentTranscript: {
-		showMore: "Show more",
-		showLess: "Show less",
 		running: "Running…",
 		done: "Done",
 		failed: "Failed",
@@ -210,7 +190,6 @@ var defaultChatStrings = {
 		denyCall: "No, deny this call",
 		denyWithFeedback: "No, and provide feedback to the agent",
 		feedbackPlaceholder: "Tell the agent what to do instead…",
-		send: "Send",
 		answered: "Answered",
 		writeOwnAnswer: "Write my own answer…",
 		subagent: "Task",
@@ -218,7 +197,8 @@ var defaultChatStrings = {
 		planPending: "Plan awaiting approval in the terminal",
 		approvalPending: "Waiting for an answer in the terminal",
 		approvalOptions: "Offered choices"
-	}
+	},
+	tools: defaultToolStrings
 };
 //#endregion
 export { defaultChatStrings };

package/dist/ai/types.d.ts

@@ -228,11 +228,6 @@ export interface ChatNavigation {
     toConversation(id: string): void;
     toNewChat(): void;
 }
-export interface ChatNotify {
-    success(message: string): void;
-    error(message: string): void;
-    info(message: string): void;
-}
 export type SharePermissionLevel = 'view' | 'collaborate';
 export interface SharePermission {
     id?: string;

package/dist/ai/ui/ConversationSidebar.d.ts

@@ -1,15 +1,18 @@
 import { type ReactNode } from 'react';
 export declare const SIDEBAR_MIN_WIDTH_PX = 200;
-export declare const SIDEBAR_MAX_WIDTH_PX = 480;
-/** A sidebar width the reader drags, nudges or resets, kept per list under
- *  its own storage key. */
-export declare function useResizableSidebarWidth(storageKey: string): {
-    width: number;
-    resizing: boolean;
-    startResize: (e: React.PointerEvent<HTMLElement>) => void;
-    reset: () => void;
-    nudge: (delta: number) => void;
+/** A conversation list's drawer on a layout too narrow to keep it beside the
+ *  content: it covers the chat's own positioned container, not the window, and
+ *  stays mounted so the list keeps its scroll and search between openings. */
+export declare const sidebarDrawerProps: {
+    readonly contained: true;
+    readonly side: 'left';
+    readonly width: 'min(20rem, 85%)';
+    readonly modal: 'trap-focus';
+    readonly keepMounted: true;
+    readonly closeButton: false;
+    readonly padded: false;
 };
+export declare const SIDEBAR_MAX_WIDTH_PX = 480;
 export interface ConversationSidebarGroup<T> {
     key: string;
     label: ReactNode;

package/dist/ai/ui/ConversationSidebar.js

@@ -1,66 +1,28 @@
+import { cx } from "../../cx.js";
 import { positionKeys } from "../../components/keys.js";
-import { SidebarDrawer, SidebarGroupHeading, SidebarPanel, SidebarToggle } from "./sidebar.js";
-import { clsx } from "clsx";
+import { usePersistedState } from "../../components/Provider.js";
+import { useSplitter } from "../../components/splitter.js";
+import { Drawer } from "../../components/Drawer.js";
+import { LoadingRegion, Skeleton } from "../../components/Skeleton.js";
+import { SidebarGroupHeading, SidebarPanel, SidebarToggle } from "./sidebar.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1, useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, useEffect, useRef } from "react";
+/** A conversation list's drawer on a layout too narrow to keep it beside the
+*  content: it covers the chat's own positioned container, not the window, and
+*  stays mounted so the list keeps its scroll and search between openings. */
+var sidebarDrawerProps = {
+	contained: true,
+	side: "left",
+	width: "min(20rem, 85%)",
+	modal: "trap-focus",
+	keepMounted: true,
+	closeButton: false,
+	padded: false
+};
 var SHARED_WIDTH_STORAGE_KEY = "aiChatSidebarWidth";
 function clampSidebarWidth(width) {
 	return Math.min(480, Math.max(200, width));
 }
-function readStoredSidebarWidth(storageKey) {
-	try {
-		const stored = Number(window.localStorage.getItem(storageKey));
-		return Number.isFinite(stored) && stored > 0 ? clampSidebarWidth(stored) : 256;
-	} catch {
-		return 256;
-	}
-}
-function storeSidebarWidth(storageKey, width) {
-	try {
-		window.localStorage.setItem(storageKey, String(width));
-	} catch {}
-}
-/** A sidebar width the reader drags, nudges or resets, kept per list under
-*  its own storage key. */
-function useResizableSidebarWidth(storageKey) {
-	const [width, setWidth] = useState(() => readStoredSidebarWidth(storageKey));
-	const [resizing, setResizing] = useState(false);
-	const widthRef = useRef(width);
-	widthRef.current = width;
-	const startResize = (e) => {
-		e.preventDefault();
-		const startX = e.clientX;
-		const startWidth = widthRef.current;
-		setResizing(true);
-		const onMove = (ev) => {
-			setWidth(clampSidebarWidth(startWidth + ev.clientX - startX));
-		};
-		const onUp = () => {
-			window.removeEventListener("pointermove", onMove);
-			window.removeEventListener("pointerup", onUp);
-			setResizing(false);
-			storeSidebarWidth(storageKey, widthRef.current);
-		};
-		window.addEventListener("pointermove", onMove);
-		window.addEventListener("pointerup", onUp);
-	};
-	const reset = () => {
-		setWidth(256);
-		storeSidebarWidth(storageKey, 256);
-	};
-	const nudge = (delta) => {
-		const next = clampSidebarWidth(widthRef.current + delta);
-		setWidth(next);
-		storeSidebarWidth(storageKey, next);
-	};
-	return {
-		width,
-		resizing,
-		startResize,
-		reset,
-		nudge
-	};
-}
 /** Steps through the listed items in order and wraps, so moving between
 *  conversations never needs the pointer. */
 function useItemCycling(ordered, cycle) {
@@ -92,7 +54,16 @@ function useItemCycling(ordered, cycle) {
 *  collapse to a rail, with an optional drag handle for the width. The host
 *  decides what is listed, how it is grouped and how each row reads. */
 function ConversationSidebar({ label, collapsed: collapsedProp, onToggle, toggleLabels, resize, fill: fillProp = false, drawer, groups, getKey, renderRow, loading = false, placeholder, top, rail, footer, cycle, groupTestId, children }) {
-	const sized = useResizableSidebarWidth(resize?.storageKey ?? SHARED_WIDTH_STORAGE_KEY);
+	const [storedWidth, setStoredWidth] = usePersistedState(resize?.storageKey ?? SHARED_WIDTH_STORAGE_KEY, 256);
+	const splitter = useSplitter({
+		width: clampSidebarWidth(storedWidth),
+		onWidthChange: setStoredWidth,
+		min: 200,
+		max: 480,
+		side: "right",
+		defaultWidth: 256,
+		label: resize?.label
+	});
 	useItemCycling(groups.flatMap((g) => g.items), cycle);
 	const fill = fillProp || !!drawer;
 	const collapsed = collapsedProp && !fill;
@@ -101,42 +72,26 @@ function ConversationSidebar({ label, collapsed: collapsedProp, onToggle, toggle
 		collapsed,
 		label,
 		...resizable ? {
-			width: sized.width,
-			resizing: sized.resizing
+			width: splitter.width,
+			resizing: splitter.resizing
 		} : {},
 		...fill ? { style: { width: "100%" } } : {},
 		children: [
 			resizable && !collapsed && /* @__PURE__ */ jsx("div", {
-				role: "separator",
-				tabIndex: 0,
-				"aria-orientation": "vertical",
-				"aria-label": resize.label,
-				"aria-valuemin": 200,
-				"aria-valuemax": 480,
-				"aria-valuenow": sized.width,
-				title: resize.hint,
-				onPointerDown: sized.startResize,
-				onDoubleClick: sized.reset,
-				onKeyDown: (e) => {
-					if (e.key === "ArrowLeft") sized.nudge(-16);
-					else if (e.key === "ArrowRight") sized.nudge(16);
-				},
-				className: clsx("absolute inset-y-0 right-0 z-10 w-1 cursor-col-resize touch-none", sized.resizing ? "bg-(--theme-element)" : "hover:bg-(--theme-border)")
+				...splitter.separatorProps,
+				title: resize.hint
 			}),
 			top,
 			collapsed && rail ? /* @__PURE__ */ jsx("ul", {
 				className: "flex min-h-0 flex-1 flex-col items-center gap-1 overflow-y-auto py-1",
 				children: rail
 			}) : /* @__PURE__ */ jsx("div", {
-				className: clsx("min-h-0 flex-1 overflow-y-auto px-2 pb-2 transition-opacity duration-200", collapsed ? "pointer-events-none opacity-0" : "opacity-100"),
-				children: loading ? /* @__PURE__ */ jsx("div", {
+				className: cx("min-h-0 flex-1 overflow-y-auto px-2 pb-2 transition-opacity duration-200", collapsed ? "pointer-events-none opacity-0" : "opacity-100"),
+				children: loading ? /* @__PURE__ */ jsx(LoadingRegion, {
 					className: "space-y-3 px-2 pt-2",
-					children: positionKeys(5, "skeleton").map((key, i) => /* @__PURE__ */ jsx("div", {
-						className: "animate-pulse",
-						children: /* @__PURE__ */ jsx("div", {
-							className: "h-4 rounded theme-muted-panel",
-							style: { width: `${70 - i * 10}%` }
-						})
+					children: positionKeys(5, "skeleton").map((key, i) => /* @__PURE__ */ jsx(Skeleton, {
+						width: `${70 - i * 10}%`,
+						height: 16
 					}, key))
 				}) : groups.length === 0 ? placeholder : groups.map((group) => /* @__PURE__ */ jsxs("div", {
 					className: "mb-2",
@@ -151,7 +106,7 @@ function ConversationSidebar({ label, collapsed: collapsedProp, onToggle, toggle
 				}, group.key))
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: clsx("flex shrink-0 items-center gap-1 p-1.5", collapsed ? "justify-center" : footer ? "justify-between" : "justify-end"),
+				className: cx("flex shrink-0 items-center gap-1 p-1.5", collapsed ? "justify-center" : footer ? "justify-between" : "justify-end"),
 				children: [!collapsed && footer, /* @__PURE__ */ jsx(SidebarToggle, {
 					collapsed,
 					onToggle,
@@ -162,12 +117,13 @@ function ConversationSidebar({ label, collapsed: collapsedProp, onToggle, toggle
 			children
 		]
 	});
-	return drawer ? /* @__PURE__ */ jsx(SidebarDrawer, {
+	return drawer ? /* @__PURE__ */ jsx(Drawer, {
+		...sidebarDrawerProps,
 		open: drawer.open,
 		onClose: drawer.onClose,
-		label: drawer.label,
+		"aria-label": drawer.label,
 		children: panel
 	}) : panel;
 }
 //#endregion
-export { ConversationSidebar, useResizableSidebarWidth };
+export { ConversationSidebar, sidebarDrawerProps };

package/dist/ai/ui/Markdown.d.ts

@@ -1,6 +1,3 @@
-interface MarkdownProps {
-    children: string;
-    isStreaming?: boolean;
-}
-export default function Markdown({ children, isStreaming }: MarkdownProps): import("react").JSX.Element;
-export {};
+import { type MarkdownProps } from '../../components/Markdown.js';
+/** Markdown with the chat host's per-tag overrides. */
+export default function Markdown(props: Omit<MarkdownProps, 'components'>): import("react").JSX.Element;

package/dist/ai/ui/Markdown.js

@@ -1,80 +1,13 @@
+import Markdown$1 from "../../components/Markdown.js";
 import { useChatConfig } from "../core/config.js";
-import { rehypeCodeBreaks } from "./codeBreaks.js";
-import { clsx } from "clsx";
 import { jsx } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { code } from "@streamdown/code";
-import { math } from "@streamdown/math";
-import { Streamdown, defaultRehypePlugins } from "streamdown";
 //#region src/ai/ui/Markdown.tsx
-function schemeIsDark() {
-	if (typeof document === "undefined") return false;
-	const scheme = getComputedStyle(document.documentElement).colorScheme;
-	if (scheme.includes("dark") !== scheme.includes("light")) return scheme.includes("dark");
-	return typeof window.matchMedia === "function" && window.matchMedia("(prefers-color-scheme: dark)").matches;
-}
-var basePlugins = {
-	code,
-	math
-};
-var pluginsWithMermaid;
-var mermaidLoad;
-function loadMermaid() {
-	mermaidLoad ??= import("@streamdown/mermaid").then(({ createMermaidPlugin }) => {
-		const base = createMermaidPlugin();
-		pluginsWithMermaid = {
-			...basePlugins,
-			mermaid: {
-				...base,
-				getMermaid: (config) => base.getMermaid({
-					theme: schemeIsDark() ? "dark" : "neutral",
-					...config
-				})
-			}
-		};
-	});
-	return mermaidLoad;
-}
-var shikiTheme = ["github-light", "github-dark"];
-var rehypePlugins = [...Object.values(defaultRehypePlugins), rehypeCodeBreaks];
-function Markdown({ children, isStreaming }) {
+/** Markdown with the chat host's per-tag overrides. */
+function Markdown(props) {
 	const { markdownComponents } = useChatConfig();
-	const needsMermaid = !!children && children.includes("```mermaid");
-	const [, setMermaidReady] = useState(() => !!pluginsWithMermaid);
-	useEffect(() => {
-		if (!needsMermaid || pluginsWithMermaid) return;
-		let live = true;
-		loadMermaid().then(() => {
-			if (live) setMermaidReady(true);
-		});
-		return () => {
-			live = false;
-		};
-	}, [needsMermaid]);
-	const plugins = needsMermaid && pluginsWithMermaid ? pluginsWithMermaid : basePlugins;
-	return /* @__PURE__ */ jsx("div", {
-		className: "markdown whitespace-normal text-start w-full",
-		children: /* @__PURE__ */ jsx(Streamdown, {
-			mode: isStreaming ? "streaming" : "static",
-			...isStreaming === void 0 ? {} : { isAnimating: isStreaming },
-			...isStreaming ? {
-				caret: "block",
-				className: "markdown-streaming"
-			} : {},
-			plugins,
-			rehypePlugins,
-			shikiTheme,
-			components: {
-				a: ({ node, ...props }) => /* @__PURE__ */ jsx("a", {
-					...props,
-					className: clsx("link wrap-break-word", props.className),
-					target: "_blank",
-					rel: "noopener noreferrer"
-				}),
-				...markdownComponents
-			},
-			children: children || ""
-		})
+	return /* @__PURE__ */ jsx(Markdown$1, {
+		...props,
+		...markdownComponents ? { components: markdownComponents } : {}
 	});
 }
 //#endregion