@mcp-b/react-components 0.6.5 → 0.7.1

package/dist/components/BrowserLiveView.d.ts

@@ -1,47 +1,2 @@
-import * as React from "react";
-
-//#region src/components/BrowserLiveView.d.ts
-interface BrowserLiveViewProps extends React.HTMLAttributes<HTMLDivElement> {
-  /** Live View URL (Browser Run `devtoolsFrontendUrl`, e.g. live.browser.run). */
-  url: string;
-  /** Epoch ms after which the URL is dead (Browser Run mints ~5-minute links). */
-  expiresAt?: number;
-  /** The page the session was showing — used for the ended-state text. */
-  pageTitle?: string;
-  /**
-   * Shown once the link expires — pass the last screenshot the agent took
-   * (`<img>`) to keep the final frame on screen. Defaults to a quiet
-   * "Live view ended" state.
-   */
-  fallback?: React.ReactNode;
-}
-/**
- * Embeds a Browser Run Live View — a real-time, interactive view of the
- * agent's browser session. Links expire (~5 minutes), so the iframe swaps to
- * `fallback` (e.g. the last screenshot) once `expiresAt` passes. While the
- * hosted viewer connects, a quiet loading overlay hides the frame; if it
- * never loads, the view degrades to `fallback` or an unavailable state. An
- * expand button opens the same view in a fullscreen dialog.
- *
- * Where URLs come from (upstream: `agents/browser` in
- * github.com/cloudflare/agents — `BrowserLiveViewUrl`): the model calls
- * `cdp.getLiveViewUrl()` inside a `browser_execute` tool run, or the host
- * calls `connector.liveView()`/`sessionInfo()`. This package's chat rendering
- * derives the component automatically from links found in tool results.
- *
- * Styling rides `@mcp-b/react-components/styles` (browser-live-view.css),
- * which think-chat consumers load anyway.
- *
- * The iframe is unsandboxed by design: the hosted Live View UI needs scripts
- * and its own origin to stream the session. Only pass trusted Live View URLs.
- */
-declare function BrowserLiveView({
-  url,
-  expiresAt,
-  pageTitle,
-  fallback,
-  className,
-  ...props
-}: BrowserLiveViewProps): React.JSX.Element;
-//#endregion
+import { n as BrowserLiveViewProps, t as BrowserLiveView } from "../BrowserLiveView-ZktFZiMD.js";
 export { BrowserLiveView, BrowserLiveViewProps };

package/dist/components/BrowserLiveView.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, b as MaximizeIcon } from "../icons-BCNawx-T.js";
+import { j as SpinnerIcon, x as MaximizeIcon } from "../icons-BAlTbWWP.js";
 import { Button } from "./Button.js";
 import { Dialog, DialogContent, DialogTitle } from "./Dialog.js";
 import { Badge } from "./Badge.js";

package/dist/components/BrowserReplay.d.ts

@@ -1,40 +1,2 @@
-import * as React from "react";
-
-//#region src/components/BrowserReplay.d.ts
-interface BrowserReplayProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
-  /**
-   * rrweb events for one tab, e.g. one
-   * `BrowserRecording.events[targetId]` entry from Cloudflare Browser Run.
-   */
-  events: unknown[];
-  /** Start playing on mount. */
-  autoPlay?: boolean;
-}
-/**
- * Replays a completed Cloudflare Browser Run recording locally with rrweb.
- *
- * This is intentionally not derived from Think chat message parts. Live view
- * links and screenshots ride the `browser_execute` stream and belong to
- * `BrowserLiveView`; replay events are fetched after a session closes with
- * Browser Run's `getBrowserRecording()`. Upstream currently shapes those
- * recordings as `Record<targetId, unknown[]>`, where each array is plain rrweb
- * JSON for one tab. Playback happens in the viewer's browser through
- * `@rrweb/replay`; no replay service is contacted at playback time.
- *
- * Styling rides `@mcp-b/react-components/styles` (browser-replay.css), which
- * think-chat consumers load anyway.
- *
- * @see https://github.com/cloudflare/agents/tree/main/packages/agents/src/browser
- * @see https://github.com/rrweb-io/rrweb/tree/main/packages/%40rrweb/replay
- */
-declare function BrowserReplay({
-  className,
-  events,
-  autoPlay,
-  ref,
-  ...props
-}: BrowserReplayProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-//#endregion
+import { n as BrowserReplayProps, t as BrowserReplay } from "../BrowserReplay-6G-mnwcn.js";
 export { BrowserReplay, BrowserReplayProps };

package/dist/components/BrowserReplay.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { E as PlayIcon, w as PauseIcon } from "../icons-BCNawx-T.js";
+import { D as PlayIcon, T as PauseIcon } from "../icons-BAlTbWWP.js";
 import { Button } from "./Button.js";
 import { Slider, SliderControl, SliderIndicator, SliderThumb, SliderTrack } from "./Slider.js";
 import * as React from "react";

package/dist/components/ChainOfThought.d.ts

@@ -1,5 +1,5 @@
 import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from "./Collapsible.js";
-import { _ as IconProps } from "../icons-BYpJY6L2.js";
+import { v as IconProps } from "../icons-BRI54ATJ.js";
 import * as React from "react";
 
 //#region src/components/ChainOfThought.d.ts

package/dist/components/ChainOfThought.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SpinnerIcon, a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-BCNawx-T.js";
+import { a as CheckIcon, c as ChevronRightIcon, j as SpinnerIcon, u as DotIcon } from "../icons-BAlTbWWP.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ChainOfThought.tsx

package/dist/components/ChatGptSignInScreen.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+
+//#region src/components/ChatGptSignInScreen.d.ts
+interface ChatGptSignInScreenProps extends React.HTMLAttributes<HTMLElement> {
+  /** Whether the sign-in request is currently opening ChatGPT. */
+  busy?: boolean;
+  /** Shows the sign-in action in its error state. */
+  error?: boolean;
+  /** Button label for the ChatGPT sign-in action. */
+  label?: string;
+  /** Main heading shown above the sign-in button. */
+  title?: string;
+  /** Brand name displayed under the heading. */
+  brandName?: string;
+  /** Brand mark displayed next to the brand name. */
+  brandLogo?: React.ReactNode;
+  /** Called when the user clicks the sign-in action. */
+  onSignIn?: () => void;
+}
+/** Full-screen ChatGPT authentication prompt for MCP-B onboarding. */
+declare function ChatGptSignInScreen({
+  busy,
+  error,
+  label,
+  title,
+  brandName,
+  brandLogo,
+  className,
+  onPointerLeave,
+  onPointerMove,
+  onSignIn,
+  ref,
+  ...props
+}: ChatGptSignInScreenProps & {
+  ref?: React.Ref<HTMLElement>;
+}): React.JSX.Element;
+//#endregion
+export { ChatGptSignInScreen, ChatGptSignInScreenProps };

package/dist/components/ChatGptSignInScreen.js

@@ -0,0 +1,201 @@
+import { t as cx } from "../class-names-9UtZwb0J.js";
+import { j as SpinnerIcon } from "../icons-BAlTbWWP.js";
+import { Button } from "./Button.js";
+import { l as ModelSelectorLogo } from "../ModelSelector-MQvK-pNb.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ChatGptSignInScreen.tsx
+/** Full-screen ChatGPT authentication prompt for MCP-B onboarding. */
+function ChatGptSignInScreen({ busy = false, error = false, label = "Sign in with ChatGPT", title = "Welcome to MCP-B", brandName = "SigVelo", brandLogo = /* @__PURE__ */ jsx(SigVeloMark, {}), className, onPointerLeave, onPointerMove, onSignIn, ref, ...props }) {
+	const handlePointerMove = (event) => {
+		onPointerMove?.(event);
+		setPointerPosition(event.currentTarget, event, "chatgpt-sign-in-pointer");
+		event.currentTarget.dataset.pointerActive = "true";
+	};
+	const handlePointerLeave = (event) => {
+		onPointerLeave?.(event);
+		delete event.currentTarget.dataset.pointerActive;
+	};
+	const handleButtonPointerMove = (event) => {
+		setPointerPosition(event.currentTarget, event, "chatgpt-sign-in-button");
+	};
+	return /* @__PURE__ */ jsx("main", {
+		ref,
+		className: cx("chatgpt-sign-in", className),
+		"aria-label": "ChatGPT authentication",
+		onPointerLeave: handlePointerLeave,
+		onPointerMove: handlePointerMove,
+		...props,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "chatgpt-sign-in__panel",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "chatgpt-sign-in__brand",
+				children: [/* @__PURE__ */ jsx("h1", { children: title }), /* @__PURE__ */ jsxs("p", { children: [
+					"by ",
+					brandLogo ? /* @__PURE__ */ jsx("span", {
+						className: "chatgpt-sign-in__brand-mark",
+						children: brandLogo
+					}) : null,
+					/* @__PURE__ */ jsx("span", { children: brandName })
+				] })]
+			}), /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "default",
+				color: error ? "destructive" : "primary",
+				size: "lg",
+				className: "chatgpt-sign-in__button",
+				"data-busy": busy ? "true" : void 0,
+				disabled: busy,
+				onClick: onSignIn,
+				onPointerMove: handleButtonPointerMove,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "chatgpt-sign-in__button-icon",
+					children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }) : /* @__PURE__ */ jsx(ModelSelectorLogo, {
+						provider: "openai",
+						className: "chatgpt-sign-in__logo"
+					})
+				}), /* @__PURE__ */ jsx("span", {
+					className: "chatgpt-sign-in__button-label",
+					children: label
+				})]
+			})]
+		})
+	});
+}
+function setPointerPosition(element, event, name) {
+	const rect = element.getBoundingClientRect();
+	if (rect.width === 0 || rect.height === 0) return;
+	element.style.setProperty(`--${name}-x`, `${(event.clientX - rect.left) / rect.width * 100}%`);
+	element.style.setProperty(`--${name}-y`, `${(event.clientY - rect.top) / rect.height * 100}%`);
+}
+function SigVeloMark() {
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "430 310 360 400",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: [
+			/* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsxs("linearGradient", {
+				id: "chatgpt-sign-in-mark-a",
+				x1: "756.23",
+				y1: "475.14",
+				x2: "608.29",
+				y2: "352.58",
+				gradientUnits: "userSpaceOnUse",
+				children: [
+					/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: "#00ebff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".17",
+						stopColor: "#00e7fe"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".32",
+						stopColor: "#01dcfd"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".46",
+						stopColor: "#04cbfa"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".59",
+						stopColor: "#08b2f6"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".72",
+						stopColor: "#0c91f2"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".85",
+						stopColor: "#1269ec"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".98",
+						stopColor: "#183be6"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "#1a32e5"
+					})
+				]
+			}), /* @__PURE__ */ jsxs("linearGradient", {
+				id: "chatgpt-sign-in-mark-b",
+				x1: "452.57",
+				y1: "524.29",
+				x2: "583.8",
+				y2: "641.28",
+				gradientUnits: "userSpaceOnUse",
+				children: [
+					/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: "#00ebff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".24",
+						stopColor: "#00e8ff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".38",
+						stopColor: "#00e0ff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".5",
+						stopColor: "#00d1ff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".61",
+						stopColor: "#00bdff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".71",
+						stopColor: "#00a3ff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".8",
+						stopColor: "#0082ff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".88",
+						stopColor: "#005cff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: ".96",
+						stopColor: "#0030ff"
+					}),
+					/* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "#0118ff"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ jsx("path", {
+				fill: "url(#chatgpt-sign-in-mark-a)",
+				d: "M746.99,482.75l-145.57-84.52,60.02-34.87,71.05,41.28c8.95,5.2,14.47,14.78,14.47,25.13l.03,52.97Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "url(#chatgpt-sign-in-mark-b)",
+				d: "M602.51,601.74l-60.02,34.87-29.12-16.94-45.85-26.63c-8.96-5.2-14.47-14.78-14.48-25.14l-.03-53,59.5,34.57.79.46,89.21,51.8Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#00e4ff",
+				d: "M732.58,595.89l-115.46,67.09c-9.03,5.25-20.19,5.25-29.22,0l-45.41-26.38,60.02-34.87,84.29-48.96-.07-84.18,60.29,35.03.03,67.1c0,10.37-5.51,19.95-14.47,25.16Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#00e4ff",
+				d: "M661.44,363.37l-60.02,34.87-88.19,51.21.07,79.61-60.32-35.03-.03-62.5c0-10.37,5.51-19.95,14.48-25.16l119.39-69.35c9.03-5.24,20.17-5.25,29.2,0l45.42,26.36Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#00e4ff",
+				d: "M599.5,506.65c0-2.14.02-4.27.03-6.41,0-.21,0-.43-.03-.63-.11-1.25-.63-2.14-1.85-2.84-3.45-1.98-6.85-4.04-10.25-6.1-.82-.5-1.5-.12-2.26.09-1.72.49-3.28.23-4.49-1.21-1.1-1.33-1.22-3.27-.35-4.81.81-1.43,2.46-2.17,4.23-1.89,1.63.23,3.07,1.5,3.3,3.23.15,1.31.81,1.98,1.88,2.59,2.55,1.46,5.07,3.04,7.6,4.56.52.31,1.04.92,1.68.61.75-.35.5-1.19.5-1.85.02-16.68,0-33.35,0-50.03v-4.62l-2.5-1.4c-.21-.08-.47-.2-.79-.38-2.06-1.16-4.1-2.32-6.16-3.48l-.9-.5c-1.75-.99-3.49-2-5.23-3.01-.88-.52-1.57-.55-2.49-.03-4.81,2.7-9.63,5.34-14.48,7.95-1.1.6-1.54,1.34-1.53,2.58.05,3.8.06,7.61.03,11.41-.02,1.17.31,2,1.25,2.78,1.94,1.6,2.03,4.52.34,6.18-1.62,1.6-4.36,1.54-5.98-.14-1.57-1.63-1.39-4.5.52-6.06.84-.69,1.14-1.45,1.13-2.49-.03-3.36.05-6.7-.27-10.04-.12-1.28-.53-1.43-1.6-.84-4.1,2.29-8.22,4.61-12.39,6.79-1.43.75-1.86,1.74-1.8,3.27.2,4.88.31,9.76.38,14.65.02,1.11.5,1.77,1.4,2.32,4.85,2.94,9.7,5.9,14.51,8.91.96.59,1.72.58,2.67.06,4.46-2.4,8.91-4.79,13.4-7.11,1.27-.66,1.77-1.56,1.79-2.98.05-4.36-.15-8.74.18-13.11.06-.87-.44-1.34-1.02-1.83-2.11-1.83-2.32-4.39-.55-6.29,1.51-1.65,4.38-1.62,5.97.05,1.72,1.8,1.56,4.41-.47,6.15-.72.63-1.04,1.25-1.05,2.18-.09,4.88-.29,9.76-.29,14.63.02,1.71-.67,2.52-2.11,3.25-4.91,2.5-9.75,5.13-14.63,7.69-.82.43-1.31.99-1.36,1.97-.21,4.99-.44,9.98-.72,14.97-.09,1.37.44,2.17,1.62,2.85,5.61,3.23,11.15,6.58,16.75,9.81,1.22.7,1.8,1.51,1.79,2.96-.06,6.03-.05,12.05.03,18.07.02,1.37-.49,2.2-1.66,2.87-4.68,2.67-9.31,5.43-13.98,8.13-.87.5-1.39,1.1-1.46,2.12-.12,1.33-.73,2.36-1.97,2.99-1.68.84-3.69.53-4.87-.75-1.28-1.37-1.59-3.25-.76-4.7,1.01-1.77,2.93-2.56,4.97-1.98.84.23,1.56.53,2.43.02,4.44-2.64,8.91-5.23,13.38-7.83.82-.47,1.19-1.11,1.19-2.08-.05-5.17-.06-10.34-.06-15.52,0-1.01-.38-1.71-1.27-2.23-5.57-3.28-11.15-6.58-16.71-9.89-.67-.4-1.24-.38-1.91.03-4.67,2.79-9.35,5.58-14.04,8.35-.88.53-1.42,1.19-1.59,2.26-.23,1.43-1.08,2.49-2.52,2.96-1.79.6-3.77.03-4.76-1.33-1.05-1.45-1.08-3.54-.06-4.94,1.04-1.43,2.9-2.04,4.73-1.45.93.32,1.71.6,2.7-.02,4.5-2.76,9.05-5.45,13.61-8.12.92-.53,1.4-1.19,1.46-2.27.26-5.05.58-10.09.9-15.12.08-1.1-.35-1.77-1.31-2.35-4.9-2.96-9.8-5.95-14.65-8.99-.87-.55-1.57-.47-2.38-.03-5.39,2.94-10.77,5.87-16.16,8.8-1.05.56-1.59,1.36-1.59,2.58.03,4.55-.02,9.09.02,13.64.02,1.68.4,1.86,2,1.08,2.72-1.3,5.42-2.62,8.15-3.89,1.04-.47,1.66-1.1,1.94-2.32.56-2.53,3.1-3.88,5.36-3.08,2.21.78,3.33,3.02,2.61,5.2-.72,2.18-3.17,3.36-5.57,2.49-.93-.32-1.68-.4-2.58.05-3.36,1.68-6.73,3.31-10.13,4.88-1.31.61-1.83,1.5-1.8,2.93.05,4.71.11,9.43-.03,14.14-.06,1.98.7,3.11,2.32,4.1,4.64,2.88,9.2,5.86,13.75,8.88,1.02.67,1.89.81,2.98.23,3.04-1.66,6.1-3.3,9.17-4.9.79-.43,1.08-1.02,1.17-1.91.24-2.44,2.33-4.15,4.53-3.81,2.43.38,4.01,2.65,3.48,4.97-.55,2.38-2.79,3.72-5.2,3.01-.96-.29-1.75-.21-2.61.24-3.05,1.65-6.12,3.27-9.19,4.87-.98.5-1.39,1.24-1.31,2.33.15,2.15.21,4.3.4,6.45.26,3.28.61,6.55.9,9.83.08.93.5,1.59,1.31,2.04,4.97,2.85,9.95,5.72,14.91,8.59.81.46,1.57.5,2.41.03,3.1-1.79,6.21-3.57,9.34-5.28,1.17-.66,1.92-1.45,2.2-2.82.26-1.36,1.13-2.35,2.56-2.65,1.98-.43,3.78.21,4.62,1.74.82,1.51.81,3.07-.2,4.5-1.02,1.46-2.79,2-4.73,1.27-1.16-.44-2.08-.31-3.07.27-2.4,1.4-4.84,2.76-7.23,4.17-1.48.88-1.46,1.34.05,2.23,4.13,2.38,8.3,4.71,12.42,7.11,1.08.63,2.04.7,3.17.06,4.46-2.52,8.93-4.97,13.41-7.42.84-.46,1.28-1.07,1.4-1.92.03-.18.03-.35.03-.55-.02-1.51-.03-3.02-.03-4.53v-50.29Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#00e4ff",
+				d: "M655.42,487.9c-1.16,1.43-1.05,3.68,0,5.11,1.05,1.45,3.16,2.2,5.05,1.53,1.14-.41,2.04-.26,3.07.26,2.88,1.45,5.8,2.85,8.74,4.21,1.17.53,1.68,1.31,1.66,2.64-.06,4.71-.05,9.43-.02,14.14,0,1.16-.29,2.08-1.33,2.75-4.59,2.91-9.19,5.87-13.75,8.85-.85.56-1.57.63-2.5.11-2.27-1.28-4.59-2.49-6.93-3.66-1.42-.72-2.47-1.53-2.81-3.28-.37-1.89-1.89-2.93-3.78-3.23-1.75-.27-3.08.58-4.1,1.91-1.24,1.6-1.25,3.4-.11,5.05,1.14,1.66,3.11,2.53,4.87,1.91,1.05-.37,1.86-.18,2.75.29,2.75,1.48,5.49,2.96,8.27,4.39.95.49,1.25,1.08,1.14,2.17-.44,4.75-.84,9.49-1.14,14.25-.09,1.53-.66,2.5-2,3.25-3.98,2.2-7.93,4.42-11.81,6.79-1.82,1.11-3.36,1.21-5.17.02-2.08-1.37-4.29-2.56-6.5-3.71-1.3-.67-2.09-1.53-2.61-2.93-.87-2.41-3.08-3.54-5.25-2.99-2.35.6-3.74,2.53-3.51,4.94.24,2.59,3.01,4.62,5.54,3.84,1.45-.44,2.61-.27,3.84.5,1.79,1.11,3.65,2.09,5.48,3.11,1.11.63,1.07,1.19,0,1.82-3.91,2.21-7.8,4.44-11.69,6.67-.6.34-1.14.35-1.77.02-4.42-2.43-8.86-4.85-13.3-7.25-.82-.44-1.04-1.13-1.04-1.98,0-5.42,0-10.86-.02-16.28v-21.09c0-7.37.02-14.75-.03-22.12,0-1.24.44-2.01,1.5-2.62,2.94-1.71,5.86-3.48,8.76-5.26,1.02-.63,1.92-.84,3.17-.47,2.32.7,4.52-.52,5.39-2.72.75-1.89-.17-4.24-2.11-5.42-1.77-1.07-4.26-.55-5.65,1.21-.24.31-.6.67-.6,1.01-.02,2.24-1.74,3.01-3.3,3.92-1.57.92-3.11,1.88-4.68,2.78-.67.38-1.36,1.3-2.08.9-.82-.46-.37-1.57-.37-2.38-.03-15.61.08-31.23-.11-46.86-.05-3.23.7-5.2,3.78-6.61,3.71-1.68,7.17-3.91,10.71-5.97.93-.55,1.71-.61,2.67-.06,4.5,2.52,9.03,5,13.56,7.48.95.52,1.42,1.19,1.42,2.3,0,3.86-.11,7.72-.34,11.57-.06.82-.47,1.36-.99,1.91-2.09,2.18-2.12,4.59-.15,6.44,1.89,1.79,4.47,1.71,6.23-.17,1.86-1.98,1.72-4.55-.38-6.47-.47-.44-.9-.84-.93-1.54-.14-3.3.11-6.58.32-9.87.09-1.36.96-.76,1.57-.44,3.05,1.65,5.97,3.6,9.14,4.93,3.11,1.31,3.89,3.34,3.62,6.48-.35,3.77-.31,7.58-.38,11.4-.02,1.14-.5,1.89-1.46,2.47-4.47,2.7-8.93,5.42-13.37,8.18-.99.63-1.8.63-2.84.06-4.13-2.26-8.3-4.47-12.48-6.62-1.11-.56-1.56-1.27-1.57-2.52-.03-4.2.2-8.41-.15-12.6-.09-1.02.72-1.46,1.27-2.09,1.43-1.63,1.68-3.72.61-5.34-1.21-1.85-3.3-2.58-5.34-1.88-2.87.96-3.89,4.71-1.69,6.94,1.31,1.34,1.59,2.73,1.56,4.44-.05,3.92.15,7.84-.02,11.75-.11,2.21.84,3.23,2.65,4.13,4.47,2.24,8.83,4.68,13.27,6.97,1.21.63,1.79,1.51,1.79,2.82.03,4.65.29,9.31.66,13.95.06.99-.58,1.39-1.28,1.8-5.52,3.25-11.03,6.56-16.59,9.76-1.16.67-1.79,1.43-1.8,2.81-.05,5.89.06,11.81-.34,17.7-.11,1.4.41,2.32,1.68,3.04,4.33,2.47,8.61,5.07,12.92,7.57,1.19.69,1.98,1.51,2.35,2.93.61,2.38,2.88,3.63,5.28,3.16,2.11-.41,3.8-2.65,3.6-4.75-.24-2.43-2.21-4.53-4.59-4.01-2.91.63-4.9-.78-7.08-2.03-2.81-1.6-5.57-3.3-8.41-4.87-1.22-.69-1.75-1.56-1.71-3.01.12-4.7-.08-9.41.32-14.13.08-.95.38-1.57,1.22-2.04,5.05-2.94,10.09-5.92,15.12-8.9.88-.52,1.68-.49,2.55.03,4.27,2.59,8.56,5.16,12.85,7.72.79.47,1.17,1.11,1.4,2.01.67,2.64,3.11,3.98,5.66,3.23,2.18-.63,3.65-3.22,3.04-5.4-.67-2.47-3.07-3.94-5.57-3.16-1.42.43-2.46.14-3.65-.58-3.78-2.32-7.58-4.58-11.43-6.79-1.21-.69-1.68-1.56-1.79-2.98-.38-4.64-.5-9.29-.78-13.93-.05-.85.2-1.4.9-1.85,4.7-2.88,9.38-5.78,14.05-8.68.64-.4,1.22-.46,1.91-.08,5.08,2.79,10.18,5.55,15.27,8.28,1.24.66,1.8,1.56,1.74,3.01-.15,3.97-.21,7.93-.27,11.9-.02,1.13-.31,1.63-1.51,1.04-2.44-1.21-4.9-2.38-7.37-3.52-.84-.4-1.3-.98-1.6-1.85-.95-2.79-2.53-3.84-5.37-3.54-.96.11-1.57-.05-1.79-1.11.18,1.27-.11,2.17-.87,3.08Z"
+			})
+		]
+	});
+}
+//#endregion
+export { ChatGptSignInScreen };

package/dist/components/CodeBlock.js

@@ -1,2 +1,2 @@
-import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-BK0sOAbV.js";
+import { a as CodeBlockCopyButton, c as CodeBlockLanguageSelector, d as CodeBlockLanguageSelectorTrigger, f as CodeBlockLanguageSelectorValue, h as CODE_BLOCK_LANGUAGES, i as CodeBlockContent, l as CodeBlockLanguageSelectorContent, m as highlightCode, n as CodeBlockActions, o as CodeBlockFilename, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock, u as CodeBlockLanguageSelectorItem } from "../CodeBlock-D9koxDA7.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockContainer, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockHeader, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorValue, CodeBlockTitle, highlightCode };

package/dist/components/Commit.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as CheckIcon, c as ChevronRightIcon, l as CopyIcon, m as FileIcon } from "../icons-BCNawx-T.js";
+import { a as CheckIcon, c as ChevronRightIcon, h as FileIcon, l as CopyIcon } from "../icons-BAlTbWWP.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Avatar } from "./Avatar.js";

package/dist/components/Context.d.ts

@@ -3,19 +3,13 @@ import * as React from "react";
 import { LanguageModelUsage, UIMessage } from "ai";
 
 //#region src/components/Context.d.ts
-/**
- * The AI SDK's `LanguageModelUsage`, taken whole. `Partial` only relaxes the
- * required-but-`undefined`able keys for fixtures/JSX literals — key names and
- * meanings are upstream's.
- */
-type ContextTokenUsage = Partial<LanguageModelUsage>;
 interface ContextProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Tokens currently used. */
   usedTokens: number;
   /** Maximum context window size. */
   maxTokens: number;
   /** Optional usage breakdown. */
-  usage?: ContextTokenUsage;
+  usage?: LanguageModelUsage;
   /** Optional model identifier shown in the header. */
   modelId?: string;
   /** Optional total cost in USD. */
@@ -31,11 +25,13 @@ interface ContextProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * @example
  * ```tsx
+ * const usage = getContextUsage(messages);
+ *
  * <Context
- *   usedTokens={42_300}
+ *   usedTokens={getContextUsedTokens(usage)}
  *   maxTokens={200_000}
  *   modelId="claude-opus-4-6"
- *   usage={{ inputTokens: 30000, outputTokens: 12300 }}
+ *   usage={usage}
  *   totalCostUsd={0.42}
  * >
  *   <ContextTrigger />
@@ -127,4 +123,4 @@ declare function getContextUsage(messages: readonly UIMessage[]): LanguageModelU
 /** Tokens occupying the context window: `totalTokens`, or input + output. */
 declare function getContextUsedTokens(usage: LanguageModelUsage | undefined): number;
 //#endregion
-export { Context, ContextCacheUsage, ContextCacheUsageProps, ContextContent, ContextContentBody, ContextContentBodyProps, ContextContentFooter, ContextContentFooterProps, ContextContentHeader, ContextContentHeaderProps, ContextContentProps, ContextInputUsage, ContextInputUsageProps, ContextOutputUsage, ContextOutputUsageProps, ContextProps, ContextReasoningUsage, ContextReasoningUsageProps, ContextTokenUsage, ContextTrigger, ContextTriggerProps, ContextUsageRowProps, getContextUsage, getContextUsedTokens };
+export { Context, ContextCacheUsage, ContextCacheUsageProps, ContextContent, ContextContentBody, ContextContentBodyProps, ContextContentFooter, ContextContentFooterProps, ContextContentHeader, ContextContentHeaderProps, ContextContentProps, ContextInputUsage, ContextInputUsageProps, ContextOutputUsage, ContextOutputUsageProps, ContextProps, ContextReasoningUsage, ContextReasoningUsageProps, ContextTrigger, ContextTriggerProps, ContextUsageRowProps, getContextUsage, getContextUsedTokens };

package/dist/components/Context.js

@@ -17,11 +17,13 @@ function useContextContext() {
 *
 * @example
 * ```tsx
+* const usage = getContextUsage(messages);
+*
 * <Context
-*   usedTokens={42_300}
+*   usedTokens={getContextUsedTokens(usage)}
 *   maxTokens={200_000}
 *   modelId="claude-opus-4-6"
-*   usage={{ inputTokens: 30000, outputTokens: 12300 }}
+*   usage={usage}
 *   totalCostUsd={0.42}
 * >
 *   <ContextTrigger />

package/dist/components/ContextMenu.js

@@ -1,4 +1,4 @@
-import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-BCNawx-T.js";
+import { a as CheckIcon, c as ChevronRightIcon, u as DotIcon } from "../icons-BAlTbWWP.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

package/dist/components/Conversation.d.ts

@@ -1,23 +1,15 @@
 import { t as Button } from "../Button-Ct5I6aTu.js";
+import { MessageScrollerButtonProps, MessageScrollerItemProps } from "./MessageScroller.js";
 import * as React from "react";
+import { UIMessage } from "ai";
 
 //#region src/components/Conversation.d.ts
-/**
- * Minimum message shape accepted by {@link ConversationDownload} and
- * {@link messagesToMarkdown}. Structurally compatible with the AI SDK
- * `UIMessage` type so consumers can pass those directly.
- */
-interface ConversationMessage {
+/** AI SDK `UIMessage`, or a plain text fallback for non-chat exports. */
+type ConversationMessage = UIMessage | {
   id?: string;
   role: string;
-  /** AI SDK-style parts array. The text types are concatenated for export. */
-  parts?: Array<{
-    type: string;
-    text?: string;
-  }>;
-  /** Plain-text content; used as a fallback when `parts` is not provided. */
   content?: string;
-}
+};
 interface ConversationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
   /** Additional class names for layout only; do not override scroll behavior from apps. */
   className?: string;
@@ -25,16 +17,17 @@ interface ConversationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
   children?: React.ReactNode;
 }
 /**
- * Scrollable container for a chat conversation. Sticks the viewport to the
- * bottom as new content arrives, unless the user has scrolled up. Adapted
- * from Vercel AI Elements and restyled with Sigvelo CSS tokens.
+ * Compatibility wrapper around {@link MessageScroller} for existing
+ * conversation imports. Prefer MessageScroller directly for new chat
+ * transcript surfaces.
  *
  * Use for assistant/user message streams. Do not use for static lists or
  * logs that should not auto-stick to the latest item.
  *
  * Sigvelo changes: removed Tailwind classes, uses a native scroll region with
- * the local stick-to-bottom hook, emits `role="log"` with polite updates, and
- * keeps transcript export in a separate ConversationDownload action.
+ * the shared MessageScroller primitive, emits `role="log"` with polite
+ * updates, and keeps transcript export in a separate ConversationDownload
+ * action.
  *
  * Styling consumes Sigvelo canvas, surface, border, spacing, radius, shadow,
  * and motion tokens. Add new behavior in this package when multiple apps need
@@ -48,7 +41,11 @@ interface ConversationProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "
  * ```tsx
  * <Conversation>
  *   <ConversationContent>
- *     {messages.map((m) => <Message key={m.id} {...m} />)}
+ *     {messages.map((m) => (
+ *       <ConversationItem key={m.id} messageId={m.id} scrollAnchor={m.role === "user"}>
+ *         <Message {...m} />
+ *       </ConversationItem>
+ *     ))}
  *   </ConversationContent>
  *   <ConversationScrollButton />
  * </Conversation>
@@ -72,11 +69,17 @@ interface ConversationContentProps extends React.HTMLAttributes<HTMLDivElement>
 declare function ConversationContent({
   className,
   children,
-  ref,
   ...props
 }: ConversationContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
+type ConversationItemProps = MessageScrollerItemProps;
+/** Optional wrapper for one turn/message. Enables upstream scroll anchoring and visibility tracking. */
+declare function ConversationItem({
+  className,
+  scrollAnchor,
+  ...props
+}: ConversationItemProps): React.JSX.Element;
 interface ConversationEmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
   title?: React.ReactNode;
   description?: React.ReactNode;
@@ -98,30 +101,27 @@ declare function ConversationEmptyState({
 }: ConversationEmptyStateProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface ConversationScrollButtonProps extends Omit<React.ComponentProps<typeof Button>, "onClick" | "className"> {
+interface ConversationScrollButtonProps extends Omit<MessageScrollerButtonProps, "children" | "className"> {
   className?: string;
-  /** Optional click handler; runs before the default scroll-to-bottom action. */
-  onClick?: React.MouseEventHandler<HTMLButtonElement>;
   /** Accessible label for the button. */
   label?: string;
+  children?: React.ReactNode;
 }
 /**
  * Floating button that scrolls the conversation to the latest message.
- * Hidden while the viewport is already pinned to the bottom.
+ * Hidden from view and tab order while the viewport is already at the end.
  */
 declare function ConversationScrollButton({
   className,
   variant,
   color,
   size,
-  onClick,
   label,
   children,
-  ref,
   ...props
 }: ConversationScrollButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element | null;
+}): React.JSX.Element;
 /**
  * Converts a conversation to a Markdown document with a heading per message.
  *
@@ -163,4 +163,4 @@ declare function ConversationDownload({
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element | null;
 //#endregion
-export { Conversation, ConversationContent, ConversationContentProps, ConversationDownload, ConversationDownloadProps, ConversationEmptyState, ConversationEmptyStateProps, ConversationMessage, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps, messagesToMarkdown };
+export { Conversation, ConversationContent, ConversationContentProps, ConversationDownload, ConversationDownloadProps, ConversationEmptyState, ConversationEmptyStateProps, ConversationItem, ConversationItemProps, ConversationMessage, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps, messagesToMarkdown };