@mcp-b/react-components 0.38.0 → 0.40.0

package/dist/components/extension/ChatGptSignInScreen.d.ts

@@ -7,26 +7,37 @@ interface ChatGptSignInSecondaryAction {
   disabled?: boolean;
 }
 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. */
+  /**
+   * Why sign-in failed, announced under the sign-in control. Truthy also
+   * puts the built-in button in its error color.
+   */
+  error?: React.ReactNode;
+  /** Main heading shown above the sign-in control. */
   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;
   /** Optional app-owned alternative rendered in the shared full-screen layout. */
   secondaryAction?: ChatGptSignInSecondaryAction;
+  /**
+   * A sign-in control the host must own — a Google Identity Services button
+   * renders its own DOM and may not be restyled, so the screen seats it where
+   * its button would sit instead of drawing one. When set, `busy`, `label`,
+   * and `onSignIn` are unused.
+   */
+  control?: React.ReactNode;
+  /** Whether the sign-in request is currently opening the provider. */
+  busy?: boolean;
+  /** Button label for the sign-in action. */
+  label?: string;
+  /** Called when the user clicks the sign-in action. */
+  onSignIn?: () => void;
 }
-/** Full-screen ChatGPT authentication prompt for MCP-B onboarding. */
+/** Full-screen provider authentication prompt for MCP-B onboarding. */
 declare function ChatGptSignInScreen({
   busy,
+  control,
   error,
   label,
   title,

package/dist/components/extension/ChatGptSignInScreen.js

@@ -1,12 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { J as SpinnerIcon } from "../../icons-B4mGvCvc.js";
+import { Y as SpinnerIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { t as ProviderLogo } from "../../provider-logos-zjZycgV6.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/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, secondaryAction, ref, ...props }) {
+/** Full-screen provider authentication prompt for MCP-B onboarding. */
+function ChatGptSignInScreen({ busy = false, control, error, label = "Sign in with ChatGPT", title = "Welcome to MCP-B", brandName = "SigVelo", brandLogo = /* @__PURE__ */ jsx(SigVeloMark, {}), className, onPointerLeave, onPointerMove, onSignIn, secondaryAction, ref, ...props }) {
 	const handlePointerMove = (event) => {
 		onPointerMove?.(event);
 		setPointerPosition(event.currentTarget, event, "chatgpt-sign-in-pointer");
@@ -25,37 +25,45 @@ function ChatGptSignInScreen({ busy = false, error = false, label = "Sign in wit
 		...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: "normal",
-				color: error ? "destructive" : "primary",
-				size: "sm",
-				className: "chatgpt-sign-in__button",
-				"data-busy": busy ? "true" : void 0,
-				disabled: busy,
-				onClick: onSignIn,
-				onPointerMove: handleSignInButtonPointerMove,
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "chatgpt-sign-in__button-icon",
-					children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }) : /* @__PURE__ */ jsx(ProviderLogo, {
-						provider: "openai",
-						className: "chatgpt-sign-in__logo"
-					})
-				}), /* @__PURE__ */ jsx("span", {
-					className: "chatgpt-sign-in__button-label",
-					children: label
-				})]
-			})]
+			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 })
+					] })]
+				}),
+				control ?? /* @__PURE__ */ jsxs(Button, {
+					type: "button",
+					variant: "normal",
+					color: error ? "destructive" : "primary",
+					size: "sm",
+					className: "chatgpt-sign-in__button",
+					"data-busy": busy ? "true" : void 0,
+					disabled: busy,
+					onClick: onSignIn,
+					onPointerMove: handleSignInButtonPointerMove,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "chatgpt-sign-in__button-icon",
+						children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, { size: 16 }) : /* @__PURE__ */ jsx(ProviderLogo, {
+							provider: "openai",
+							className: "chatgpt-sign-in__logo"
+						})
+					}), /* @__PURE__ */ jsx("span", {
+						className: "chatgpt-sign-in__button-label",
+						children: label
+					})]
+				}),
+				error ? /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "chatgpt-sign-in__error",
+					children: error
+				}) : null
+			]
 		}), secondaryAction ? /* @__PURE__ */ jsx("div", {
 			className: "chatgpt-sign-in__secondary-action",
 			children: /* @__PURE__ */ jsx(Button, {

package/dist/components/extension/CodexModelSelector.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
+import { G as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, m as ChevronRightIcon } from "../../icons-MmIXciMO.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { Menu } from "../foundations/Menu.js";
 import { o as titleCase } from "../../format-DB2mX9DA.js";

package/dist/components/extension/ConversationTabPicker.js

@@ -1,4 +1,4 @@
-import { tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { nt as WarningIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";

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-B4mGvCvc.js";
+import { d as CheckIcon } from "../../icons-MmIXciMO.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 { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
+import { d as CheckIcon, v as DotIcon } from "../../icons-MmIXciMO.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";

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

@@ -21,10 +21,20 @@ interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "ti
  * `children` land under the description, for the action that makes the region
  * non-empty.
  *
+ * A region waiting on data is empty too, and this is the shape for it:
+ * `icon={<SpinnerIcon />}` with a description of what is being waited on, in a
+ * `role="status"` container. The description is not optional there —
+ * `prefers-reduced-motion` stops the spinner outright, so an icon on its own
+ * leaves a still circle and no way to tell loading from broken.
+ *
  * @example
  * ```tsx
  * <EmptyState description="No runs yet." />
  *
+ * <div role="status">
+ *   <EmptyState icon={<SpinnerIcon />} description="Loading conversation" />
+ * </div>
+ *
  * <EmptyState
  *   icon={<MessageIcon />}
  *   title="Start a conversation"

package/dist/components/foundations/EmptyState.js

@@ -14,10 +14,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * `children` land under the description, for the action that makes the region
 * non-empty.
 *
+* A region waiting on data is empty too, and this is the shape for it:
+* `icon={<SpinnerIcon />}` with a description of what is being waited on, in a
+* `role="status"` container. The description is not optional there —
+* `prefers-reduced-motion` stops the spinner outright, so an icon on its own
+* leaves a still circle and no way to tell loading from broken.
+*
 * @example
 * ```tsx
 * <EmptyState description="No runs yet." />
 *
+* <div role="status">
+*   <EmptyState icon={<SpinnerIcon />} description="Loading conversation" />
+* </div>
+*
 * <EmptyState
 *   icon={<MessageIcon />}
 *   title="Start a conversation"

package/dist/components/foundations/Menubar.js

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { d as CheckIcon, v as DotIcon } from "../../icons-B4mGvCvc.js";
+import { d as CheckIcon, v as DotIcon } from "../../icons-MmIXciMO.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 { G as SearchIcon } from "../../icons-B4mGvCvc.js";
+import { K as SearchIcon } from "../../icons-MmIXciMO.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-B4mGvCvc.js";
+import { a as ArrowUpIcon, d as CheckIcon, n as ArrowDownIcon } from "../../icons-MmIXciMO.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 { J as SpinnerIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
+import { Y as SpinnerIcon, d as CheckIcon } from "../../icons-MmIXciMO.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 { rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { it as XIcon } from "../../icons-MmIXciMO.js";
 import { buttonVariants } from "./Button.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,2 +1,2 @@
-import { $ as SunIcon, A as InfoIcon, B as PaperclipIcon, C as EyeOffIcon, D as HashIcon, E as FolderOpenIcon, F as MicrophoneIcon, G as QueueIcon, H as PencilIcon, I as MinusIcon, J as SidebarIcon, K as RefreshIcon, L as MonitorIcon, M as MaximizeIcon, N as McpIcon, O as IconProps, P as MessageSquareIcon, Q as StopIcon, R as MoonIcon, S as EyeIcon, T as FolderIcon, U as PlayIcon, V as PauseIcon, W as PlusIcon, X as SpinnerIcon, Y as SlackIcon, Z as SquareIcon, _ as CopyIcon, a as ArrowUpIcon, at as XIcon, b as DownloadIcon, c as BoxIcon, d as CalendarIcon, et as TargetIcon, f as CheckIcon, g as CodeIcon, h as ChevronRightIcon, i as ArrowRightIcon, it as WrenchIcon, j as LinkIcon, k as ImageIcon, l as BrainIcon, m as ChevronLeftIcon, n as ArrowDownIcon, nt as TrashIcon, o as ArrowUpRightIcon, p as ChevronDownIcon, q as SearchIcon, r as ArrowLeftIcon, rt as WarningIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TerminalIcon, u as BrandIconProps, v as DiscordIcon, w as FileIcon, x as EllipsisIcon, y as DotIcon, z as MoveToFrontIcon } from "../../icons-BGZ916hb.js";
-export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, IconProps, ImageIcon, InfoIcon, LinkIcon, 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 };
+import { $ as StopIcon, A as InfoIcon, B as MoveToFrontIcon, C as EyeOffIcon, D as HashIcon, E as FolderOpenIcon, F as MessageSquareIcon, G as PlusIcon, H as PauseIcon, I as MicrophoneIcon, J as SearchIcon, K as QueueIcon, L as MinusIcon, M as LinkIcon, N as MaximizeIcon, O as IconProps, P as McpIcon, Q as SquareIcon, R as MonitorIcon, S as EyeIcon, T as FolderIcon, U as PencilIcon, V as PaperclipIcon, W as PlayIcon, X as SlackIcon, Y as SidebarIcon, Z as SpinnerIcon, _ as CopyIcon, a as ArrowUpIcon, at as WrenchIcon, b as DownloadIcon, c as BoxIcon, d as CalendarIcon, et as SunIcon, f as CheckIcon, g as CodeIcon, h as ChevronRightIcon, i as ArrowRightIcon, it as WarningIcon, j as KeyboardIcon, k as ImageIcon, l as BrainIcon, m as ChevronLeftIcon, n as ArrowDownIcon, nt as TerminalIcon, o as ArrowUpRightIcon, ot as XIcon, p as ChevronDownIcon, q as RefreshIcon, r as ArrowLeftIcon, rt as TrashIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TargetIcon, u as BrandIconProps, v as DiscordIcon, w as FileIcon, x as EllipsisIcon, y as DotIcon, z as MoonIcon } from "../../icons-DwgNir1Q.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, BrandIconProps, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, IconProps, ImageIcon, InfoIcon, KeyboardIcon, LinkIcon, 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 TerminalIcon, A as MaximizeIcon, B as PencilIcon, C as FileIcon, D as ImageIcon, E as HashIcon, F as MonitorIcon, G as SearchIcon, H as PlusIcon, I as MoonIcon, J as SpinnerIcon, K as SidebarIcon, L as MoveToFrontIcon, M as MessageSquareIcon, N as MicrophoneIcon, O as InfoIcon, P as MinusIcon, Q as TargetIcon, R as PaperclipIcon, S as EyeOffIcon, T as FolderOpenIcon, U as QueueIcon, V as PlayIcon, W as RefreshIcon, X as StopIcon, Y as SquareIcon, Z as SunIcon, _ as DiscordIcon, a as ArrowUpIcon, b as EllipsisIcon, c as BoxIcon, d as CheckIcon, et as TrashIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, j as McpIcon, k as LinkIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WrenchIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SlackIcon, r as ArrowLeftIcon, rt as XIcon, s as BookmarkIcon, t as ArchiveIcon, tt as WarningIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PauseIcon } from "../../icons-B4mGvCvc.js";
-export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, LinkIcon, 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 };
+import { $ as TargetIcon, A as LinkIcon, B as PauseIcon, C as FileIcon, D as ImageIcon, E as HashIcon, 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 InfoIcon, 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 CheckIcon, et as TerminalIcon, f as ChevronDownIcon, g as CopyIcon, h as CodeIcon, i as ArrowRightIcon, it as XIcon, j as MaximizeIcon, k as KeyboardIcon, l as BrainIcon, m as ChevronRightIcon, n as ArrowDownIcon, nt as WarningIcon, o as ArrowUpRightIcon, p as ChevronLeftIcon, q as SidebarIcon, r as ArrowLeftIcon, rt as WrenchIcon, s as BookmarkIcon, t as ArchiveIcon, tt as TrashIcon, u as CalendarIcon, v as DotIcon, w as FolderIcon, x as EyeIcon, y as DownloadIcon, z as PaperclipIcon } from "../../icons-MmIXciMO.js";
+export { ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, BookmarkIcon, BoxIcon, BrainIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, CodeIcon, CopyIcon, DiscordIcon, DotIcon, DownloadIcon, EllipsisIcon, EyeIcon, EyeOffIcon, FileIcon, FolderIcon, FolderOpenIcon, HashIcon, ImageIcon, InfoIcon, KeyboardIcon, LinkIcon, 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,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { C as FileIcon, m as ChevronRightIcon } from "../../icons-B4mGvCvc.js";
-import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
+import { C as FileIcon, m as ChevronRightIcon } from "../../icons-MmIXciMO.js";
+import { t as CopyButton } from "../../copy-button-Bc7jsYv_.js";
 import { Badge } from "../foundations/Badge.js";
 import { Avatar } from "../foundations/Avatar.js";
 import "react";

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

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as EyeOffIcon, x as EyeIcon } from "../../icons-B4mGvCvc.js";
-import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
+import { S as EyeOffIcon, x as EyeIcon } from "../../icons-MmIXciMO.js";
+import { t as CopyButton } from "../../copy-button-Bc7jsYv_.js";
 import { Badge } from "../foundations/Badge.js";
 import { Switch } from "../foundations/Switch.js";
 import * as React from "react";

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

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { O as InfoIcon, P as MinusIcon, d as CheckIcon } from "../../icons-B4mGvCvc.js";
+import { F as MinusIcon, O as InfoIcon, d as CheckIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Separator } from "../foundations/Separator.js";

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SidebarIcon } from "../../icons-B4mGvCvc.js";
+import { q as SidebarIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { t as capitalize } from "../../format-DB2mX9DA.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";

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

@@ -1,5 +1,5 @@
 import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { H as PlusIcon, d as CheckIcon, f as ChevronDownIcon, tt as WarningIcon } from "../../icons-B4mGvCvc.js";
+import { U as PlusIcon, d as CheckIcon, f as ChevronDownIcon, nt as WarningIcon } from "../../icons-MmIXciMO.js";
 import { Button } from "../foundations/Button.js";
 import { Menu } from "../foundations/Menu.js";
 import * as React from "react";

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as TerminalIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { et as TerminalIcon, it as XIcon } from "../../icons-MmIXciMO.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { t as CopyButton } from "../../copy-button-4YvddK4e.js";
+import { t as CopyButton } from "../../copy-button-Bc7jsYv_.js";
 import { Badge } from "../foundations/Badge.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";

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 { J as SpinnerIcon, d as CheckIcon, m as ChevronRightIcon, rt as XIcon } from "../../icons-B4mGvCvc.js";
+import { Y as SpinnerIcon, d as CheckIcon, it as XIcon, m as ChevronRightIcon } from "../../icons-MmIXciMO.js";
 import { Badge } from "../foundations/Badge.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";

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

@@ -1,4 +1,4 @@
-import { F as MonitorIcon, I as MoonIcon, Z as SunIcon } from "../../icons-B4mGvCvc.js";
+import { I as MonitorIcon, L as MoonIcon, Q as SunIcon } from "../../icons-MmIXciMO.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 { W as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-B4mGvCvc.js";
+import { G as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-MmIXciMO.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { Badge } from "../foundations/Badge.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 { k as LinkIcon } from "../../icons-B4mGvCvc.js";
+import { A as LinkIcon } from "../../icons-MmIXciMO.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-DO4Hdu1R.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-CWk1FVtm.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,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../../icons-B4mGvCvc.js";
+import { r as ArrowLeftIcon } from "../../icons-MmIXciMO.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import { NaniteMark } from "./NaniteScene.js";

package/dist/{copy-button-4YvddK4e.js → copy-button-Bc7jsYv_.js}

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

package/dist/{icons-BGZ916hb.d.ts → icons-DwgNir1Q.d.ts}

@@ -203,6 +203,11 @@ declare const LinkIcon: ({
   strokeWidth,
   ...props
 }: IconProps) => import("react").JSX.Element;
+declare const KeyboardIcon: ({
+  size,
+  strokeWidth,
+  ...props
+}: IconProps) => import("react").JSX.Element;
 declare const QueueIcon: ({
   size,
   strokeWidth,
@@ -296,4 +301,4 @@ declare const MaximizeIcon: ({
   ...props
 }: IconProps) => import("react").JSX.Element;
 //#endregion
-export { SunIcon as $, InfoIcon as A, PaperclipIcon as B, EyeOffIcon as C, HashIcon as D, FolderOpenIcon as E, MicrophoneIcon as F, QueueIcon as G, PencilIcon as H, MinusIcon as I, SidebarIcon as J, RefreshIcon as K, MonitorIcon as L, MaximizeIcon as M, McpIcon as N, IconProps as O, MessageSquareIcon as P, StopIcon as Q, MoonIcon as R, EyeIcon as S, FolderIcon as T, PlayIcon as U, PauseIcon as V, PlusIcon as W, SpinnerIcon as X, SlackIcon as Y, SquareIcon as Z, CopyIcon as _, ArrowUpIcon as a, XIcon as at, DownloadIcon as b, BoxIcon as c, CalendarIcon as d, TargetIcon as et, CheckIcon as f, CodeIcon as g, ChevronRightIcon as h, ArrowRightIcon as i, WrenchIcon as it, LinkIcon as j, ImageIcon as k, BrainIcon as l, ChevronLeftIcon as m, ArrowDownIcon as n, TrashIcon as nt, ArrowUpRightIcon as o, ChevronDownIcon as p, SearchIcon as q, ArrowLeftIcon as r, WarningIcon as rt, BookmarkIcon as s, ArchiveIcon as t, TerminalIcon as tt, BrandIconProps as u, DiscordIcon as v, FileIcon as w, EllipsisIcon as x, DotIcon as y, MoveToFrontIcon as z };
+export { StopIcon as $, InfoIcon as A, MoveToFrontIcon as B, EyeOffIcon as C, HashIcon as D, FolderOpenIcon as E, MessageSquareIcon as F, PlusIcon as G, PauseIcon as H, MicrophoneIcon as I, SearchIcon as J, QueueIcon as K, MinusIcon as L, LinkIcon as M, MaximizeIcon as N, IconProps as O, McpIcon as P, SquareIcon as Q, MonitorIcon as R, EyeIcon as S, FolderIcon as T, PencilIcon as U, PaperclipIcon as V, PlayIcon as W, SlackIcon as X, SidebarIcon as Y, SpinnerIcon as Z, CopyIcon as _, ArrowUpIcon as a, WrenchIcon as at, DownloadIcon as b, BoxIcon as c, CalendarIcon as d, SunIcon as et, CheckIcon as f, CodeIcon as g, ChevronRightIcon as h, ArrowRightIcon as i, WarningIcon as it, KeyboardIcon as j, ImageIcon as k, BrainIcon as l, ChevronLeftIcon as m, ArrowDownIcon as n, TerminalIcon as nt, ArrowUpRightIcon as o, XIcon as ot, ChevronDownIcon as p, RefreshIcon as q, ArrowLeftIcon as r, TrashIcon as rt, BookmarkIcon as s, ArchiveIcon as t, TargetIcon as tt, BrandIconProps as u, DiscordIcon as v, FileIcon as w, EllipsisIcon as x, DotIcon as y, MoonIcon as z };

package/dist/{icons-B4mGvCvc.js → icons-MmIXciMO.js}

@@ -1,6 +1,6 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
 import { jsx } from "react/jsx-runtime";
-import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Link2, ListRestart, LoaderCircle, 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 { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronLeft, ChevronRight, CircleStop, CodeXml, Copy, CornerDownRight, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Hash, Image, Info, Keyboard, Link2, ListRestart, LoaderCircle, 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
@@ -72,6 +72,7 @@ const SearchIcon = icon(Search);
 const SidebarIcon = icon(PanelLeft);
 const TerminalIcon = icon(Terminal);
 const LinkIcon = icon(Link2);
+const KeyboardIcon = icon(Keyboard);
 const QueueIcon = icon(ListRestart);
 const TrashIcon = icon(Trash2);
 const WarningIcon = icon(TriangleAlert);
@@ -92,4 +93,4 @@ const SunIcon = icon(Sun);
 const TargetIcon = icon(Target);
 const MaximizeIcon = icon(Maximize2);
 //#endregion
-export { TerminalIcon as $, MaximizeIcon as A, PencilIcon as B, FileIcon as C, ImageIcon as D, HashIcon as E, MonitorIcon as F, SearchIcon as G, PlusIcon as H, MoonIcon as I, SpinnerIcon as J, SidebarIcon as K, MoveToFrontIcon as L, MessageSquareIcon as M, MicrophoneIcon as N, InfoIcon as O, MinusIcon as P, TargetIcon as Q, PaperclipIcon as R, EyeOffIcon as S, FolderOpenIcon as T, QueueIcon as U, PlayIcon as V, RefreshIcon as W, StopIcon as X, SquareIcon as Y, SunIcon as Z, DiscordIcon as _, ArrowUpIcon as a, EllipsisIcon as b, BoxIcon as c, CheckIcon as d, TrashIcon as et, ChevronDownIcon as f, CopyIcon as g, CodeIcon as h, ArrowRightIcon as i, McpIcon as j, LinkIcon as k, BrainIcon as l, ChevronRightIcon as m, ArrowDownIcon as n, WrenchIcon as nt, ArrowUpRightIcon as o, ChevronLeftIcon as p, SlackIcon as q, ArrowLeftIcon as r, XIcon as rt, BookmarkIcon as s, ArchiveIcon as t, WarningIcon as tt, CalendarIcon as u, DotIcon as v, FolderIcon as w, EyeIcon as x, DownloadIcon as y, PauseIcon as z };
+export { TargetIcon as $, LinkIcon as A, PauseIcon as B, FileIcon as C, ImageIcon as D, HashIcon as E, MinusIcon as F, RefreshIcon as G, PlayIcon as H, MonitorIcon as I, SlackIcon as J, SearchIcon as K, MoonIcon as L, McpIcon as M, MessageSquareIcon as N, InfoIcon as O, MicrophoneIcon as P, SunIcon as Q, MoveToFrontIcon as R, EyeOffIcon as S, FolderOpenIcon as T, PlusIcon as U, PencilIcon as V, QueueIcon as W, SquareIcon as X, SpinnerIcon as Y, StopIcon as Z, DiscordIcon as _, ArrowUpIcon as a, EllipsisIcon as b, BoxIcon as c, CheckIcon as d, TerminalIcon as et, ChevronDownIcon as f, CopyIcon as g, CodeIcon as h, ArrowRightIcon as i, XIcon as it, MaximizeIcon as j, KeyboardIcon as k, BrainIcon as l, ChevronRightIcon as m, ArrowDownIcon as n, WarningIcon as nt, ArrowUpRightIcon as o, ChevronLeftIcon as p, SidebarIcon as q, ArrowLeftIcon as r, WrenchIcon as rt, BookmarkIcon as s, ArchiveIcon as t, TrashIcon as tt, CalendarIcon as u, DotIcon as v, FolderIcon as w, EyeIcon as x, DownloadIcon as y, PaperclipIcon as z };

package/dist/styles/agent-chat.css

@@ -59,14 +59,14 @@
 
 /* Takes the whole transcript region, the way the scroller it stands in for
    does, so nothing moves when the rows arrive. The composer floats over its
-   lower edge, so the spinner sits slightly high rather than under it. */
+   lower edge, so the state sits slightly high rather than under it. The
+   .empty-state inside brings its own type and colour. */
 .agent-chat__transcript-loading {
   display: grid;
   block-size: 100%;
   min-block-size: 0;
   place-items: center;
   padding-block-end: var(--agent-chat-composer-size, 5rem);
-  color: var(--sigvelo-color-text-muted);
 }
 
 .agent-chat[data-composer-hidden] .agent-chat__transcript-loading {

package/dist/styles/base.css

@@ -135,6 +135,10 @@ body {
   }
 }
 
+/* A spinner that cannot spin is a circle. Plenty of people — most of them on
+   phones — browse with this on, so nothing may rely on the rotation to say
+   "still working": pair the icon with text that reads the same either way.
+   `.empty-state` is that pairing for a whole region. */
 @media (prefers-reduced-motion: reduce) {
   .sigvelo-icon--spinner {
     animation: none;

package/dist/styles/browser-live-view.css

@@ -15,6 +15,18 @@
   overflow: hidden;
 }
 
+/* `fill`: the view is the surface, not a card on it. Nothing sits beside it to
+   be separated from, so the aspect box, the hairline and the corners go and the
+   frame takes whatever its container gives it. The picture still letterboxes
+   inside — `object-fit: contain` further down is what keeps the remote page's
+   own proportions honest at any shape. */
+.browser-live-view[data-fill] {
+  block-size: 100%;
+  aspect-ratio: auto;
+  border: 0;
+  border-radius: 0;
+}
+
 .browser-live-view__frame {
   inline-size: 100%;
   block-size: 100%;
@@ -60,6 +72,20 @@
   max-inline-size: 80%;
 }
 
+/* Host-drawn media. Styled by element rather than by class so a host that
+   renders its own picture into the frame inherits the shape without opting in:
+   `contain` keeps the remote viewport's proportions whatever the box is, and
+   the letterbox inherits the frame's fill, so a host that recolors the frame
+   recolors the bars with it. */
+.browser-live-view video,
+.browser-live-view canvas {
+  display: block;
+  inline-size: 100%;
+  block-size: 100%;
+  object-fit: contain;
+  background-color: inherit;
+}
+
 /* An expired view showing a screenshot fallback keeps the image flush */
 .browser-live-view[data-expired] > img {
   inline-size: 100%;
@@ -83,6 +109,25 @@
   z-index: 1;
 }
 
+/* A fault that leaves the picture running: a caption on the frame, opposite
+   the expand control, rather than an overlay that would hide what still
+   arrives. */
+.browser-live-view__notice {
+  position: absolute;
+  inset-block-end: var(--sigvelo-spacing-2);
+  inset-inline-start: var(--sigvelo-spacing-2);
+  z-index: 1;
+  max-inline-size: calc(100% - var(--sigvelo-spacing-12));
+  margin: 0;
+  padding: var(--sigvelo-spacing-1) var(--sigvelo-spacing-2);
+  border-radius: var(--sigvelo-radius-md);
+  background-color: var(--sigvelo-color-surface-raised);
+  box-shadow: var(--sigvelo-elevation-raised);
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-xs);
+  pointer-events: none;
+}
+
 /* Expand affordance, video-player style: quiet until the box is hovered or
    the button is focused */
 .browser-live-view__expand {

package/dist/styles/browser-run-panel.css

@@ -77,7 +77,9 @@
   padding: var(--sigvelo-spacing-2-5);
 }
 
-.browser-run-panel__live-view {
+/* Whichever live surface the body holds — the panel's own embedded view or a
+ * host-fed stream — fills the frame the same way. */
+.browser-run-panel__body > .browser-live-view {
   flex: 1;
   min-block-size: 16rem;
   aspect-ratio: auto;

package/dist/styles/chatgpt-sign-in-screen.css

@@ -70,6 +70,12 @@
   margin-block-start: var(--sigvelo-spacing-4);
 }
 
+.chatgpt-sign-in__error {
+  margin: 0;
+  color: var(--sigvelo-color-text-muted);
+  font-size: var(--sigvelo-text-sm);
+}
+
 .chatgpt-sign-in__brand {
   display: grid;
   gap: var(--sigvelo-spacing-1-5);

package/dist/styles/think-full-app.css

@@ -158,6 +158,12 @@ body.is-resizing-side-panel .think-full-app__view-scope {
   );
 }
 
+/* The panel stands in for itself while its first read is in flight, so the
+   waiting state sits where the content will rather than in the top corner. */
+.think-full-app__workbench--loading {
+  justify-content: center;
+}
+
 .think-full-app__workbench.workspace-explorer {
   border: 0;
   border-radius: 0;
@@ -293,6 +299,14 @@ body.is-resizing-side-panel .think-full-app__view-scope {
       max(var(--sigvelo-spacing-3), env(safe-area-inset-right, 0px));
   }
 
+  /* The gutter above belongs to the composer pinned under a transcript. On the
+     start screen the composer is in flow and the utility tray docks against
+     the card's bottom edge, so any bottom padding here reads as the tray
+     floating detached. */
+  .think-full-app .agent-chat-start-screen__composer > .agent-chat__composer {
+    padding: 0;
+  }
+
   .think-full-app .prompt-input {
     gap: var(--sigvelo-spacing-1);
     padding-block: var(--sigvelo-spacing-2);