@mcp-b/react-components 0.14.2 → 0.16.0

package/dist/components/WorkspaceFile.js

@@ -0,0 +1,195 @@
+import { findSkillMdFile, parseSkillContent, validateSkillContent } from "agent-skills-ts-sdk";
+//#region src/components/WorkspaceFile.ts
+const LANGUAGE_BY_EXTENSION = {
+	ts: "ts",
+	mts: "ts",
+	cts: "ts",
+	tsx: "tsx",
+	js: "js",
+	mjs: "js",
+	cjs: "js",
+	jsx: "jsx",
+	json: "json",
+	jsonc: "jsonc",
+	css: "css",
+	html: "html",
+	md: "md",
+	mdx: "mdx",
+	sh: "bash",
+	bash: "bash",
+	zsh: "bash",
+	yml: "yaml",
+	yaml: "yaml",
+	toml: "toml",
+	py: "python",
+	rs: "rust",
+	go: "go",
+	sql: "sql",
+	xml: "xml",
+	svg: "xml",
+	vue: "vue",
+	svelte: "svelte"
+};
+const MEDIA_BY_EXTENSION = {
+	png: {
+		kind: "image",
+		mimeType: "image/png"
+	},
+	jpg: {
+		kind: "image",
+		mimeType: "image/jpeg"
+	},
+	jpeg: {
+		kind: "image",
+		mimeType: "image/jpeg"
+	},
+	webp: {
+		kind: "image",
+		mimeType: "image/webp"
+	},
+	gif: {
+		kind: "image",
+		mimeType: "image/gif"
+	},
+	svg: {
+		kind: "image",
+		mimeType: "image/svg+xml"
+	},
+	pdf: {
+		kind: "pdf",
+		mimeType: "application/pdf"
+	},
+	mp3: {
+		kind: "audio",
+		mimeType: "audio/mpeg"
+	},
+	wav: {
+		kind: "audio",
+		mimeType: "audio/wav"
+	},
+	ogg: {
+		kind: "audio",
+		mimeType: "audio/ogg"
+	},
+	oga: {
+		kind: "audio",
+		mimeType: "audio/ogg"
+	},
+	m4a: {
+		kind: "audio",
+		mimeType: "audio/mp4"
+	},
+	aac: {
+		kind: "audio",
+		mimeType: "audio/aac"
+	},
+	flac: {
+		kind: "audio",
+		mimeType: "audio/flac"
+	},
+	mp4: {
+		kind: "video",
+		mimeType: "video/mp4"
+	},
+	webm: {
+		kind: "video",
+		mimeType: "video/webm"
+	},
+	ogv: {
+		kind: "video",
+		mimeType: "video/ogg"
+	},
+	mov: {
+		kind: "video",
+		mimeType: "video/quicktime"
+	},
+	m4v: {
+		kind: "video",
+		mimeType: "video/x-m4v"
+	}
+};
+const SUPPORTED_IMAGE_MIME_TYPES = /* @__PURE__ */ new Set([
+	"image/png",
+	"image/jpeg",
+	"image/webp",
+	"image/gif",
+	"image/svg+xml"
+]);
+const GENERIC_MEDIA_MIME_TYPES = /* @__PURE__ */ new Set([
+	"application/octet-stream",
+	"application/binary",
+	"binary/octet-stream"
+]);
+function normalizeWorkspaceMimeType(mimeType) {
+	return mimeType?.split(";", 1)[0]?.trim().toLowerCase() || null;
+}
+function inferWorkspaceMediaFromMime(mimeType) {
+	const normalizedMimeType = normalizeWorkspaceMimeType(mimeType);
+	if (!normalizedMimeType) return null;
+	if (SUPPORTED_IMAGE_MIME_TYPES.has(normalizedMimeType)) return {
+		kind: "image",
+		mimeType: normalizedMimeType
+	};
+	if (normalizedMimeType === "application/pdf") return {
+		kind: "pdf",
+		mimeType: normalizedMimeType
+	};
+	if (normalizedMimeType.startsWith("audio/")) return {
+		kind: "audio",
+		mimeType: normalizedMimeType
+	};
+	if (normalizedMimeType.startsWith("video/")) return {
+		kind: "video",
+		mimeType: normalizedMimeType
+	};
+	return null;
+}
+function getWorkspaceBasename(path) {
+	return path.split("/").filter(Boolean).at(-1) ?? path;
+}
+function isWorkspaceMarkdownPath(path) {
+	return getWorkspaceBasename(path).toLowerCase().endsWith(".md");
+}
+function isWorkspaceSkillPath(path) {
+	return findSkillMdFile([{ name: getWorkspaceBasename(path) }]) !== null;
+}
+/**
+* Identify supported browser-native media before reading a file as text.
+* A precise supported MIME wins; extensions provide the fallback for stores
+* that report generic values such as `application/octet-stream`.
+*/
+function inferWorkspaceMedia(path, mimeType) {
+	const byMimeType = inferWorkspaceMediaFromMime(mimeType);
+	if (byMimeType) return byMimeType;
+	const normalizedMimeType = normalizeWorkspaceMimeType(mimeType);
+	if (normalizedMimeType && !GENERIC_MEDIA_MIME_TYPES.has(normalizedMimeType)) return null;
+	const extension = getWorkspaceBasename(path).split(".").at(-1)?.toLowerCase() ?? "";
+	const byExtension = MEDIA_BY_EXTENSION[extension];
+	if (byExtension) return byExtension;
+	return null;
+}
+function isWorkspaceMediaPath(path, mimeType) {
+	return inferWorkspaceMedia(path, mimeType) !== null;
+}
+/** Parse and validate a workspace skill with the canonical Agent Skills SDK. */
+function parseWorkspaceSkill(content) {
+	const validationErrors = validateSkillContent(content);
+	try {
+		return {
+			parsed: parseSkillContent(content),
+			validationErrors
+		};
+	} catch {
+		return {
+			parsed: null,
+			validationErrors
+		};
+	}
+}
+/** Best-effort syntax-highlighting language from a file path; unknown extensions render as plain text. */
+function inferWorkspaceLanguage(path) {
+	const extension = getWorkspaceBasename(path).split(".").at(-1)?.toLowerCase() ?? "";
+	return LANGUAGE_BY_EXTENSION[extension] ?? "text";
+}
+//#endregion
+export { getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, parseWorkspaceSkill };

package/dist/components/WorkspaceFileView.d.ts

@@ -0,0 +1,26 @@
+import { i as WorkspaceFileState } from "../WorkspaceFile-DOZkPwzu.js";
+import * as React from "react";
+
+//#region src/components/WorkspaceFileView.d.ts
+interface WorkspaceFileViewProps {
+  file: WorkspaceFileState | null;
+  path: string;
+  isLoading: boolean;
+  isRefreshing: boolean;
+  /** Leading workspace control, such as a host-owned Back to chat button. */
+  leading?: React.ReactNode;
+  actions?: React.ReactNode;
+  onRefresh: () => void;
+}
+/** Full-boundary workspace file preview composed from CodeBlock and AppTopBar. */
+declare function WorkspaceFileView({
+  file,
+  path,
+  isLoading,
+  isRefreshing,
+  leading,
+  actions,
+  onRefresh
+}: WorkspaceFileViewProps): React.JSX.Element | null;
+//#endregion
+export { WorkspaceFileView, WorkspaceFileViewProps };

package/dist/components/WorkspaceFileView.js

@@ -0,0 +1,2 @@
+import { t as WorkspaceFileView } from "../WorkspaceFileView-rSN_yT0L.js";
+export { WorkspaceFileView };

package/dist/components/WorkspaceHeader.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+
+//#region src/components/WorkspaceHeader.d.ts
+interface WorkspaceHeaderProps {
+  title?: React.ReactNode;
+  fileCount?: number;
+  path?: string;
+  /** Leading workspace control, such as a host-owned Back to chat button. */
+  leading?: React.ReactNode;
+  actions?: React.ReactNode;
+  copyAction?: React.ReactNode;
+  isRefreshing: boolean;
+  backLabel?: string;
+  forwardLabel?: string;
+  onBack?: () => void;
+  onForward?: () => void;
+  onRefresh: () => void;
+}
+/** Shared workspace app bar for browser and file-preview surfaces. */
+declare function WorkspaceHeader({
+  title,
+  fileCount,
+  path,
+  leading,
+  actions,
+  copyAction,
+  isRefreshing,
+  backLabel,
+  forwardLabel,
+  onBack,
+  onForward,
+  onRefresh
+}: WorkspaceHeaderProps): React.JSX.Element;
+//#endregion
+export { WorkspaceHeader, WorkspaceHeaderProps };

package/dist/components/WorkspaceHeader.js

@@ -0,0 +1,51 @@
+import { L as RefreshIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-CpfUer49.js";
+import { AppTopBar } from "./AppTopBar.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/WorkspaceHeader.tsx
+/** Shared workspace app bar for browser and file-preview surfaces. */
+function WorkspaceHeader({ title, fileCount, path, leading, actions, copyAction, isRefreshing, backLabel = "Back", forwardLabel = "Forward", onBack, onForward, onRefresh }) {
+	return /* @__PURE__ */ jsxs(AppTopBar.Root, {
+		className: "workspace-explorer__header",
+		"aria-label": "Workspace controls",
+		children: [
+			/* @__PURE__ */ jsxs(AppTopBar.Leading, { children: [
+				leading,
+				onBack ? /* @__PURE__ */ jsx(AppTopBar.Button, {
+					label: backLabel,
+					onClick: onBack,
+					children: /* @__PURE__ */ jsx(ArrowLeftIcon, { "aria-hidden": "true" })
+				}) : null,
+				onForward ? /* @__PURE__ */ jsx(AppTopBar.Button, {
+					label: forwardLabel,
+					onClick: onForward,
+					children: /* @__PURE__ */ jsx(ArrowRightIcon, { "aria-hidden": "true" })
+				}) : null
+			] }),
+			/* @__PURE__ */ jsx(AppTopBar.Title, {
+				className: "workspace-explorer__heading",
+				title: path,
+				children: path ? /* @__PURE__ */ jsx("span", {
+					className: "workspace-explorer__path",
+					"data-workspace-file-heading": "",
+					children: path
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: title }), fileCount !== void 0 ? /* @__PURE__ */ jsxs("span", {
+					className: "workspace-explorer__count",
+					children: [fileCount.toLocaleString(), " files"]
+				}) : null] })
+			}),
+			/* @__PURE__ */ jsxs(AppTopBar.Trailing, { children: [
+				actions,
+				copyAction,
+				/* @__PURE__ */ jsx(AppTopBar.Button, {
+					label: "Refresh workspace",
+					onClick: onRefresh,
+					disabled: isRefreshing,
+					children: /* @__PURE__ */ jsx(RefreshIcon, { "aria-hidden": "true" })
+				})
+			] })
+		]
+	});
+}
+//#endregion
+export { WorkspaceHeader };

package/dist/components/WorkspaceLink.d.ts

@@ -0,0 +1,2 @@
+import { a as WorkspaceFileLinkProps, c as WorkspaceLinkResolution, d as WorkspaceNavigationProvider, f as WorkspaceNavigationProviderProps, i as WorkspaceFileLink, l as WorkspaceNavigationAdapter, n as WorkspaceDestination, o as WorkspaceInvalidDestination, p as resolveWorkspaceLink, r as WorkspaceExternalDestination, s as WorkspaceLinkBase, t as ResolveWorkspaceLinkOptions, u as WorkspaceNavigationEntry } from "../WorkspaceLink-DK1DWMHe.js";
+export { ResolveWorkspaceLinkOptions, WorkspaceDestination, WorkspaceExternalDestination, WorkspaceFileLink, WorkspaceFileLinkProps, WorkspaceInvalidDestination, WorkspaceLinkBase, WorkspaceLinkResolution, WorkspaceNavigationAdapter, WorkspaceNavigationEntry, WorkspaceNavigationProvider, WorkspaceNavigationProviderProps, resolveWorkspaceLink };

package/dist/components/WorkspaceLink.js

@@ -0,0 +1,2 @@
+import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink, t as WorkspaceFileLink } from "../WorkspaceLink-DIPbXrUM.js";
+export { WorkspaceFileLink, WorkspaceNavigationProvider, resolveWorkspaceLink };

package/dist/components/icons.d.ts

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

package/dist/components/icons.js

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

package/dist/{copy-button-DUMLYdsk.js → copy-button-Dejn5heL.js}

@@ -1,4 +1,4 @@
-import { a as CheckIcon, l as CopyIcon } from "./icons-Ba9THQKz.js";
+import { d as CopyIcon, o as CheckIcon } from "./icons-CpfUer49.js";
 import { Button } from "./components/Button.js";
 import { Tooltip } from "./components/Tooltip.js";
 import * as React from "react";

package/dist/icons-CpfUer49.js

@@ -0,0 +1,85 @@
+import { jsx } from "react/jsx-runtime";
+import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Box, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Image, Info, Link2, ListRestart, LoaderCircle, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Terminal, Trash2, TriangleAlert, Wrench, X } from "lucide-react";
+import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
+//#region src/components/_internal/icons.tsx
+function icon(Component) {
+	return function DesignSystemIcon({ size = 16, strokeWidth = 1.75, ...props }) {
+		return /* @__PURE__ */ jsx(Component, {
+			size,
+			strokeWidth,
+			"aria-hidden": "true",
+			focusable: "false",
+			...props
+		});
+	};
+}
+function brandIcon(Component) {
+	return function DesignSystemBrandIcon({ size = 16, ...props }) {
+		return /* @__PURE__ */ jsx(Component, {
+			size,
+			"aria-hidden": "true",
+			focusable: "false",
+			...props
+		});
+	};
+}
+const ChevronRightIcon = icon(ChevronRight);
+const ChevronDownIcon = icon(ChevronDown);
+const ChevronLeftIcon = icon(ChevronLeft);
+const CheckIcon = icon(Check);
+const CodeIcon = icon(CodeXml);
+const XIcon = icon(X);
+const PencilIcon = icon(Pencil);
+const CopyIcon = icon(Copy);
+const SteerIcon = icon(CornerDownRight);
+const EyeIcon = icon(Eye);
+const EyeOffIcon = icon(EyeOff);
+const FolderIcon = icon(Folder);
+const FolderOpenIcon = icon(FolderOpen);
+const FileIcon = icon(File);
+const PaperclipIcon = icon(Paperclip);
+const MicrophoneIcon = icon(Mic);
+const StopIcon = icon(CircleStop);
+const PlusIcon = icon(Plus);
+const MinusIcon = icon(Minus);
+const PlayIcon = icon(Play);
+const PauseIcon = icon(Pause);
+const SquareIcon = icon(Square);
+const ArrowLeftIcon = icon(ArrowLeft);
+const ArrowRightIcon = icon(ArrowRight);
+const ArrowDownIcon = icon(ArrowDown);
+const ArrowUpIcon = icon(ArrowUp);
+const DownloadIcon = icon(Download);
+const RefreshIcon = icon(RefreshCw);
+const DotIcon = icon(Dot);
+const EllipsisIcon = icon(Ellipsis);
+function SpinnerIcon({ className, size = 16, strokeWidth = 1.75, ...props }) {
+	return /* @__PURE__ */ jsx(LoaderCircle, {
+		size,
+		strokeWidth,
+		"aria-hidden": "true",
+		focusable: "false",
+		className: ["sigvelo-icon--spinner", className].filter(Boolean).join(" "),
+		...props
+	});
+}
+const SearchIcon = icon(Search);
+const SidebarIcon = icon(PanelLeft);
+const TerminalIcon = icon(Terminal);
+const LinkIcon = icon(Link2);
+const QueueIcon = icon(ListRestart);
+const TrashIcon = icon(Trash2);
+const WarningIcon = icon(TriangleAlert);
+const BoxIcon = icon(Box);
+const WrenchIcon = icon(Wrench);
+const InfoIcon = icon(Info);
+const ImageIcon = icon(Image);
+const MonitorIcon = icon(Monitor);
+const MessageSquareIcon = icon(MessageSquare);
+const McpIcon = brandIcon(SiModelcontextprotocol);
+const DiscordIcon = brandIcon(SiDiscord);
+const MoonIcon = icon(Moon);
+const SunIcon = icon(Sun);
+const MaximizeIcon = icon(Maximize2);
+//#endregion
+export { MoonIcon as A, SpinnerIcon as B, LinkIcon as C, MicrophoneIcon as D, MessageSquareIcon as E, PlusIcon as F, TerminalIcon as G, SteerIcon as H, QueueIcon as I, WrenchIcon as J, TrashIcon as K, RefreshIcon as L, PauseIcon as M, PencilIcon as N, MinusIcon as O, PlayIcon as P, SearchIcon as R, InfoIcon as S, McpIcon as T, StopIcon as U, SquareIcon as V, SunIcon as W, XIcon as Y, EyeOffIcon as _, BoxIcon as a, FolderOpenIcon as b, ChevronLeftIcon as c, CopyIcon as d, DiscordIcon as f, EyeIcon as g, EllipsisIcon as h, ArrowUpIcon as i, PaperclipIcon as j, MonitorIcon as k, ChevronRightIcon as l, DownloadIcon as m, ArrowLeftIcon as n, CheckIcon as o, DotIcon as p, WarningIcon as q, ArrowRightIcon as r, ChevronDownIcon as s, ArrowDownIcon as t, CodeIcon as u, FileIcon as v, MaximizeIcon as w, ImageIcon as x, FolderIcon as y, SidebarIcon as z };

package/dist/{icons-CUCz_Sft.d.ts → icons-GQd1xF4e.d.ts}

@@ -1,4 +1,5 @@
 import { LucideProps } from "lucide-react";
+import { IconBaseProps } from "react-icons";
 
 //#region src/components/_internal/icons.d.ts
 /**
@@ -10,6 +11,7 @@ import { LucideProps } from "lucide-react";
  * icon vendor.
  */
 type IconProps = Omit<LucideProps, "ref">;
+type BrandIconProps = Omit<IconBaseProps, "ref">;
 declare const ChevronRightIcon: ({
   size,
   strokeWidth,
@@ -30,6 +32,11 @@ declare const CheckIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const CodeIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const XIcon: ({
   size,
   strokeWidth,
@@ -45,6 +52,11 @@ declare const CopyIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const SteerIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const EyeIcon: ({
   size,
   strokeWidth,
@@ -176,11 +188,26 @@ declare const LinkIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const QueueIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
+declare const TrashIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const WarningIcon: ({
   size,
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const BoxIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const WrenchIcon: ({
   size,
   strokeWidth,
@@ -201,10 +228,33 @@ declare const MonitorIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const MessageSquareIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
+declare const McpIcon: ({
+  size,
+  ...props
+}: BrandIconProps) => import("react").JSX.Element;
+declare const DiscordIcon: ({
+  size,
+  ...props
+}: BrandIconProps) => import("react").JSX.Element;
+declare const MoonIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
+declare const SunIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const MaximizeIcon: ({
   size,
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
 //#endregion
-export { PlusIcon as A, XIcon as B, MicrophoneIcon as C, PauseIcon as D, PaperclipIcon as E, SquareIcon as F, StopIcon as I, TerminalIcon as L, SearchIcon as M, SidebarIcon as N, PencilIcon as O, SpinnerIcon as P, WarningIcon as R, MaximizeIcon as S, MonitorIcon as T, FolderOpenIcon as _, CheckIcon as a, InfoIcon as b, ChevronRightIcon as c, DownloadIcon as d, EllipsisIcon as f, FolderIcon as g, FileIcon as h, ArrowUpIcon as i, RefreshIcon as j, PlayIcon as k, CopyIcon as l, EyeOffIcon as m, ArrowLeftIcon as n, ChevronDownIcon as o, EyeIcon as p, ArrowRightIcon as r, ChevronLeftIcon as s, ArrowDownIcon as t, DotIcon as u, IconProps as v, MinusIcon as w, LinkIcon as x, ImageIcon as y, WrenchIcon as z };
+export { MinusIcon as A, SearchIcon as B, ImageIcon as C, McpIcon as D, MaximizeIcon as E, PencilIcon as F, StopIcon as G, SpinnerIcon as H, PlayIcon as I, TrashIcon as J, SunIcon as K, PlusIcon as L, MoonIcon as M, PaperclipIcon as N, MessageSquareIcon as O, PauseIcon as P, QueueIcon as R, IconProps as S, LinkIcon as T, SquareIcon as U, SidebarIcon as V, SteerIcon as W, WrenchIcon as X, WarningIcon as Y, XIcon as Z, EyeIcon as _, BoxIcon as a, FolderIcon as b, ChevronDownIcon as c, CodeIcon as d, CopyIcon as f, EllipsisIcon as g, DownloadIcon as h, ArrowUpIcon as i, MonitorIcon as j, MicrophoneIcon as k, ChevronLeftIcon as l, DotIcon as m, ArrowLeftIcon as n, BrandIconProps as o, DiscordIcon as p, TerminalIcon as q, ArrowRightIcon as r, CheckIcon as s, ArrowDownIcon as t, ChevronRightIcon as u, EyeOffIcon as v, InfoIcon as w, FolderOpenIcon as x, FileIcon as y, RefreshIcon as z };

package/dist/styles/activity-header.css

@@ -0,0 +1,75 @@
+.activity__header {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  align-items: center;
+  gap: var(--sigvelo-spacing-1-5);
+  color: color-mix(in oklab, var(--sigvelo-color-text-muted), transparent 20%);
+  font-family: inherit;
+  font-size: var(--sigvelo-text-compact);
+  font-weight: var(--sigvelo-font-weight-semibold);
+  text-align: start;
+}
+
+/* Basis 0 keeps a long label from inflating its owner; the trailing
+   affordance stays adjacent until the available width is exhausted. */
+.activity__header-label {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: max-content;
+  color: var(--sigvelo-color-text);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.activity__item-icon {
+  display: inline-flex;
+  align-self: center;
+  color: var(--sigvelo-color-text-muted);
+}
+
+.activity[data-streaming] .activity__header-label,
+.activity__header[data-streaming] .activity__header-label {
+  --activity-shimmer-base: color-mix(in oklab, var(--sigvelo-color-text-muted), transparent 20%);
+  background: linear-gradient(
+    90deg,
+    var(--activity-shimmer-base) 0%,
+    var(--activity-shimmer-base) 40%,
+    var(--sigvelo-color-text) 50%,
+    var(--activity-shimmer-base) 60%,
+    var(--activity-shimmer-base) 100%
+  );
+  background-size: 200% 100%;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+  animation: activity-shimmer 2.4s linear infinite;
+}
+
+@keyframes activity-shimmer {
+  from {
+    background-position: 100% 0;
+  }
+  to {
+    background-position: -100% 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .activity[data-streaming] .activity__header-label,
+  .activity__header[data-streaming] .activity__header-label {
+    animation: none;
+    background: none;
+    color: inherit;
+  }
+}
+
+@media (forced-colors: active) {
+  .activity[data-streaming] .activity__header-label,
+  .activity__header[data-streaming] .activity__header-label {
+    animation: none;
+    background: none;
+    color: inherit;
+  }
+}