@mcp-b/react-components 0.45.0 → 0.46.0

package/dist/components/ai-sdk/MediaPreviewCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlayIcon } from "../../icons-DbrksZyY.js";
+import { B as PlayIcon } from "../../icons-BNEY4gO5.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { Card } from "../foundations/Card.js";
 import * as React from "react";

package/dist/components/ai-sdk/Message.js

@@ -1,9 +1,11 @@
+import { parseComposerHref } from "../../utils/composer-link.js";
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
+import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
 import { n as clamp } from "../../format-COCyV98Z.js";
+import { ComposerLink } from "./ComposerLink.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";
@@ -78,7 +80,21 @@ const streamdownPlugins = {
 	cjk,
 	code
 };
-const messageResponseComponents = { img: "img" };
+function MessageResponseLink({ href, children, ...props }) {
+	return href && parseComposerHref(href) ? /* @__PURE__ */ jsx(ComposerLink, {
+		href,
+		children
+	}) : /* @__PURE__ */ jsx("a", {
+		href,
+		"data-streamdown": "link",
+		...props,
+		children
+	});
+}
+const messageResponseComponents = {
+	img: "img",
+	a: MessageResponseLink
+};
 const MessageResponse = React.memo(function MessageResponse({ className, components, ...props }) {
 	return /* @__PURE__ */ jsx(Streamdown, {
 		className: cx("message__response", "sigvelo-reader-text", className),

package/dist/components/ai-sdk/MessageScroller.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-DbrksZyY.js";
+import { n as ArrowDownIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import "react";

package/dist/components/ai-sdk/MessageScrollerVirtual.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-DbrksZyY.js";
+import { n as ArrowDownIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import * as React from "react";

package/dist/components/ai-sdk/Plan.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-DbrksZyY.js";
+import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-BNEY4gO5.js";
 import { Popover } from "../foundations/Popover.js";
 import { t as ProgressRing } from "../../progress-ring-Cgii90dC.js";
 import * as React from "react";

package/dist/components/ai-sdk/PromptInput.d.ts

@@ -1,2 +1,2 @@
-import { $ as PromptInputReferences, A as PromptInputContextItem, B as PromptInputHoverCard, C as PromptInputButtonProps, Ct as usePromptInputAttachments, D as PromptInputCommandDefinition, E as PromptInputCommandComposerProps, F as PromptInputDictationProps, G as PromptInputHoverCardTriggerProps, H as PromptInputHoverCardContentProps, I as PromptInputFooter, J as PromptInputPermissionSelectorProps, K as PromptInputMessage, L as PromptInputFooterProps, M as PromptInputContextSelectorProps, N as PromptInputControllerProps, O as PromptInputCommandTrigger, P as PromptInputDictation, Q as PromptInputReference, R as PromptInputHeader, S as PromptInputButton, St as TooltipSide, T as PromptInputCommandComposer, Tt as useProviderAttachments, U as PromptInputHoverCardProps, V as PromptInputHoverCardContent, W as PromptInputHoverCardTrigger, X as PromptInputProvider, Y as PromptInputProps, Z as PromptInputProviderProps, _ as PromptInputAttachmentProps, _t as PromptInputTooltipConfig, a as PromptInputActionAddAttachmentsProps, at as PromptInputTabBodyProps, b as PromptInputBody, bt as PromptInputVoiceInput, c as PromptInputActionMenu, ct as PromptInputTabLabel, d as PromptInputActionMenuItem, dt as PromptInputTabsList, et as PromptInputReferencesProps, f as PromptInputActionMenuItemProps, ft as PromptInputTabsListProps, g as PromptInputAttachment, gt as PromptInputToolsProps, h as PromptInputActionMenuTriggerProps, ht as PromptInputTools, i as PromptInputActionAddAttachments, it as PromptInputTabBody, j as PromptInputContextSelector, k as PromptInputContextAction, l as PromptInputActionMenuContent, lt as PromptInputTabLabelProps, m as PromptInputActionMenuTrigger, mt as PromptInputTextareaProps, n as PermissionMode, nt as PromptInputSubmitProps, o as PromptInputActionAddScreenshot, ot as PromptInputTabItem, p as PromptInputActionMenuProps, pt as PromptInputTextarea, q as PromptInputPermissionSelector, r as PromptInput, rt as PromptInputTab, s as PromptInputActionAddScreenshotProps, st as PromptInputTabItemProps, t as AttachmentsContext, tt as PromptInputSubmit, u as PromptInputActionMenuContentProps, ut as PromptInputTabProps, v as PromptInputAttachments, vt as PromptInputTray, w as PromptInputButtonTooltip, wt as usePromptInputController, x as PromptInputBodyProps, xt as TextInputContext, y as PromptInputAttachmentsProps, yt as PromptInputTrayProps, z as PromptInputHeaderProps } from "../../PromptInput-BRX7FhjH.js";
-export { AttachmentsContext, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommandComposer, PromptInputCommandComposerProps, PromptInputCommandDefinition, PromptInputCommandTrigger, PromptInputContextAction, PromptInputContextItem, PromptInputContextSelector, PromptInputContextSelectorProps, PromptInputControllerProps, PromptInputDictation, PromptInputDictationProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReference, PromptInputReferences, PromptInputReferencesProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, PromptInputTray, PromptInputTrayProps, PromptInputVoiceInput, TextInputContext, TooltipSide, usePromptInputAttachments, usePromptInputController, useProviderAttachments };
+import { $ as PromptInputSubmit, A as PromptInputContextItem, B as PromptInputHoverCard, C as PromptInputButtonProps, Ct as usePromptInputController, D as PromptInputCommandDefinition, E as PromptInputCommandComposerProps, F as PromptInputDictationProps, G as PromptInputHoverCardTriggerProps, H as PromptInputHoverCardContentProps, I as PromptInputFooter, J as PromptInputPermissionSelectorProps, K as PromptInputMessage, L as PromptInputFooterProps, M as PromptInputContextSelectorProps, N as PromptInputControllerProps, O as PromptInputCommandTrigger, P as PromptInputDictation, Q as PromptInputReference, R as PromptInputHeader, S as PromptInputButton, St as usePromptInputAttachments, T as PromptInputCommandComposer, U as PromptInputHoverCardProps, V as PromptInputHoverCardContent, W as PromptInputHoverCardTrigger, X as PromptInputProvider, Y as PromptInputProps, Z as PromptInputProviderProps, _ as PromptInputAttachmentProps, _t as PromptInputTrayProps, a as PromptInputActionAddAttachmentsProps, at as PromptInputTabItemProps, b as PromptInputBody, bt as TooltipSide, c as PromptInputActionMenu, ct as PromptInputTabProps, d as PromptInputActionMenuItem, dt as PromptInputTextarea, et as PromptInputSubmitProps, f as PromptInputActionMenuItemProps, ft as PromptInputTextareaProps, g as PromptInputAttachment, gt as PromptInputTray, h as PromptInputActionMenuTriggerProps, ht as PromptInputTooltipConfig, i as PromptInputActionAddAttachments, it as PromptInputTabItem, j as PromptInputContextSelector, k as PromptInputContextAction, l as PromptInputActionMenuContent, lt as PromptInputTabsList, m as PromptInputActionMenuTrigger, mt as PromptInputToolsProps, n as PermissionMode, nt as PromptInputTabBody, o as PromptInputActionAddScreenshot, ot as PromptInputTabLabel, p as PromptInputActionMenuProps, pt as PromptInputTools, q as PromptInputPermissionSelector, r as PromptInput, rt as PromptInputTabBodyProps, s as PromptInputActionAddScreenshotProps, st as PromptInputTabLabelProps, t as AttachmentsContext, tt as PromptInputTab, u as PromptInputActionMenuContentProps, ut as PromptInputTabsListProps, v as PromptInputAttachments, vt as PromptInputVoiceInput, w as PromptInputButtonTooltip, wt as useProviderAttachments, x as PromptInputBodyProps, xt as composerLinksToReferences, y as PromptInputAttachmentsProps, yt as TextInputContext, z as PromptInputHeaderProps } from "../../PromptInput-DtJHyp0S.js";
+export { AttachmentsContext, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommandComposer, PromptInputCommandComposerProps, PromptInputCommandDefinition, PromptInputCommandTrigger, PromptInputContextAction, PromptInputContextItem, PromptInputContextSelector, PromptInputContextSelectorProps, PromptInputControllerProps, PromptInputDictation, PromptInputDictationProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReference, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, PromptInputTray, PromptInputTrayProps, PromptInputVoiceInput, TextInputContext, TooltipSide, composerLinksToReferences, usePromptInputAttachments, usePromptInputController, useProviderAttachments };

package/dist/components/ai-sdk/PromptInput.js

@@ -1,5 +1,6 @@
+import { composerTriggerMatch, parseComposerLinks, replaceComposerTrigger } from "../../utils/composer-link.js";
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { C as FolderIcon, J as SquareIcon, L as PaperclipIcon, M as MicrophoneIcon, P as MonitorIcon, S as FileIcon, V as PlusIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, nt as XIcon, q as SpinnerIcon, tt as WrenchIcon } from "../../icons-DbrksZyY.js";
+import { C as FolderIcon, J as SquareIcon, L as PaperclipIcon, M as MicrophoneIcon, P as MonitorIcon, S as FileIcon, V as PlusIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, nt as XIcon, q as SpinnerIcon, tt as WrenchIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { IconButton } from "../foundations/IconButton.js";
@@ -11,6 +12,8 @@ import { Tabs } from "../foundations/Tabs.js";
 import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
 import { a as formatErrorMessage, i as formatClock, n as clamp } from "../../format-COCyV98Z.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { ComposerLink } from "./ComposerLink.js";
+import { PromptInputComposerEditor, readComposerDom, writeComposerDom } from "./PromptInputComposerEditor.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/PromptInput.tsx
@@ -235,17 +238,21 @@ function PromptInput({ className, accept, multiple, globalDrop, syncHiddenInput,
 	]);
 	const handleSubmit = React.useCallback(async (event) => {
 		event.preventDefault();
-		const textarea = event.currentTarget.querySelector("textarea[data-prompt-input-textarea=\"true\"]");
-		const text = controller?.textInput.value ?? textarea?.value.trim() ?? "";
+		const field = event.currentTarget.querySelector("[data-prompt-input-textarea=\"true\"]");
+		const fieldText = field instanceof HTMLTextAreaElement ? field.value : field?.isContentEditable ? readComposerDom(field) : "";
+		const text = (controller?.textInput.value ?? fieldText).trim();
 		const submittedFiles = await Promise.all(files.map(resolveSubmittedFile));
 		try {
 			const submission = onSubmit?.({
 				text,
 				files: submittedFiles
 			}, event);
-			if (!controller && textarea) {
-				textarea.value = "";
-				textarea.dispatchEvent(new Event("input", { bubbles: true }));
+			if (!controller && field instanceof HTMLTextAreaElement) {
+				field.value = "";
+				field.dispatchEvent(new Event("input", { bubbles: true }));
+			} else if (!controller && field?.isContentEditable) {
+				field.replaceChildren();
+				field.dispatchEvent(new Event("input", { bubbles: true }));
 			}
 			controller?.textInput.clear();
 			clearAttachments();
@@ -525,10 +532,11 @@ function PromptInputDictation({ voice, beforeStart, className, disabled, ref, ..
 			voice.clear();
 			return;
 		}
-		const textarea = buttonRef.current?.form?.querySelector("textarea[data-prompt-input-textarea=\"true\"]");
-		if (!textarea) return;
-		Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set?.call(textarea, appendDictationTranscript(textarea.value, addition));
-		textarea.dispatchEvent(new Event("input", { bubbles: true }));
+		const field = buttonRef.current?.form?.querySelector("[data-prompt-input-textarea=\"true\"]");
+		if (!field) return;
+		if (field instanceof HTMLTextAreaElement) Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value")?.set?.call(field, appendDictationTranscript(field.value, addition));
+		else if (field.isContentEditable) writeComposerDom(field, appendDictationTranscript(readComposerDom(field), addition));
+		field.dispatchEvent(new Event("input", { bubbles: true }));
 		voice.clear();
 	}, [
 		controller,
@@ -988,25 +996,42 @@ function PromptInputTabLabel({ className, ref, ...props }) {
 		...props
 	});
 }
-function PromptInputTabItem({ className, ref, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
+function PromptInputTabItem({ className, href, icon, children, ref, ...props }) {
+	if (href) return /* @__PURE__ */ jsx(ComposerLink, {
+		href,
+		icon,
+		className: cx("prompt-input__tab-item", className),
+		children
+	});
+	return /* @__PURE__ */ jsxs("div", {
 		ref,
 		className: cx("prompt-input__tab-item", className),
-		...props
+		...props,
+		children: [icon, children]
 	});
 }
+function composerLinksToReferences(text) {
+	return parseComposerLinks(text).map((link) => ({
+		id: `${link.kind}:${link.value}`,
+		value: link.value,
+		label: link.label,
+		href: link.href,
+		iconSrc: link.iconSrc,
+		trigger: link.kind === "mcp" || link.kind === "tab" ? "@" : "/"
+	}));
+}
 /**
-* Controlled PromptInput textarea with slash-command discovery. The host owns
-* both the command catalog and the draft policy applied after selection.
+* Controlled composer field with slash-command and mention discovery.
+* Selection inserts a special href into the draft — not a chip button.
 */
-function PromptInputCommandComposer({ commands, mentionCommands, value, onValueChange, onCommandSelect, emptyMessage = "No commands found.", mentionEmptyMessage = "No MCP servers found.", onKeyDown, ref, ...textareaProps }) {
+function PromptInputCommandComposer({ commands, mentionCommands, value, onValueChange, onCommandSelect, emptyMessage = "No commands found.", mentionEmptyMessage = "No MCP servers found.", onKeyDown, ref, placeholder, disabled, className, minHeight, maxHeight, "aria-label": ariaLabel }) {
 	const inputRef = React.useRef(null);
 	const [dismissedValue, setDismissedValue] = React.useState(null);
 	React.useImperativeHandle(ref, () => inputRef.current, []);
-	const match = /^\s*([/@])([^\n]*)$/u.exec(value);
-	const trigger = match?.[1] === "/" || match?.[1] === "@" ? match[1] : void 0;
+	const match = composerTriggerMatch(value);
+	const trigger = match?.trigger;
 	const sourceCommands = trigger === "@" ? mentionCommands ?? [] : commands;
-	const normalizedQuery = (match?.[2]?.trim() ?? "").toLocaleLowerCase();
+	const normalizedQuery = (match?.query.trim() ?? "").toLocaleLowerCase();
 	const filtered = sourceCommands.filter((command) => {
 		if (!normalizedQuery) return true;
 		return [
@@ -1022,6 +1047,12 @@ function PromptInputCommandComposer({ commands, mentionCommands, value, onValueC
 		label,
 		items: filtered.filter((command) => (command.group ?? "") === label)
 	}));
+	const selectCommand = (command) => {
+		const nextTrigger = trigger ?? "/";
+		onValueChange(replaceComposerTrigger(value, command, nextTrigger));
+		setDismissedValue(null);
+		onCommandSelect(command, nextTrigger);
+	};
 	return /* @__PURE__ */ jsxs(Autocomplete.Root, {
 		items: groups,
 		filteredItems: groups,
@@ -1038,11 +1069,20 @@ function PromptInputCommandComposer({ commands, mentionCommands, value, onValueC
 		onOpenChange: (nextOpen) => {
 			if (!nextOpen) setDismissedValue(value);
 		},
-		children: [/* @__PURE__ */ jsx(Autocomplete.Input, { render: /* @__PURE__ */ jsx(PromptInputTextarea, {
-			...textareaProps,
+		children: [/* @__PURE__ */ jsx(Autocomplete.Input, { render: /* @__PURE__ */ jsx(PromptInputComposerEditor, {
 			ref: inputRef,
-			value,
-			onKeyDown
+			draft: value,
+			onDraftChange: (next) => {
+				setDismissedValue(null);
+				onValueChange(next);
+			},
+			onKeyDown,
+			placeholder,
+			disabled,
+			className,
+			minHeight,
+			maxHeight,
+			"aria-label": ariaLabel
 		}) }), /* @__PURE__ */ jsx(Autocomplete.Portal, { children: /* @__PURE__ */ jsx(Autocomplete.Positioner, {
 			anchor: () => inputRef.current?.closest(".prompt-input__body") ?? null,
 			side: "top",
@@ -1061,7 +1101,7 @@ function PromptInputCommandComposer({ commands, mentionCommands, value, onValueC
 							value: command,
 							disabled: command.disabled,
 							className: "prompt-input__command-item",
-							onClick: () => onCommandSelect(command, trigger ?? "/"),
+							onClick: () => selectCommand(command),
 							children: [command.icon ? /* @__PURE__ */ jsx("span", {
 								className: "prompt-input__command-icon",
 								children: command.icon
@@ -1089,40 +1129,6 @@ function PromptInputCommandComposer({ commands, mentionCommands, value, onValueC
 		}) })]
 	});
 }
-/** Removable inline context selected from slash-command or mention pickers. */
-function PromptInputReferences({ references, onRemove, className, ref, ...props }) {
-	if (!references.length) return null;
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		className: cx("prompt-input__references", className),
-		role: "group",
-		"aria-label": "Selected context",
-		...props,
-		children: references.map((reference) => /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "ghost",
-			color: "primary",
-			size: "xs",
-			className: "prompt-input__reference",
-			"aria-label": `Remove ${reference.label}`,
-			onClick: () => onRemove(reference),
-			children: [
-				reference.icon ? /* @__PURE__ */ jsx("span", {
-					className: "prompt-input__reference-icon",
-					children: reference.icon
-				}) : null,
-				/* @__PURE__ */ jsx("span", {
-					className: "prompt-input__reference-label sigvelo-truncate",
-					children: reference.label
-				}),
-				/* @__PURE__ */ jsx(XIcon, {
-					className: "prompt-input__reference-remove",
-					size: 14
-				})
-			]
-		}, `${reference.trigger ?? "reference"}:${reference.id}`))
-	});
-}
 /** Controlled composer-footer picker for a host-owned folder or working context. */
 function PromptInputContextSelector({ items, value, onValueChange, categoryLabel = "Folder", unavailableLabel = "Folder unavailable", action }) {
 	const selected = items.find((item) => item.value === value);
@@ -1290,4 +1296,4 @@ function createId() {
 	return globalThis.crypto?.randomUUID?.() ?? `prompt-input-${Date.now()}-${Math.random()}`;
 }
 //#endregion
-export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputPermissionSelector, PromptInputProvider, PromptInputReferences, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, PromptInputTray, usePromptInputAttachments, usePromptInputController, useProviderAttachments };
+export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputAttachment, PromptInputAttachments, PromptInputBody, PromptInputButton, PromptInputCommandComposer, PromptInputContextSelector, PromptInputDictation, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputPermissionSelector, PromptInputProvider, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, PromptInputTray, composerLinksToReferences, usePromptInputAttachments, usePromptInputController, useProviderAttachments };

package/dist/components/ai-sdk/PromptInputComposerEditor.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+
+//#region src/components/ai-sdk/PromptInputComposerEditor.d.ts
+declare function writeComposerDom(element: HTMLElement, markdown: string): void;
+declare function readComposerDom(element: HTMLElement): string;
+interface PromptInputComposerEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "value"> {
+  /** Markdown draft. Named apart from Autocomplete's `value` so the two cannot collide. */
+  draft: string;
+  onDraftChange: (value: string) => void;
+  placeholder?: string;
+  minHeight?: number;
+  maxHeight?: number;
+  disabled?: boolean;
+}
+declare function PromptInputComposerEditor({
+  className,
+  placeholder,
+  minHeight,
+  maxHeight,
+  draft,
+  onDraftChange,
+  onKeyDown,
+  onPaste,
+  disabled,
+  ref,
+  ...props
+}: PromptInputComposerEditorProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { PromptInputComposerEditor, PromptInputComposerEditorProps, readComposerDom, writeComposerDom };

package/dist/components/ai-sdk/PromptInputComposerEditor.js

@@ -0,0 +1,198 @@
+import { parseComposerHref, sampleImageAccent, splitComposerDraft } from "../../utils/composer-link.js";
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { n as clamp } from "../../format-COCyV98Z.js";
+import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { composerLinkAccent, composerLinkIconSrc, composerLinkUsesCube } from "./ComposerLink.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ai-sdk/PromptInputComposerEditor.tsx
+const MIN_COMPOSER_HEIGHT_PX = 24;
+const MAX_COMPOSER_HEIGHT_PX = 240;
+function appendPlainText(parent, text) {
+	text.split("\n").forEach((line, index) => {
+		if (index > 0) parent.append(document.createElement("br"));
+		if (line) parent.append(document.createTextNode(line));
+	});
+}
+function createComposerLinkElement(parts, label) {
+	const link = document.createElement("a");
+	link.className = "composer-link";
+	link.href = parts.href;
+	link.contentEditable = "false";
+	link.draggable = false;
+	link.tabIndex = -1;
+	link.dataset.composerLink = parts.kind;
+	link.rel = "nofollow";
+	link.addEventListener("click", (event) => event.preventDefault());
+	const accent = composerLinkAccent(parts);
+	if (accent) link.style.setProperty("--composer-link-color", accent);
+	const src = composerLinkIconSrc(parts);
+	if (src) {
+		const image = document.createElement("img");
+		image.alt = "";
+		image.setAttribute("aria-hidden", "true");
+		image.className = "composer-link__icon";
+		image.decoding = "async";
+		image.draggable = false;
+		image.referrerPolicy = "no-referrer";
+		image.src = src;
+		if (!accent) {
+			const applySample = () => {
+				const sampled = sampleImageAccent(image);
+				if (sampled) link.style.setProperty("--composer-link-color", sampled);
+			};
+			if (image.complete) applySample();
+			else image.addEventListener("load", applySample, { once: true });
+		}
+		link.append(image);
+	} else if (composerLinkUsesCube(parts)) {
+		const icon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+		icon.setAttribute("viewBox", "0 0 24 24");
+		icon.setAttribute("fill", "none");
+		icon.setAttribute("stroke", "currentColor");
+		icon.setAttribute("stroke-width", "1.75");
+		icon.setAttribute("stroke-linecap", "round");
+		icon.setAttribute("stroke-linejoin", "round");
+		icon.setAttribute("aria-hidden", "true");
+		icon.setAttribute("focusable", "false");
+		icon.classList.add("composer-link__icon");
+		for (const d of [
+			"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+			"m3.3 7 8.7 5 8.7-5",
+			"M12 22V12"
+		]) {
+			const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
+			path.setAttribute("d", d);
+			icon.append(path);
+		}
+		link.append(icon);
+	}
+	const text = document.createElement("span");
+	text.className = "composer-link__label";
+	text.textContent = label;
+	link.append(text);
+	return link;
+}
+function writeComposerDom(element, markdown) {
+	element.replaceChildren();
+	for (const segment of splitComposerDraft(markdown)) if (segment.type === "text") appendPlainText(element, segment.value);
+	else element.append(createComposerLinkElement(segment.parts, segment.label));
+}
+function readComposerDom(element) {
+	let markdown = "";
+	const walk = (node) => {
+		if (node.nodeType === Node.TEXT_NODE) {
+			markdown += node.textContent ?? "";
+			return;
+		}
+		if (node instanceof HTMLBRElement) {
+			markdown += "\n";
+			return;
+		}
+		if (node instanceof HTMLAnchorElement && node.classList.contains("composer-link")) {
+			const href = node.getAttribute("href") ?? "";
+			const label = node.querySelector(".composer-link__label")?.textContent ?? node.textContent ?? "";
+			const parsed = parseComposerHref(href);
+			markdown += `[${label}](${parsed?.href ?? href})`;
+			return;
+		}
+		if (node instanceof HTMLElement && node !== element && node.tagName === "DIV") {
+			if (markdown && !markdown.endsWith("\n")) markdown += "\n";
+		}
+		node.childNodes.forEach(walk);
+	};
+	walk(element);
+	return markdown;
+}
+function placeCaretAtEnd(element) {
+	const selection = window.getSelection();
+	if (!selection) return;
+	const range = document.createRange();
+	range.selectNodeContents(element);
+	range.collapse(false);
+	selection.removeAllRanges();
+	selection.addRange(range);
+}
+function PromptInputComposerEditor({ className, placeholder = "How can I help?", minHeight = MIN_COMPOSER_HEIGHT_PX, maxHeight = MAX_COMPOSER_HEIGHT_PX, draft, onDraftChange, onKeyDown, onPaste, disabled, ref, ...props }) {
+	const innerRef = React.useRef(null);
+	const lastWritten = React.useRef(null);
+	const isComposingRef = React.useRef(false);
+	const resize = React.useCallback(() => {
+		const el = innerRef.current;
+		if (!el) return;
+		el.style.height = "auto";
+		const next = clamp(el.scrollHeight, minHeight, maxHeight);
+		el.style.height = `${next}px`;
+		el.style.overflowY = el.scrollHeight > maxHeight ? "auto" : "hidden";
+	}, [maxHeight, minHeight]);
+	React.useLayoutEffect(() => {
+		const el = innerRef.current;
+		if (!el) return;
+		Object.defineProperty(el, "value", {
+			configurable: true,
+			enumerable: true,
+			get: () => lastWritten.current ?? "",
+			set: () => void 0
+		});
+	}, []);
+	React.useLayoutEffect(() => {
+		const el = innerRef.current;
+		if (!el) return;
+		if (lastWritten.current === draft && (el.childNodes.length > 0 || draft === "")) {
+			if (draft === "" && el.childNodes.length > 0) writeComposerDom(el, draft);
+			resize();
+			return;
+		}
+		writeComposerDom(el, draft);
+		lastWritten.current = draft;
+		if (document.activeElement === el) placeCaretAtEnd(el);
+		resize();
+	}, [resize, draft]);
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref: mergeRefs(innerRef, ref),
+		role: "textbox",
+		contentEditable: disabled ? false : true,
+		suppressContentEditableWarning: true,
+		"aria-disabled": disabled || void 0,
+		"aria-label": props["aria-label"] ?? "Message",
+		"aria-multiline": "true",
+		"aria-placeholder": placeholder,
+		"data-prompt-input-textarea": "true",
+		"data-placeholder": placeholder,
+		"data-empty": draft.trim() ? void 0 : "",
+		className: cx("prompt-input__textarea", className),
+		style: {
+			minHeight,
+			maxHeight,
+			...props.style
+		},
+		onCompositionStart: (event) => {
+			isComposingRef.current = true;
+			props.onCompositionStart?.(event);
+		},
+		onCompositionEnd: (event) => {
+			isComposingRef.current = false;
+			props.onCompositionEnd?.(event);
+		},
+		onInput: () => {
+			const el = innerRef.current;
+			if (!el) return;
+			const next = readComposerDom(el);
+			lastWritten.current = next;
+			onDraftChange(next);
+			resize();
+		},
+		onKeyDown: (event) => {
+			onKeyDown?.(event);
+			if (event.defaultPrevented) return;
+			if (event.key === "Enter" && !event.shiftKey && !isComposingRef.current && !event.nativeEvent.isComposing) {
+				event.preventDefault();
+				event.currentTarget.closest("form")?.requestSubmit();
+			}
+		},
+		onPaste
+	});
+}
+//#endregion
+export { PromptInputComposerEditor, readComposerDom, writeComposerDom };

package/dist/components/ai-sdk/Queue.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-DbrksZyY.js";
+import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import "react";

package/dist/components/ai-sdk/Reasoning.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
 import { MessageResponse } from "./Message.js";
 import * as React from "react";

package/dist/components/ai-sdk/Sources.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-DbrksZyY.js";
+import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-BNEY4gO5.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Sources.tsx

package/dist/components/ai-sdk/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../../icons-DbrksZyY.js";
+import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../../icons-BNEY4gO5.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Task.tsx

package/dist/components/extension/ChatGptSignInScreen.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
-import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
+import { t as ProviderLogo } from "../../provider-logos-DWYY8wNz.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/ChatGptSignInScreen.tsx

package/dist/components/extension/CodexModelSelector.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { U as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-DbrksZyY.js";
+import { U as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-BNEY4gO5.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { Menu } from "../foundations/Menu.js";
 import { c as titleCase } from "../../format-COCyV98Z.js";

package/dist/components/extension/ConversationTabPicker.js

@@ -1,4 +1,4 @@
-import { et as WarningIcon } from "../../icons-DbrksZyY.js";
+import { et as WarningIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import { a as formatErrorMessage } from "../../format-COCyV98Z.js";

package/dist/components/foundations/AppIcon.js

@@ -18,7 +18,7 @@ function AppIconRoot({ className, size = "md", variant = "artwork", ref, ...prop
 function AppIconImage({ className, decoding = "async", loading = "lazy", ref, referrerPolicy = "no-referrer", ...props }) {
 	return /* @__PURE__ */ jsx(Avatar.Image, {
 		ref,
-		className: mergeBaseClassName("app-icon__image", className),
+		className: mergeBaseClassName("app-icon__image sigvelo-brand-mark sigvelo-brand-mark--colorful", className),
 		decoding,
 		loading,
 		referrerPolicy,

package/dist/components/foundations/Checkbox.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon } from "../../icons-DbrksZyY.js";
+import { d as CheckIcon } from "../../icons-BNEY4gO5.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/foundations/Checkbox.tsx

package/dist/components/foundations/ContextMenu.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon } from "../../icons-DbrksZyY.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-BNEY4gO5.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/foundations/Menubar.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon } from "../../icons-DbrksZyY.js";
+import { _ as DotIcon, d as CheckIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/SearchField.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { W as SearchIcon } from "../../icons-DbrksZyY.js";
+import { W as SearchIcon } from "../../icons-BNEY4gO5.js";
 import { Field } from "./Field.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/foundations/SearchField.tsx

package/dist/components/foundations/Select.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-DbrksZyY.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-BNEY4gO5.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";