@mcp-b/react-components 0.45.0 → 0.46.1

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";

package/dist/components/foundations/Stepper.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { d as CheckIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Tabs } from "./Tabs.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/Toast.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { nt as XIcon } from "../../icons-DbrksZyY.js";
+import { nt as XIcon } from "../../icons-BNEY4gO5.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/foundations/ToggleGroup.d.ts

@@ -1,7 +1,7 @@
 import { r as ToggleVariantsOptions } from "../../Toggle-DLrIf5YH.js";
 import * as React from "react";
-import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+import { Toggle } from "@base-ui/react/toggle";
 
 //#region src/components/foundations/ToggleGroup.d.ts
 type ToggleGroupSize = ToggleVariantsOptions["size"];

package/dist/components/foundations/ToggleGroup.js

@@ -3,8 +3,8 @@ import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { toggleVariants } from "./Toggle.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Toggle } from "@base-ui/react/toggle";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+import { Toggle } from "@base-ui/react/toggle";
 //#region src/components/foundations/ToggleGroup.tsx
 /**
 * Tracks the pressed item's box so the segmented thumb can slide to it instead

package/dist/components/foundations/icons.d.ts

@@ -1,2 +1,2 @@
-import { $ as TargetIcon, A as MailIcon, B as PauseIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MinusIcon, G as RefreshIcon, H as PlayIcon, I as MonitorIcon, J as SlackIcon, K as SearchIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as KeyboardIcon, P as MicrophoneIcon, Q as SunIcon, R as MoveToFrontIcon, S as EyeOffIcon, T as FolderOpenIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, X as SquareIcon, Y as SpinnerIcon, Z as StopIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TerminalIcon, f as CheckIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, it as XIcon, j as MaximizeIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WarningIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SidebarIcon, r as ArrowLeftIcon, rt as WrenchIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TrashIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PaperclipIcon } from "../../icons-6ZnyZJiR.js";
+import { $ as TargetIcon, A as MailIcon, B as PauseIcon, C as FileIcon, D as InfoIcon, E as IconProps, F as MinusIcon, G as RefreshIcon, H as PlayIcon, I as MonitorIcon, J as SlackIcon, K as SearchIcon, L as MoonIcon, M as McpIcon, N as MessageSquareIcon, O as KeyboardIcon, P as MicrophoneIcon, Q as SunIcon, R as MoveToFrontIcon, S as EyeOffIcon, T as FolderOpenIcon, U as PlusIcon, V as PencilIcon, W as QueueIcon, X as SquareIcon, Y as SpinnerIcon, Z as StopIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CalendarIcon, et as TerminalIcon, f as CheckIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, it as XIcon, j as MaximizeIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WarningIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SidebarIcon, r as ArrowLeftIcon, rt as WrenchIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TrashIcon, u as BrandIconProps, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PaperclipIcon } from "../../icons-D0Pd2P9v.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, IconProps, InfoIcon, KeyboardIcon, LinkIcon, MailIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/foundations/icons.js

@@ -1,2 +1,2 @@
-import { $ as TrashIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as MailIcon, P as MonitorIcon, Q as TerminalIcon, R as PauseIcon, S as FileIcon, T as InfoIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as SunIcon, Y as StopIcon, Z as TargetIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BoxIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as BrainIcon, m as CodeIcon, n as ArrowDownIcon, nt as XIcon, o as ArrowUpRightIcon, p as ChevronRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WrenchIcon, u as CalendarIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-DbrksZyY.js";
+import { $ as TrashIcon, A as McpIcon, B as PlayIcon, C as FolderIcon, D as LinkIcon, E as KeyboardIcon, F as MoonIcon, G as SidebarIcon, H as QueueIcon, I as MoveToFrontIcon, J as SquareIcon, K as SlackIcon, L as PaperclipIcon, M as MicrophoneIcon, N as MinusIcon, O as MailIcon, P as MonitorIcon, Q as TerminalIcon, R as PauseIcon, S as FileIcon, T as InfoIcon, U as RefreshIcon, V as PlusIcon, W as SearchIcon, X as SunIcon, Y as StopIcon, Z as TargetIcon, _ as DotIcon, a as ArrowUpIcon, b as EyeIcon, c as BoxIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, g as DiscordIcon, h as CopyIcon, i as ArrowRightIcon, j as MessageSquareIcon, k as MaximizeIcon, l as BrainIcon, m as CodeIcon, n as ArrowDownIcon, nt as XIcon, o as ArrowUpRightIcon, p as ChevronRightIcon, q as SpinnerIcon, r as ArrowLeftIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WrenchIcon, u as CalendarIcon, v as DownloadIcon, w as FolderOpenIcon, x as EyeOffIcon, y as EllipsisIcon, z as PencilIcon } from "../../icons-BNEY4gO5.js";
 export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, InfoIcon, KeyboardIcon, LinkIcon, MailIcon, MaximizeIcon, McpIcon, MessageSquareIcon, MicrophoneIcon, MinusIcon, MonitorIcon, MoonIcon, MoveToFrontIcon, PaperclipIcon, PauseIcon, PencilIcon, PlayIcon, PlusIcon, QueueIcon, RefreshIcon, SearchIcon, SidebarIcon, SlackIcon, SpinnerIcon, SquareIcon, StopIcon, SunIcon, TargetIcon, TerminalIcon, TrashIcon, WarningIcon, WrenchIcon, XIcon };

package/dist/components/general-purpose/Commit.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, p as ChevronRightIcon } from "../../icons-DbrksZyY.js";
-import { t as CopyButton } from "../../copy-button-BpA7wQva.js";
+import { S as FileIcon, p as ChevronRightIcon } from "../../icons-BNEY4gO5.js";
 import { Avatar } from "../foundations/Avatar.js";
+import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/Commit.tsx

package/dist/components/general-purpose/EnvironmentVariables.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { b as EyeIcon, x as EyeOffIcon } from "../../icons-DbrksZyY.js";
-import { t as CopyButton } from "../../copy-button-BpA7wQva.js";
+import { b as EyeIcon, x as EyeOffIcon } from "../../icons-BNEY4gO5.js";
+import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import { Switch } from "../foundations/Switch.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/FileTree.js

@@ -1,2 +1,2 @@
-import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-QTP57Qz4.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../../FileTree-CAXWXH63.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/general-purpose/PricingConfirmationDialog.js

@@ -1,6 +1,6 @@
 import { Button } from "../foundations/Button.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
 import { getPlanPrice, getPlanYearlySavings } from "./Pricing.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingConfirmationDialog.tsx
 function getActionLabel(action) {

package/dist/components/general-purpose/PricingPlanCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-DbrksZyY.js";
+import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Card } from "../foundations/Card.js";

package/dist/components/general-purpose/PricingUsageCalculator.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Card } from "../foundations/Card.js";
 import { Separator } from "../foundations/Separator.js";
+import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
 import { Progress } from "../foundations/Progress.js";
 import { Slider } from "../foundations/Slider.js";
-import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingUsageCalculator.tsx

package/dist/components/general-purpose/ResponsiveSidebarShell.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { G as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
+import { G as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";

package/dist/components/general-purpose/SetupChecklist.js

@@ -1,2 +1,2 @@
-import { n as SetupChecklistGroup, t as SetupChecklistAction } from "../../SetupChecklist-CZeToAbu.js";
+import { n as SetupChecklistGroup, t as SetupChecklistAction } from "../../SetupChecklist-DyPZWzK2.js";
 export { SetupChecklistAction, SetupChecklistGroup };

package/dist/components/general-purpose/Terminal.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Q as TerminalIcon, nt as XIcon } from "../../icons-DbrksZyY.js";
+import { Q as TerminalIcon, nt as XIcon } from "../../icons-BNEY4gO5.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { t as CopyButton } from "../../copy-button-BpA7wQva.js";
+import { t as CopyButton } from "../../copy-button-D7ySsRRo.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/TestResults.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { d as CheckIcon, nt as XIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-DbrksZyY.js";
+import { d as CheckIcon, nt as XIcon, p as ChevronRightIcon, q as SpinnerIcon } from "../../icons-BNEY4gO5.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/ThemeModeControl.js

@@ -1,4 +1,4 @@
-import { F as MoonIcon, P as MonitorIcon, X as SunIcon } from "../../icons-DbrksZyY.js";
+import { F as MoonIcon, P as MonitorIcon, X as SunIcon } from "../../icons-BNEY4gO5.js";
 import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/general-purpose/WebPreview.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { U as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
+import { U as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Input } from "../foundations/Input.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";

package/dist/components/nanites/AgentConnection.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { D as LinkIcon } from "../../icons-DbrksZyY.js";
+import { D as LinkIcon } from "../../icons-BNEY4gO5.js";
 import { Button } from "../foundations/Button.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-8K1p1BDU.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-BpooTofO.js";
 import { Popover } from "../foundations/Popover.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import * as React from "react";

package/dist/components/nanites/AgentToolDetail.js

@@ -1,11 +1,11 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../../icons-DbrksZyY.js";
-import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { r as ArrowLeftIcon } from "../../icons-BNEY4gO5.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
 import { SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "../agents-sdk/SubagentRunDetails.js";
-import { t as ThinkChat } from "../../ThinkChat-CWMcl79Q.js";
+import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { t as ThinkChat } from "../../ThinkChat-CV0xWmL4.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAgentChat } from "@cloudflare/think/react";

package/dist/{copy-button-BpA7wQva.js → copy-button-D7ySsRRo.js}

@@ -1,4 +1,4 @@
-import { d as CheckIcon, h as CopyIcon } from "./icons-DbrksZyY.js";
+import { d as CheckIcon, h as CopyIcon } from "./icons-BNEY4gO5.js";
 import { IconButton } from "./components/foundations/IconButton.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{icons-DbrksZyY.js → icons-BNEY4gO5.js}

@@ -1,7 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Info, Keyboard, Link2, ListRestart, LoaderCircle, Mail, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Target, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
-import { FaSlack } from "react-icons/fa6";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
@@ -84,8 +83,49 @@ const MonitorIcon = icon(Monitor);
 const MessageSquareIcon = icon(MessageSquare);
 const MailIcon = icon(Mail);
 const McpIcon = brandIcon(SiModelcontextprotocol);
-const DiscordIcon = brandIcon(SiDiscord);
-const SlackIcon = brandIcon(FaSlack);
+/** Discord Blurple. Callers override with `color` or a `className` that sets color. */
+function DiscordIcon({ size = 16, color = "#5865F2", className, ...props }) {
+	return /* @__PURE__ */ jsx(SiDiscord, {
+		size,
+		color,
+		"aria-hidden": "true",
+		focusable: "false",
+		className: cx("sigvelo-brand-mark", "sigvelo-brand-mark--discord", className),
+		...props
+	});
+}
+/** Four-color Slack hash. Official fills live on the paths, not currentColor. */
+function SlackIcon({ size = 16, className, ...props }) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: size,
+		height: size,
+		viewBox: "0 0 200 200",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		focusable: "false",
+		className: cx("sigvelo-brand-mark", "sigvelo-brand-mark--colorful", className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M53.0056 121.477C53.0056 130.921 45.3784 138.555 35.9413 138.555C26.5042 138.555 18.877 130.921 18.877 121.477C18.877 112.032 26.5042 104.398 35.9413 104.398H53.0056V121.477ZM61.5378 121.477C61.5378 112.032 69.165 104.398 78.6021 104.398C88.0392 104.398 95.6664 112.032 95.6664 121.477V164.172C95.6664 173.617 88.0392 181.25 78.6021 181.25C69.165 181.25 61.5378 173.617 61.5378 164.172V121.477Z",
+				fill: "#E01E5A"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M78.6044 52.9062C69.1673 52.9062 61.5401 45.2728 61.5401 35.8281C61.5401 26.3834 69.1673 18.75 78.6044 18.75C88.0415 18.75 95.6688 26.3834 95.6688 35.8281V52.9062H78.6044ZM78.6044 61.5747C88.0415 61.5747 95.6688 69.2081 95.6688 78.6528C95.6688 88.0975 88.0415 95.7309 78.6044 95.7309H35.8143C26.3772 95.7309 18.75 88.0975 18.75 78.6528C18.75 69.2081 26.3772 61.5747 35.8143 61.5747H78.6044Z",
+				fill: "#36C5F0"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M146.991 78.6528C146.991 69.2081 154.618 61.5747 164.055 61.5747C173.492 61.5747 181.12 69.2081 181.12 78.6528C181.12 88.0975 173.492 95.7309 164.055 95.7309H146.991V78.6528ZM138.459 78.6528C138.459 88.0975 130.831 95.7309 121.394 95.7309C111.957 95.7309 104.33 88.0975 104.33 78.6528V35.8281C104.33 26.3834 111.957 18.75 121.394 18.75C130.831 18.75 138.459 26.3834 138.459 35.8281V78.6528Z",
+				fill: "#2EB67D"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M121.394 147.094C130.831 147.094 138.459 154.727 138.459 164.172C138.459 173.617 130.831 181.25 121.394 181.25C111.957 181.25 104.33 173.617 104.33 164.172V147.094H121.394ZM121.394 138.555C111.957 138.555 104.33 130.921 104.33 121.477C104.33 112.032 111.957 104.398 121.394 104.398H164.184C173.622 104.398 181.249 112.032 181.249 121.477C181.249 130.921 173.622 138.555 164.184 138.555H121.394Z",
+				fill: "#ECB22E"
+			})
+		]
+	});
+}
 const MoonIcon = icon(Moon);
 const SunIcon = icon(Sun);
 const TargetIcon = icon(Target);

package/dist/{icons-6ZnyZJiR.d.ts → icons-D0Pd2P9v.d.ts}

@@ -262,14 +262,19 @@ declare const McpIcon: ({
   size,
   ...props
 }: BrandIconProps) => import("react").JSX.Element;
-declare const DiscordIcon: ({
+/** Discord Blurple. Callers override with `color` or a `className` that sets color. */
+declare function DiscordIcon({
   size,
+  color,
+  className,
   ...props
-}: BrandIconProps) => import("react").JSX.Element;
-declare const SlackIcon: ({
+}: BrandIconProps): import("react").JSX.Element;
+/** Four-color Slack hash. Official fills live on the paths, not currentColor. */
+declare function SlackIcon({
   size,
+  className,
   ...props
-}: BrandIconProps) => import("react").JSX.Element;
+}: BrandIconProps): import("react").JSX.Element;
 declare const MoonIcon: ({
   size,
   strokeWidth,