@mcp-b/react-components 0.43.0 → 0.44.0

package/dist/components/ai-sdk/ConnectedAppCards.js

@@ -0,0 +1,416 @@
+import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { K as SlackIcon, O as MailIcon, _ as DotIcon, d as CheckIcon, nt as XIcon, u as CalendarIcon } from "../../icons-Dw-im7lg.js";
+import { Button } from "../foundations/Button.js";
+import { Field } from "../foundations/Field.js";
+import { Textarea } from "../foundations/Textarea.js";
+import { Input } from "../foundations/Input.js";
+import { DescriptionList } from "../foundations/DescriptionList.js";
+import { Card, CardAction, CardContent, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ai-sdk/ConnectedAppCards.tsx
+const STATE_ICON = {
+	pending: DotIcon,
+	sent: CheckIcon,
+	denied: XIcon
+};
+function useDecision(handlers) {
+	const [reason, setReason] = React.useState("");
+	const [busy, setBusy] = React.useState(false);
+	const [errorMessage, setErrorMessage] = React.useState("");
+	const run = async (work) => {
+		if (busy) return;
+		setBusy(true);
+		setErrorMessage("");
+		try {
+			await work();
+		} catch (error) {
+			setErrorMessage(error instanceof Error && error.message.trim() ? error.message : "The decision could not be submitted. Try again.");
+		} finally {
+			setBusy(false);
+		}
+	};
+	return {
+		busy,
+		errorMessage,
+		reason,
+		setReason,
+		discard: handlers.onDiscard ? () => run(handlers.onDiscard) : void 0,
+		reject: handlers.onReject ? () => run(() => handlers.onReject(reason.trim())) : void 0,
+		send: handlers.onSend ? () => run(handlers.onSend) : void 0
+	};
+}
+function FieldList({ children, editing, items, onFieldChange }) {
+	const fieldId = React.useId();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [items.length > 0 ? /* @__PURE__ */ jsx(DescriptionList.Root, {
+		align: "start",
+		variant: "divided",
+		children: items.map((item) => {
+			const inputId = `${fieldId}-${item.name}`;
+			return /* @__PURE__ */ jsxs(DescriptionList.Item, { children: [/* @__PURE__ */ jsx(DescriptionList.Term, { children: editing ? /* @__PURE__ */ jsx("label", {
+				htmlFor: inputId,
+				children: item.term
+			}) : item.term }), /* @__PURE__ */ jsx(DescriptionList.Details, { children: editing ? /* @__PURE__ */ jsx(Input, {
+				id: inputId,
+				name: item.name,
+				value: item.value,
+				autoComplete: "off",
+				onChange: (event) => onFieldChange?.(item.name, event.currentTarget.value)
+			}) : item.display ?? item.value })] }, item.name);
+		})
+	}) : null, children] });
+}
+function StateIndicator({ state, labels }) {
+	const Icon = STATE_ICON[state];
+	return /* @__PURE__ */ jsxs(CardAction, {
+		className: "connected-app-card__status",
+		"data-state": state,
+		children: [/* @__PURE__ */ jsx(Icon, { size: 14 }), labels[state]]
+	});
+}
+function ConnectedAppCardFrame({ children, className, icon, kind, sendLabel, slot, state = "pending", stateLabels, onDiscard, onReject, onSend, ref, ...props }) {
+	const titleId = React.useId();
+	const ariaLabel = props["aria-label"];
+	const ariaLabelledBy = props["aria-labelledby"] ?? (ariaLabel ? void 0 : titleId);
+	const hasDecision = state === "pending" && Boolean(onSend || onDiscard || onReject);
+	const decision = useDecision({
+		onDiscard,
+		onReject,
+		onSend
+	});
+	return /* @__PURE__ */ jsxs(Card, {
+		...props,
+		ref,
+		role: props.role ?? "article",
+		"aria-labelledby": ariaLabelledBy,
+		"data-slot": slot,
+		"data-state": state,
+		size: "sm",
+		className: cx("connected-app-card", className),
+		children: [
+			/* @__PURE__ */ jsxs(CardHeader, { children: [/* @__PURE__ */ jsxs(CardTitle, {
+				id: titleId,
+				className: "connected-app-card__title",
+				render: /* @__PURE__ */ jsx("h3", {}),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "connected-app-card__icon",
+					"aria-hidden": "true",
+					children: icon
+				}), kind]
+			}), /* @__PURE__ */ jsx(StateIndicator, {
+				state,
+				labels: stateLabels
+			})] }),
+			/* @__PURE__ */ jsxs(CardContent, { children: [
+				children,
+				hasDecision && decision.reject ? /* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "Tell the agent what to do differently" }), /* @__PURE__ */ jsx(Field.Control, {
+					name: "reject-reason",
+					value: decision.reason,
+					disabled: decision.busy,
+					autoComplete: "off",
+					placeholder: "Shorter, and skip the recap",
+					onChange: (event) => decision.setReason(event.currentTarget.value),
+					onKeyDown: (event) => {
+						if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+							event.preventDefault();
+							decision.reject?.();
+						}
+					}
+				})] }) : null,
+				decision.errorMessage ? /* @__PURE__ */ jsx(Field.Errors, { errors: [decision.errorMessage] }) : null,
+				/* @__PURE__ */ jsx("span", {
+					className: "sigvelo-visually-hidden",
+					role: "status",
+					"aria-atomic": "true",
+					children: decision.errorMessage || (decision.busy ? "Submitting" : "")
+				})
+			] }),
+			hasDecision ? /* @__PURE__ */ jsxs(CardFooter, {
+				className: "connected-app-card__footer",
+				children: [
+					decision.send ? /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						disabled: decision.busy,
+						onClick: () => void decision.send?.(),
+						children: sendLabel
+					}) : null,
+					decision.discard ? /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						color: "neutral",
+						disabled: decision.busy,
+						onClick: () => void decision.discard?.(),
+						children: "Discard"
+					}) : null,
+					decision.reject ? /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						size: "sm",
+						variant: "ghost",
+						color: "neutral",
+						disabled: decision.busy,
+						onClick: () => void decision.reject?.(),
+						children: "Send feedback"
+					}) : null
+				]
+			}) : null
+		]
+	});
+}
+/**
+* Email draft or result. Pending cards can be edited and released; send,
+* discard, and reject-with-reason stay application-owned.
+*/
+function EmailMessageCard({ body, from, icon, onChange, onDiscard, onReject, onSend, state = "pending", subject, to, ref, ...props }) {
+	const editing = state === "pending" && onChange != null;
+	const draft = {
+		from,
+		to,
+		subject,
+		body
+	};
+	return /* @__PURE__ */ jsx(ConnectedAppCardFrame, {
+		...props,
+		ref,
+		slot: "email-message-card",
+		icon: icon ?? /* @__PURE__ */ jsx(MailIcon, {}),
+		kind: "New email",
+		sendLabel: "Send email",
+		state,
+		stateLabels: {
+			pending: "Ready to send",
+			sent: "Sent",
+			denied: "Denied"
+		},
+		onDiscard,
+		onReject,
+		onSend,
+		children: /* @__PURE__ */ jsx(FieldList, {
+			editing,
+			onFieldChange: (name, value) => onChange?.({
+				...draft,
+				[name]: value
+			}),
+			items: (editing ? [
+				{
+					name: "from",
+					term: "From",
+					value: from ?? ""
+				},
+				{
+					name: "to",
+					term: "To",
+					value: to ?? ""
+				},
+				{
+					name: "subject",
+					term: "Subject",
+					value: subject
+				}
+			] : [
+				from ? {
+					name: "from",
+					term: "From",
+					value: from
+				} : null,
+				to ? {
+					name: "to",
+					term: "To",
+					value: to
+				} : null,
+				{
+					name: "subject",
+					term: "Subject",
+					value: subject
+				}
+			]).filter((item) => item != null),
+			children: editing ? /* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "Message" }), /* @__PURE__ */ jsx(Field.Control, {
+				render: /* @__PURE__ */ jsx(Textarea, {
+					name: "body",
+					rows: 4,
+					resize: "vertical",
+					autoComplete: "off"
+				}),
+				value: body ?? "",
+				onChange: (event) => onChange({
+					...draft,
+					body: event.currentTarget.value
+				})
+			})] }) : body != null && body !== "" ? /* @__PURE__ */ jsx("p", {
+				className: "connected-app-card__body",
+				children: body
+			}) : null
+		})
+	});
+}
+/** Slack draft or posted message with workspace, destination, and thread fields. */
+function SlackMessageCard({ icon, message, onChange, onDiscard, onReject, onSend, state = "pending", thread, to, workspace, ref, ...props }) {
+	const editing = state === "pending" && onChange != null;
+	const draft = {
+		workspace,
+		to,
+		thread,
+		message
+	};
+	return /* @__PURE__ */ jsx(ConnectedAppCardFrame, {
+		...props,
+		ref,
+		slot: "slack-message-card",
+		icon: icon ?? /* @__PURE__ */ jsx(SlackIcon, {}),
+		kind: "Slack message",
+		sendLabel: "Send message",
+		state,
+		stateLabels: {
+			pending: "Ready to send",
+			sent: "Sent",
+			denied: "Denied"
+		},
+		onDiscard,
+		onReject,
+		onSend,
+		children: /* @__PURE__ */ jsx(FieldList, {
+			editing,
+			onFieldChange: (name, value) => onChange?.({
+				...draft,
+				[name]: value
+			}),
+			items: (editing ? [
+				{
+					name: "workspace",
+					term: "Workspace",
+					value: workspace ?? ""
+				},
+				{
+					name: "to",
+					term: "To",
+					value: to
+				},
+				{
+					name: "thread",
+					term: "Thread",
+					value: thread ?? ""
+				}
+			] : [
+				workspace ? {
+					name: "workspace",
+					term: "Workspace",
+					value: workspace
+				} : null,
+				{
+					name: "to",
+					term: "To",
+					value: to
+				},
+				thread ? {
+					name: "thread",
+					term: "Thread",
+					value: thread
+				} : null
+			]).filter((item) => item != null),
+			children: editing ? /* @__PURE__ */ jsxs(Field.Root, { children: [/* @__PURE__ */ jsx(Field.Label, { children: "Message" }), /* @__PURE__ */ jsx(Field.Control, {
+				render: /* @__PURE__ */ jsx(Textarea, {
+					name: "message",
+					rows: 4,
+					resize: "vertical",
+					autoComplete: "off"
+				}),
+				value: message,
+				onChange: (event) => onChange({
+					...draft,
+					message: event.currentTarget.value
+				})
+			})] }) : /* @__PURE__ */ jsx("p", {
+				className: "connected-app-card__body",
+				children: message
+			})
+		})
+	});
+}
+/**
+* Calendar draft or settled event. Pass `whenDateTime` for a semantic `time`
+* element; the application owns locale and timezone formatting.
+*/
+function CalendarEventCard({ attendees, eventTitle, icon, location, onChange, onDiscard, onReject, onSend, state = "pending", when, whenDateTime, ref, ...props }) {
+	const editing = state === "pending" && onChange != null;
+	const draft = {
+		eventTitle,
+		when,
+		whenDateTime,
+		location,
+		attendees
+	};
+	return /* @__PURE__ */ jsx(ConnectedAppCardFrame, {
+		...props,
+		ref,
+		slot: "calendar-event-card",
+		icon: icon ?? /* @__PURE__ */ jsx(CalendarIcon, {}),
+		kind: "Calendar event",
+		sendLabel: "Save event",
+		state,
+		stateLabels: {
+			pending: "Ready to save",
+			sent: "Saved",
+			denied: "Denied"
+		},
+		onDiscard,
+		onReject,
+		onSend,
+		children: /* @__PURE__ */ jsx(FieldList, {
+			editing,
+			onFieldChange: (name, value) => onChange?.({
+				...draft,
+				[name]: value
+			}),
+			items: editing ? [
+				{
+					name: "eventTitle",
+					term: "Title",
+					value: eventTitle
+				},
+				{
+					name: "when",
+					term: "When",
+					value: when
+				},
+				{
+					name: "location",
+					term: "Location",
+					value: location ?? ""
+				},
+				{
+					name: "attendees",
+					term: "Attendees",
+					value: attendees ?? ""
+				}
+			] : [
+				{
+					name: "eventTitle",
+					term: "Title",
+					value: eventTitle
+				},
+				{
+					name: "when",
+					term: "When",
+					value: when,
+					display: whenDateTime ? /* @__PURE__ */ jsx("time", {
+						dateTime: whenDateTime,
+						children: when
+					}) : void 0
+				},
+				...location ? [{
+					name: "location",
+					term: "Location",
+					value: location
+				}] : [],
+				...attendees ? [{
+					name: "attendees",
+					term: "Attendees",
+					value: attendees
+				}] : []
+			]
+		})
+	});
+}
+//#endregion
+export { CalendarEventCard, EmailMessageCard, SlackMessageCard };

package/dist/components/ai-sdk/Conversation.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-CVFSeTJn.js";
+import { n as ArrowDownIcon, v as DownloadIcon } from "../../icons-Dw-im7lg.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as assignRef } from "../../merge-refs-DF_7w2x_.js";
 import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport } from "./MessageScroller.js";

package/dist/components/ai-sdk/Goal.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { L as PauseIcon, Q as TrashIcon, X as TargetIcon, z as PlayIcon } from "../../icons-CVFSeTJn.js";
+import { $ as TrashIcon, B as PlayIcon, R as PauseIcon, Z as TargetIcon } from "../../icons-Dw-im7lg.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import * as React from "react";

package/dist/components/ai-sdk/InlineCitation.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { PreviewCard } from "../foundations/PreviewCard.js";
 import { Popover } from "../foundations/Popover.js";
+import { PreviewCard } from "../foundations/PreviewCard.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/InlineCitation.tsx

package/dist/components/ai-sdk/MediaPreviewCard.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { z as PlayIcon } from "../../icons-CVFSeTJn.js";
+import { B as PlayIcon } from "../../icons-Dw-im7lg.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import { Card } from "../foundations/Card.js";
 import * as React from "react";

package/dist/components/ai-sdk/Message.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-CVFSeTJn.js";
+import { S as FileIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
 import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";

package/dist/components/ai-sdk/MessageScroller.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-CVFSeTJn.js";
+import { n as ArrowDownIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import "react";

package/dist/components/ai-sdk/MessageScrollerVirtual.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { n as ArrowDownIcon } from "../../icons-CVFSeTJn.js";
+import { n as ArrowDownIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
 import { t as messageScrollerContract } from "../../message-scroller-C8cplcQO.js";
 import * as React from "react";

package/dist/components/ai-sdk/Plan.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-CVFSeTJn.js";
+import { _ as DotIcon, d as CheckIcon, i as ArrowRightIcon } from "../../icons-Dw-im7lg.js";
 import { Popover } from "../foundations/Popover.js";
 import { t as ProgressRing } from "../../progress-ring-BEocM1e3.js";
 import * as React from "react";

package/dist/components/ai-sdk/PromptInput.js

@@ -1,15 +1,15 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { $ as WarningIcon, B as PlusIcon, C as FolderIcon, I as PaperclipIcon, J as StopIcon, K as SpinnerIcon, N as MonitorIcon, S as FileIcon, a as ArrowUpIcon, d as CheckIcon, et as WrenchIcon, f as ChevronDownIcon, j as MicrophoneIcon, q as SquareIcon, tt as XIcon } from "../../icons-CVFSeTJn.js";
+import { C as FolderIcon, J as SquareIcon, L as PaperclipIcon, M as MicrophoneIcon, P as MonitorIcon, S as FileIcon, V as PlusIcon, Y as StopIcon, a as ArrowUpIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, nt as XIcon, q as SpinnerIcon, tt as WrenchIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { IconButton } from "../foundations/IconButton.js";
+import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
+import { i as formatErrorMessage, n as clamp, r as formatClock } from "../../format-DB2mX9DA.js";
 import { Autocomplete } from "../foundations/Autocomplete.js";
 import { Kbd } from "../foundations/Kbd.js";
 import { Menu } from "../foundations/Menu.js";
 import { PreviewCard } from "../foundations/PreviewCard.js";
 import { Tabs } from "../foundations/Tabs.js";
-import { t as AttachmentPreview } from "../../attachment-preview-1CXJvrmb.js";
-import { i as formatErrorMessage, n as clamp, r as formatClock } from "../../format-DB2mX9DA.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ai-sdk/Queue.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
+import { S as FileIcon, _ as DotIcon, d as CheckIcon, p as ChevronRightIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
+import { Collapsible } from "../foundations/Collapsible.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/ai-sdk/Reasoning.js

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../../icons-CVFSeTJn.js";
-import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
+import { q as SpinnerIcon } from "../../icons-Dw-im7lg.js";
 import { MessageResponse } from "./Message.js";
+import { Activity, ActivityContent, ActivityText, ActivityTrigger } from "./Activity.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Reasoning.tsx

package/dist/components/ai-sdk/Sources.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-Dw-im7lg.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { D as LinkIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Sources.tsx

package/dist/components/ai-sdk/Task.js

@@ -1,6 +1,6 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { S as FileIcon, W as SearchIcon, p as ChevronRightIcon } from "../../icons-Dw-im7lg.js";
 import { Collapsible } from "../foundations/Collapsible.js";
-import { S as FileIcon, U as SearchIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ai-sdk/Task.tsx

package/dist/components/ai-sdk/ToolInvocation.js

@@ -1,5 +1,5 @@
-import { Activity, ActivityContent, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { a as formatUnknownValue } from "../../format-DB2mX9DA.js";
+import { Activity, ActivityContent, ActivityPanel, ActivityTrigger } from "./Activity.js";
 import { getToolDisplayName, isToolPartFailed, isToolPartWorking } from "./ToolPart.js";
 import { t as summarizeToolInput } from "../../summarize-tool-input-CqTcGRYy.js";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -31,7 +31,7 @@ interface ChatGptSignInScreenProps extends React.HTMLAttributes<HTMLElement> {
   busy?: boolean;
   /** Button label for the sign-in action. */
   label?: string;
-  /** Called when the user clicks the sign-in action. */
+  /** Called when the user clicks the sign-in action. Omit to hide the built-in action. */
   onSignIn?: () => void;
 }
 /** Full-screen provider authentication prompt for MCP-B onboarding. */
@@ -44,8 +44,6 @@ declare function ChatGptSignInScreen({
   brandName,
   brandLogo,
   className,
-  onPointerLeave,
-  onPointerMove,
   onSignIn,
   secondaryAction,
   ref,

package/dist/components/extension/ChatGptSignInScreen.js

@@ -1,27 +1,16 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../../icons-CVFSeTJn.js";
+import { q as SpinnerIcon } from "../../icons-Dw-im7lg.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 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");
-		event.currentTarget.dataset.pointerActive = "true";
-	};
-	const handlePointerLeave = (event) => {
-		onPointerLeave?.(event);
-		delete event.currentTarget.dataset.pointerActive;
-	};
+function ChatGptSignInScreen({ busy = false, control, error, label = "Sign in with ChatGPT", title = "Welcome to MCP-B", brandName = "SigVelo", brandLogo = /* @__PURE__ */ jsx(SigVeloMark, {}), className, onSignIn, secondaryAction, ref, ...props }) {
 	return /* @__PURE__ */ jsxs("main", {
 		ref,
 		className: cx("chatgpt-sign-in", className),
 		"aria-label": "ChatGPT authentication",
-		onPointerLeave: handlePointerLeave,
-		onPointerMove: handlePointerMove,
 		...props,
 		"data-recipe": "fill-host",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -38,7 +27,7 @@ function ChatGptSignInScreen({ busy = false, control, error, label = "Sign in wi
 						/* @__PURE__ */ jsx("span", { children: brandName })
 					] })]
 				}),
-				control ?? /* @__PURE__ */ jsxs(Button, {
+				control ?? (onSignIn ? /* @__PURE__ */ jsxs(Button, {
 					type: "button",
 					variant: "normal",
 					color: error ? "destructive" : "primary",
@@ -58,7 +47,7 @@ function ChatGptSignInScreen({ busy = false, control, error, label = "Sign in wi
 						className: "chatgpt-sign-in__button-label",
 						children: label
 					})]
-				}),
+				}) : null),
 				error ? /* @__PURE__ */ jsx("p", {
 					role: "alert",
 					className: "chatgpt-sign-in__error",
@@ -80,13 +69,11 @@ function ChatGptSignInScreen({ busy = false, control, error, label = "Sign in wi
 	});
 }
 function handleSignInButtonPointerMove(event) {
-	setPointerPosition(event.currentTarget, event, "chatgpt-sign-in-button");
-}
-function setPointerPosition(element, event, name) {
+	const element = event.currentTarget;
 	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}%`);
+	element.style.setProperty("--chatgpt-sign-in-button-x", `${(event.clientX - rect.left) / rect.width * 100}%`);
+	element.style.setProperty("--chatgpt-sign-in-button-y", `${(event.clientY - rect.top) / rect.height * 100}%`);
 }
 function SigVeloMark() {
 	return /* @__PURE__ */ jsxs("svg", {

package/dist/components/extension/CodexModelSelector.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-CVFSeTJn.js";
+import { U as RefreshIcon, d as CheckIcon, f as ChevronDownIcon, l as BrainIcon, p as ChevronRightIcon } from "../../icons-Dw-im7lg.js";
 import { Tooltip } from "../foundations/Tooltip.js";
-import { Menu } from "../foundations/Menu.js";
 import { o as titleCase } from "../../format-DB2mX9DA.js";
+import { Menu } from "../foundations/Menu.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/extension/CodexModelSelector.tsx

package/dist/components/extension/ConversationTabPicker.js

@@ -1,7 +1,7 @@
-import { $ as WarningIcon } from "../../icons-CVFSeTJn.js";
+import { et as WarningIcon } from "../../icons-Dw-im7lg.js";
 import { Button } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
+import { Menu } from "../foundations/Menu.js";
 import { Avatar } from "../foundations/Avatar.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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-CVFSeTJn.js";
+import { d as CheckIcon } from "../../icons-Dw-im7lg.js";
 import { jsx } from "react/jsx-runtime";
 import { Checkbox as Checkbox$1 } from "@base-ui/react/checkbox";
 //#region src/components/foundations/Checkbox.tsx