@mcp-b/react-components 0.23.0 → 0.25.0

package/dist/components/ExpansionState.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ExpansionState.tsx
+/** Plain Map-backed store. Create one per conversation/thread. */
+function createExpansionStore() {
+	const state = /* @__PURE__ */ new Map();
+	return {
+		get: (key) => state.get(key),
+		set: (key, open) => void state.set(key, open)
+	};
+}
+const ExpansionStateContext = React.createContext(null);
+/**
+* Provides the expansion store that `Activity`, `ActivityItemGroup`, and
+* `ToolInvocation` write through when given a `stateKey`. (`Reasoning` is the
+* deliberate exception — it keeps its own auto-open/auto-close streaming
+* state and resets on remount.) `AgentChat` renders one around its transcript
+* automatically; wrap it yourself (with an app-held `store`) to persist
+* across remounts. A provider without an explicit `store` defers to an
+* enclosing one, so AgentChat's built-in provider never shadows a host's.
+*/
+function ExpansionStateProvider({ store, children }) {
+	const inherited = React.useContext(ExpansionStateContext);
+	const [fallback] = React.useState(createExpansionStore);
+	return /* @__PURE__ */ jsx(ExpansionStateContext.Provider, {
+		value: store ?? inherited ?? fallback,
+		children
+	});
+}
+/**
+* Open state initialized from the surrounding store (falling back to
+* `defaultOpen`) and written through on every change. Only the mounted row
+* reads a given key, so there is no subscription — remounting re-reads the
+* store. Without a provider or a `stateKey` this is plain local state.
+*/
+function useExpansionState(stateKey, defaultOpen) {
+	const store = React.useContext(ExpansionStateContext);
+	const persisted = stateKey !== void 0 ? store : null;
+	const [open, setLocalOpen] = React.useState(() => (stateKey !== void 0 ? store?.get(stateKey) : void 0) ?? defaultOpen);
+	return [open, React.useCallback((next) => {
+		if (persisted) persisted.set(stateKey, next);
+		setLocalOpen(next);
+	}, [persisted, stateKey])];
+}
+//#endregion
+export { ExpansionStateProvider, createExpansionStore, useExpansionState };

package/dist/components/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-DW60q1w7.js";
+import { a as FileTreeIcon, i as FileTreeFolder, n as FileTreeActions, o as FileTreeName, r as FileTreeFile, t as FileTree } from "../FileTree-CYr5og0q.js";
 export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/FormattedDate.d.ts

@@ -0,0 +1,21 @@
+//#region src/components/FormattedDate.d.ts
+interface FormattedDateProps {
+  /** The date to render. */
+  date: Date;
+  /**
+   * Locale for the visible label.
+   * @default 'en-us'
+   */
+  locale?: string;
+}
+/**
+ * A `<time>` element with an ISO `datetime` and a short, UTC-stable visible
+ * label (e.g. "Jan 5, 2026"). UTC framing keeps server and client render
+ * identical regardless of the viewer's zone.
+ */
+declare function FormattedDate({
+  date,
+  locale
+}: FormattedDateProps): import("react").JSX.Element;
+//#endregion
+export { FormattedDate, FormattedDateProps };

package/dist/components/FormattedDate.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+//#region src/components/FormattedDate.tsx
+/**
+* A `<time>` element with an ISO `datetime` and a short, UTC-stable visible
+* label (e.g. "Jan 5, 2026"). UTC framing keeps server and client render
+* identical regardless of the viewer's zone.
+*/
+function FormattedDate({ date, locale = "en-us" }) {
+	return /* @__PURE__ */ jsx("time", {
+		dateTime: date.toISOString(),
+		children: date.toLocaleDateString(locale, {
+			year: "numeric",
+			month: "short",
+			day: "numeric",
+			timeZone: "UTC"
+		})
+	});
+}
+//#endregion
+export { FormattedDate };

package/dist/components/Goal.d.ts

@@ -0,0 +1,87 @@
+import * as React from "react";
+
+//#region src/components/Goal.d.ts
+/**
+ * Lifecycle of a persisted conversation goal. Mirrors the host's goal state;
+ * this is not a Think or AI SDK execution status.
+ */
+type GoalStatus = "pursuing" | "paused" | "achieved" | "unmet" | "budget_limited";
+interface GoalProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** Drives the default title and the `data-status` styling hook. */
+  status?: GoalStatus;
+  /** Goal icon, content, and optional application-owned actions. */
+  children?: React.ReactNode;
+}
+/**
+ * Presentation-only banner for a persisted conversation goal — an objective
+ * the agent keeps pursuing across turns until it completes, pauses, or runs
+ * out of budget. Renders in `AgentChat`'s `notice` region between transcript
+ * and composer.
+ *
+ * Actions are ordinary composed buttons; this primitive does not set, pause,
+ * resume, or clear a goal and owns no timer or transport. The host-side goal
+ * contract lives in docs/think-goal.md.
+ */
+declare function Goal({
+  className,
+  status,
+  ref,
+  ...props
+}: GoalProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface GoalIconProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function GoalIcon({
+  children,
+  className,
+  ref,
+  ...props
+}: GoalIconProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface GoalContentProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function GoalContent({
+  className,
+  ref,
+  ...props
+}: GoalContentProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface GoalTitleProps extends React.HTMLAttributes<HTMLSpanElement> {}
+/** Status headline; defaults to the label for the surrounding `Goal` status. */
+declare function GoalTitle({
+  children,
+  className,
+  ref,
+  ...props
+}: GoalTitleProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface GoalObjectiveProps extends React.HTMLAttributes<HTMLSpanElement> {}
+/** The user- or model-authored objective text. */
+declare function GoalObjective({
+  className,
+  ref,
+  ...props
+}: GoalObjectiveProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface GoalMetaProps extends React.HTMLAttributes<HTMLSpanElement> {}
+/** Host-formatted progress metadata — elapsed time, turn count, budget. */
+declare function GoalMeta({
+  className,
+  ref,
+  ...props
+}: GoalMetaProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface GoalActionsProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function GoalActions({
+  className,
+  ref,
+  ...props
+}: GoalActionsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+//#endregion
+export { Goal, GoalActions, GoalActionsProps, GoalContent, GoalContentProps, GoalIcon, GoalIconProps, GoalMeta, GoalMetaProps, GoalObjective, GoalObjectiveProps, GoalProps, GoalStatus, GoalTitle, GoalTitleProps };

package/dist/components/Goal.js

@@ -0,0 +1,92 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { Z as TargetIcon } from "../icons-w5PpKGRz.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Goal.tsx
+const GoalStatusContext = React.createContext("pursuing");
+const STATUS_LABELS = {
+	pursuing: "Pursuing goal",
+	paused: "Goal paused",
+	achieved: "Goal achieved",
+	unmet: "Goal blocked",
+	budget_limited: "Goal budget exhausted"
+};
+/**
+* Presentation-only banner for a persisted conversation goal — an objective
+* the agent keeps pursuing across turns until it completes, pauses, or runs
+* out of budget. Renders in `AgentChat`'s `notice` region between transcript
+* and composer.
+*
+* Actions are ordinary composed buttons; this primitive does not set, pause,
+* resume, or clear a goal and owns no timer or transport. The host-side goal
+* contract lives in docs/think-goal.md.
+*/
+function Goal({ className, status = "pursuing", ref, ...props }) {
+	return /* @__PURE__ */ jsx(GoalStatusContext.Provider, {
+		value: status,
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			"data-slot": "goal",
+			"data-status": status,
+			className: cx("goal", className),
+			...props
+		})
+	});
+}
+function GoalIcon({ children, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "goal-icon",
+		"aria-hidden": "true",
+		className: cx("goal__icon", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(TargetIcon, {})
+	});
+}
+function GoalContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "goal-content",
+		className: cx("goal__content", className),
+		...props
+	});
+}
+/** Status headline; defaults to the label for the surrounding `Goal` status. */
+function GoalTitle({ children, className, ref, ...props }) {
+	const status = React.useContext(GoalStatusContext);
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "goal-title",
+		className: cx("goal__title", className),
+		...props,
+		children: children ?? STATUS_LABELS[status]
+	});
+}
+/** The user- or model-authored objective text. */
+function GoalObjective({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "goal-objective",
+		className: cx("goal__objective", className),
+		...props
+	});
+}
+/** Host-formatted progress metadata — elapsed time, turn count, budget. */
+function GoalMeta({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"data-slot": "goal-meta",
+		className: cx("goal__meta", className),
+		...props
+	});
+}
+function GoalActions({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		"data-slot": "goal-actions",
+		className: cx("goal__actions", className),
+		...props
+	});
+}
+//#endregion
+export { Goal, GoalActions, GoalContent, GoalIcon, GoalMeta, GoalObjective, GoalTitle };

package/dist/components/LinkButton.d.ts

@@ -0,0 +1,46 @@
+import { a as ButtonVariant, i as ButtonSize, n as ButtonColor } from "../Button-SBIz6Lqi.js";
+import { AnchorHTMLAttributes } from "react";
+
+//#region src/components/LinkButton.d.ts
+interface LinkButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+  /** Destination of the link. */
+  href: string;
+  /**
+   * The visual rendering style of the button chrome.
+   * @default 'normal'
+   */
+  variant?: ButtonVariant;
+  /**
+   * The semantic color intent of the button chrome.
+   * @default 'primary'
+   */
+  color?: ButtonColor;
+  /**
+   * The size of the button chrome.
+   * @default 'sm'
+   */
+  size?: ButtonSize;
+}
+/**
+ * A link that wears Button chrome. Renders a plain anchor composed through the
+ * {@link buttonVariants} seam, so the element stays a genuine link.
+ *
+ * `Button render={<a />}` gives the same visuals in React, but a link styled as
+ * a button still needs a component wrapper for non-React hosts: Astro templates
+ * cannot construct the React element the `render` prop expects (a `.astro` `<a />`
+ * is an Astro vnode, not a React element, and `@astrojs/react` rejects it). This
+ * component is that wrapper, so Astro can render a button-styled link by passing
+ * plain props.
+ */
+declare function LinkButton({
+  variant,
+  color,
+  size,
+  className,
+  ref,
+  ...props
+}: LinkButtonProps & {
+  ref?: React.Ref<HTMLAnchorElement>;
+}): import("react").JSX.Element;
+//#endregion
+export { LinkButton, LinkButtonProps };

package/dist/components/LinkButton.js

@@ -0,0 +1,28 @@
+import { buttonVariants } from "./Button.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/LinkButton.tsx
+/**
+* A link that wears Button chrome. Renders a plain anchor composed through the
+* {@link buttonVariants} seam, so the element stays a genuine link.
+*
+* `Button render={<a />}` gives the same visuals in React, but a link styled as
+* a button still needs a component wrapper for non-React hosts: Astro templates
+* cannot construct the React element the `render` prop expects (a `.astro` `<a />`
+* is an Astro vnode, not a React element, and `@astrojs/react` rejects it). This
+* component is that wrapper, so Astro can render a button-styled link by passing
+* plain props.
+*/
+function LinkButton({ variant, color, size, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("a", {
+		ref,
+		className: buttonVariants({
+			variant,
+			color,
+			size,
+			className
+		}),
+		...props
+	});
+}
+//#endregion
+export { LinkButton };

package/dist/components/McpConnectionRequest.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { $ as WarningIcon, d as CheckIcon, j as McpIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { d as CheckIcon, et as WarningIcon, j as McpIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
 import { AgentAttention, AgentAttentionActions, AgentAttentionBody, AgentAttentionHeader } from "./AgentAttention.js";
 import { getMcpServerEntry, getMcpServerRuntimeState } from "../utils/mcp-server-catalog.js";
 import { DescriptionList } from "./DescriptionList.js";

package/dist/components/McpPluginCatalog.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { $ as WarningIcon, H as PlusIcon, b as EllipsisIcon, o as ArrowUpRightIcon, q as SpinnerIcon, tt as XIcon } from "../icons-ua6f_GH3.js";
+import { H as PlusIcon, b as EllipsisIcon, et as WarningIcon, nt as XIcon, o as ArrowUpRightIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
 import { AppIcon } from "./AppIcon.js";
 import { IconButton } from "./IconButton.js";
 import { AgentAttention, AgentAttentionBody, AgentAttentionHeader } from "./AgentAttention.js";

package/dist/components/McpServerPicker.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName } from "../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
-import { $ as WarningIcon, P as MinusIcon, d as CheckIcon, q as SpinnerIcon } from "../icons-ua6f_GH3.js";
+import { P as MinusIcon, d as CheckIcon, et as WarningIcon, q as SpinnerIcon } from "../icons-w5PpKGRz.js";
 import { AppIcon } from "./AppIcon.js";
 import { Dialog } from "./Dialog.js";
 import { Menu } from "./Menu.js";

package/dist/components/MediaPreviewCard.js

@@ -1,10 +1,21 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { V as PlayIcon } from "../icons-ua6f_GH3.js";
+import { V as PlayIcon } from "../icons-w5PpKGRz.js";
 import { n as mergeRefs } from "../merge-refs-DF_7w2x_.js";
 import { Card } from "./Card.js";
-import { t as motionIsReduced } from "../view-transitions-DyUP0lSg.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/_internal/motion-preferences.ts
+/**
+* Reports whether motion should be suppressed, honoring both the app-level
+* `data-motion="reduce"` override and the `prefers-reduced-motion` media query.
+* Returns `true` when there is no document, e.g. during SSR.
+*/
+function motionIsReduced() {
+	if (typeof document === "undefined") return true;
+	if (document.documentElement.dataset.motion === "reduce") return true;
+	return window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
+}
+//#endregion
 //#region src/components/MediaPreviewCard.tsx
 const MediaPreviewCardContext = React.createContext(null);
 function useMediaPreviewCardContext() {

package/dist/components/Menubar.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import { buttonVariants } from "./Button.js";
-import { d as CheckIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
+import { d as CheckIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { Menu } from "@base-ui/react/menu";

package/dist/components/Message.js

@@ -1,2 +1,2 @@
-import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-_-bEYLAO.js";
+import { a as MessageBranch, c as MessageBranchPage, d as MessageContent, f as MessageResponse, i as MessageAttachment, l as MessageBranchPrevious, n as MessageAction, o as MessageBranchContent, p as MessageToolbar, r as MessageActions, s as MessageBranchNext, t as Message, u as MessageBranchSelector } from "../Message-KlK8tlBZ.js";
 export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };

package/dist/components/MessageScroller.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { n as ArrowDownIcon } from "../icons-ua6f_GH3.js";
+import { n as ArrowDownIcon } from "../icons-w5PpKGRz.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { MessageScroller as MessageScroller$1, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "@shadcn/react/message-scroller";

package/dist/components/MessageScrollerVirtual.d.ts

@@ -0,0 +1,72 @@
+import { r as ButtonProps } from "../Button-SBIz6Lqi.js";
+import * as React from "react";
+
+//#region src/components/MessageScrollerVirtual.d.ts
+interface VirtualMessageScrollerProps<Item> extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+  items: readonly Item[];
+  /**
+   * Stable per-item key. Must survive prepends and stream updates — the
+   * virtualizer tracks identity by key to keep scroll anchored. Message ids,
+   * never indexes (deliberately not passed here).
+   */
+  getItemKey: (item: Item) => string | number;
+  renderItem: (item: Item, index: number) => React.ReactNode;
+  /**
+   * Pre-measurement height estimate in px. Rows are measured once rendered;
+   * changing this later never re-estimates already-measured rows — only rows
+   * measured afterward see the new value.
+   */
+  estimateSize?: number;
+  /** Rows rendered beyond the viewport on each side. */
+  overscan?: number;
+  /** Rendered inside the viewport when `items` is empty. */
+  emptyState?: React.ReactNode;
+  /** Props for the inner content element (`role="log"` container). */
+  contentProps?: React.HTMLAttributes<HTMLDivElement>;
+  /** Accessible label for the scroll-to-latest button. */
+  scrollButtonLabel?: string;
+  scrollButtonProps?: Omit<ButtonProps, "onClick" | "aria-label" | "tabIndex">;
+}
+/**
+ * Windowed chat transcript for unbounded threads (hours-long agent runs):
+ * only the visible slice of rows exists in the DOM, end-anchored so streaming
+ * growth and appends keep the viewport pinned while reading history doesn't
+ * get yanked to the bottom (TanStack Virtual `anchorTo: 'end'`).
+ *
+ * Trade-offs versus the plain `MessageScroller`: rows unmount when scrolled
+ * away, so browser find-in-page only searches the rendered window, and any
+ * disclosure state living inside a row is lost unless it is persisted — wrap
+ * the transcript in `ExpansionStateProvider` (AgentChat does) and give
+ * disclosures a `stateKey`. The "anchor user message to top" behavior of the
+ * plain scroller is not implemented; new turns pin to the bottom instead.
+ *
+ * Host-side contract (what the consuming app must do — the scroller cannot
+ * compensate for any of these):
+ * - Give every item a stable id for `getItemKey`; keys must not change when
+ *   older history is prepended or the last message grows.
+ * - Keep unchanged items referentially stable across updates so memoized row
+ *   content skips re-rendering. Rebuilding the array element-by-element —
+ *   e.g. structured-clone over a worker/extension boundary per delta —
+ *   defeats this; clone once per batch, not per row.
+ * - Throttle stream deltas before they reach React state (AI SDK
+ *   `experimental_throttle: 50` or equivalent); the scroller re-windows per
+ *   update.
+ * - Bound the data itself: windowing caps DOM size, not JS memory. Truncate
+ *   stored tool output at the buffer (Codex caps at 20k chars) and keep
+ *   compaction on so a six-hour run doesn't hold every byte it ever streamed.
+ */
+declare function VirtualMessageScroller<Item>({
+  items,
+  getItemKey,
+  renderItem,
+  estimateSize,
+  overscan,
+  emptyState,
+  contentProps,
+  scrollButtonLabel,
+  scrollButtonProps,
+  className,
+  ...props
+}: VirtualMessageScrollerProps<Item>): React.JSX.Element;
+//#endregion
+export { VirtualMessageScroller, VirtualMessageScrollerProps };

package/dist/components/MessageScrollerVirtual.js

@@ -0,0 +1,110 @@
+import { t as cx } from "../class-names-BiMDVpUo.js";
+import { Button } from "./Button.js";
+import { n as ArrowDownIcon } from "../icons-w5PpKGRz.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useVirtualizer } from "@tanstack/react-virtual";
+//#region src/components/MessageScrollerVirtual.tsx
+/**
+* Windowed chat transcript for unbounded threads (hours-long agent runs):
+* only the visible slice of rows exists in the DOM, end-anchored so streaming
+* growth and appends keep the viewport pinned while reading history doesn't
+* get yanked to the bottom (TanStack Virtual `anchorTo: 'end'`).
+*
+* Trade-offs versus the plain `MessageScroller`: rows unmount when scrolled
+* away, so browser find-in-page only searches the rendered window, and any
+* disclosure state living inside a row is lost unless it is persisted — wrap
+* the transcript in `ExpansionStateProvider` (AgentChat does) and give
+* disclosures a `stateKey`. The "anchor user message to top" behavior of the
+* plain scroller is not implemented; new turns pin to the bottom instead.
+*
+* Host-side contract (what the consuming app must do — the scroller cannot
+* compensate for any of these):
+* - Give every item a stable id for `getItemKey`; keys must not change when
+*   older history is prepended or the last message grows.
+* - Keep unchanged items referentially stable across updates so memoized row
+*   content skips re-rendering. Rebuilding the array element-by-element —
+*   e.g. structured-clone over a worker/extension boundary per delta —
+*   defeats this; clone once per batch, not per row.
+* - Throttle stream deltas before they reach React state (AI SDK
+*   `experimental_throttle: 50` or equivalent); the scroller re-windows per
+*   update.
+* - Bound the data itself: windowing caps DOM size, not JS memory. Truncate
+*   stored tool output at the buffer (Codex caps at 20k chars) and keep
+*   compaction on so a six-hour run doesn't hold every byte it ever streamed.
+*/
+function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize = 160, overscan = 6, emptyState, contentProps, scrollButtonLabel = "Scroll to latest", scrollButtonProps, className, ...props }) {
+	const viewportRef = React.useRef(null);
+	const warnedNullKey = React.useRef(false);
+	const [atEnd, setAtEnd] = React.useState(true);
+	const [scrollEdges, setScrollEdges] = React.useState();
+	const virtualizer = useVirtualizer({
+		count: items.length,
+		getScrollElement: () => viewportRef.current,
+		estimateSize: () => estimateSize,
+		getItemKey: (index) => {
+			const key = getItemKey(items[index]);
+			if (key == null && !warnedNullKey.current) {
+				warnedNullKey.current = true;
+				console.error("VirtualMessageScroller: getItemKey returned a nullish key — every item needs a stable id.");
+			}
+			return key;
+		},
+		anchorTo: "end",
+		followOnAppend: true,
+		scrollEndThreshold: 80,
+		overscan,
+		gap: 16,
+		initialOffset: () => items.length * (estimateSize + 16),
+		onChange: (instance) => {
+			setAtEnd(instance.isAtEnd());
+			const viewport = viewportRef.current;
+			const edges = [viewport && viewport.scrollTop > 1 ? "start" : null, instance.getDistanceFromEnd() > 1 ? "end" : null].filter(Boolean).join(" ");
+			setScrollEdges(edges || void 0);
+		}
+	});
+	React.useLayoutEffect(() => {
+		virtualizer.scrollToEnd();
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx("message-scroller", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("div", {
+			ref: viewportRef,
+			"data-slot": "message-scroller-viewport",
+			"data-scrollable": scrollEdges,
+			className: "message-scroller__viewport",
+			children: items.length === 0 ? emptyState : /* @__PURE__ */ jsx("div", {
+				...contentProps,
+				className: cx("message-scroller__virtual-content", contentProps?.className),
+				style: {
+					...contentProps?.style,
+					height: virtualizer.getTotalSize()
+				},
+				children: virtualizer.getVirtualItems().map((virtualItem) => /* @__PURE__ */ jsx("div", {
+					ref: virtualizer.measureElement,
+					"data-index": virtualItem.index,
+					"data-item-key": virtualItem.key,
+					className: "message-scroller__virtual-item",
+					style: { transform: `translateY(${virtualItem.start}px)` },
+					children: renderItem(items[virtualItem.index], virtualItem.index)
+				}, virtualItem.key))
+			})
+		}), /* @__PURE__ */ jsx(Button, {
+			"aria-label": scrollButtonLabel,
+			color: "neutral",
+			variant: "normal",
+			size: "sm",
+			iconOnly: true,
+			...scrollButtonProps,
+			className: cx("message-scroller__button", scrollButtonProps?.className),
+			"data-direction": "end",
+			"data-active": !atEnd,
+			tabIndex: atEnd ? -1 : void 0,
+			onClick: () => virtualizer.scrollToEnd({ behavior: "smooth" }),
+			children: /* @__PURE__ */ jsx(ArrowDownIcon, {})
+		})]
+	});
+}
+//#endregion
+export { VirtualMessageScroller };

package/dist/components/ModelSelector.js

@@ -1,2 +1,2 @@
-import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-Brvj9Cab.js";
+import { _ as getCloudflareModelProvider, a as ModelSelectorEmpty, b as normalizeCloudflareModelSelectorModels, c as ModelSelectorItem, d as ModelSelectorLogoGroup, f as ModelSelectorName, g as formatCloudflareModelProvider, h as ModelSelectorTrigger, i as ModelSelectorDialog, l as ModelSelectorList, m as ModelSelectorSource, n as ModelSelector, o as ModelSelectorGroup, p as ModelSelectorSeparator, r as ModelSelectorContent, s as ModelSelectorInput, t as CloudflareModelSelector, u as ModelSelectorLogo, v as isCloudflareRunnableModelId, x as readCloudflareModelId, y as listCloudflareModelSelectorOptions } from "../ModelSelector-YTlqkIjs.js";
 export { CloudflareModelSelector, ModelSelector, ModelSelectorContent, ModelSelectorDialog, ModelSelectorEmpty, ModelSelectorGroup, ModelSelectorInput, ModelSelectorItem, ModelSelectorList, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorName, ModelSelectorSeparator, ModelSelectorSource, ModelSelectorTrigger, formatCloudflareModelProvider, getCloudflareModelProvider, isCloudflareRunnableModelId, listCloudflareModelSelectorOptions, normalizeCloudflareModelSelectorModels, readCloudflareModelId };

package/dist/components/Plan.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
-import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
+import { d as CheckIcon, i as ArrowRightIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Plan.tsx

package/dist/components/PricingPlanCard.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../icons-ua6f_GH3.js";
+import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../icons-w5PpKGRz.js";
 import { IconButton } from "./IconButton.js";
 import { Separator } from "./Separator.js";
 import { Badge } from "./Badge.js";

package/dist/components/PromptInput.js

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName, t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
-import { $ as WarningIcon, C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SquareIcon, N as MicrophoneIcon, R as PaperclipIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WrenchIcon, f as ChevronDownIcon, q as SpinnerIcon, tt as XIcon, w as FolderIcon } from "../icons-ua6f_GH3.js";
+import { C as FileIcon, F as MonitorIcon, H as PlusIcon, J as SquareIcon, N as MicrophoneIcon, R as PaperclipIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, nt as XIcon, q as SpinnerIcon, tt as WrenchIcon, w as FolderIcon } from "../icons-w5PpKGRz.js";
 import { Tooltip } from "./Tooltip.js";
 import { IconButton } from "./IconButton.js";
 import { t as AttachmentPreview } from "../attachment-preview-DIs50Q0h.js";

package/dist/components/Queue.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../class-names-BiMDVpUo.js";
 import { Button } from "./Button.js";
 import { Collapsible } from "./Collapsible.js";
-import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../icons-ua6f_GH3.js";
+import { C as FileIcon, d as CheckIcon, m as ChevronRightIcon, v as DotIcon } from "../icons-w5PpKGRz.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";
 import "react";