@mcp-b/react-components 0.51.2 → 0.52.0

package/dist/components/agents-sdk/WorkspaceExplorer.d.ts

@@ -1,5 +1,6 @@
 import { l as WorkspaceNavigationAdapter } from "../../WorkspaceLink-Bh9-Jo1r.js";
-import { b as WorkspaceState } from "../../Workspace-HzGrWDX3.js";
+import { r as WorkspaceMountManagerProps } from "../../WorkspaceMountManager-CkLI1B-G.js";
+import { b as WorkspaceState } from "../../Workspace-mzMZSdts.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceExplorer.d.ts
@@ -14,6 +15,8 @@ interface WorkspaceExplorerProps extends Omit<React.HTMLAttributes<HTMLDivElemen
   leading?: React.ReactNode;
   /** Extra header actions, rendered next to the built-in refresh button. */
   actions?: React.ReactNode;
+  /** Native folder data and callbacks; the shared explorer owns the attach control. */
+  mounts?: Omit<WorkspaceMountManagerProps, "trigger">;
   /** Show the file filter input. Hidden by default to keep the browser compact. */
   showFilter?: boolean;
   /** Placeholder for the optional file filter. */

package/dist/components/agents-sdk/WorkspaceExplorer.js

@@ -1,11 +1,14 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
+import { C as FolderIcon } from "../../icons-cuEtsgj9.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { WorkspaceMountManager } from "./WorkspaceMountManager.js";
 import { n as WorkspaceNavigationProvider, r as resolveWorkspaceLink } from "../../WorkspaceLink-BYZG-V_I.js";
 import { WorkspaceNavigationRestorationBoundary, useRequiredWorkspaceNavigationRestoration } from "./WorkspaceNavigationRestoration.js";
 import { WorkspaceBrowser } from "./WorkspaceBrowser.js";
-import { t as WorkspaceFileView } from "../../WorkspaceFileView-DYPtRVpM.js";
+import { t as WorkspaceFileView } from "../../WorkspaceFileView-DXgTljKV.js";
 import * as React from "react";
-import { jsx } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceExplorer.tsx
 function encodeWorkspaceDestination(destination) {
 	const path = destination.path.split("/").map((segment) => encodeURIComponent(segment)).join("/");
@@ -41,7 +44,7 @@ function getDirectoryAncestors(path, root) {
 function WorkspaceExplorer({ ...props }) {
 	return /* @__PURE__ */ jsx(WorkspaceNavigationRestorationBoundary, { children: /* @__PURE__ */ jsx(WorkspaceExplorerContent, { ...props }) });
 }
-function WorkspaceExplorerContent({ workspace, navigation, className, title = "Workspace", leading, actions, showFilter = false, filterPlaceholder = "Filter files...", emptyState, ref, ...props }) {
+function WorkspaceExplorerContent({ workspace, navigation, className, title = "Workspace", leading, actions, mounts, showFilter = false, filterPlaceholder = "Filter files...", emptyState, ref, ...props }) {
 	const explorerRef = React.useRef(null);
 	const pendingTreeFocusRef = React.useRef(null);
 	const currentEntry = navigation.current;
@@ -110,7 +113,13 @@ function WorkspaceExplorerContent({ workspace, navigation, className, title = "W
 			workspace,
 			title,
 			leading,
-			actions,
+			actions: mounts ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WorkspaceMountManager, {
+				...mounts,
+				trigger: /* @__PURE__ */ jsx(AppTopBar.Button, {
+					label: "Attach folder",
+					children: /* @__PURE__ */ jsx(FolderIcon, {})
+				})
+			}), actions] }) : actions,
 			showFilter,
 			filterPlaceholder,
 			emptyState,

package/dist/components/agents-sdk/WorkspaceFile.d.ts

@@ -1,2 +1,2 @@
-import { _ as isWorkspaceTextPath, a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as isWorkspaceSkillPath, h as isWorkspaceMediaPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMarkdownPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as inferWorkspaceMimeType, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename, v as parseWorkspaceSkill } from "../../WorkspaceFile-Bouauobc.js";
+import { _ as isWorkspaceTextPath, a as WorkspaceMediaInfo, c as WorkspaceMediaTrackKind, d as inferWorkspaceLanguage, f as inferWorkspaceMedia, g as isWorkspaceSkillPath, h as isWorkspaceMediaPath, i as WorkspaceFileState, l as WorkspaceSkillDocument, m as isWorkspaceMarkdownPath, n as WorkspaceFileAssetRequest, o as WorkspaceMediaKind, p as inferWorkspaceMimeType, r as WorkspaceFileAssetResolver, s as WorkspaceMediaTrack, t as WorkspaceFileAsset, u as getWorkspaceBasename, v as parseWorkspaceSkill } from "../../WorkspaceFile-19WP0EU1.js";
 export { WorkspaceFileAsset, WorkspaceFileAssetRequest, WorkspaceFileAssetResolver, WorkspaceFileState, WorkspaceMediaInfo, WorkspaceMediaKind, WorkspaceMediaTrack, WorkspaceMediaTrackKind, WorkspaceSkillDocument, getWorkspaceBasename, inferWorkspaceLanguage, inferWorkspaceMedia, inferWorkspaceMimeType, isWorkspaceMarkdownPath, isWorkspaceMediaPath, isWorkspaceSkillPath, isWorkspaceTextPath, parseWorkspaceSkill };

package/dist/components/agents-sdk/WorkspaceFileView.d.ts

@@ -1,4 +1,4 @@
-import { i as WorkspaceFileState } from "../../WorkspaceFile-Bouauobc.js";
+import { i as WorkspaceFileState } from "../../WorkspaceFile-19WP0EU1.js";
 import * as React from "react";
 
 //#region src/components/agents-sdk/WorkspaceFileView.d.ts

package/dist/components/agents-sdk/WorkspaceFileView.js

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

package/dist/components/agents-sdk/WorkspaceLive.d.ts

@@ -1,5 +1,5 @@
-import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-Bouauobc.js";
-import { y as WorkspaceSource } from "../../Workspace-HzGrWDX3.js";
+import { r as WorkspaceFileAssetResolver } from "../../WorkspaceFile-19WP0EU1.js";
+import { y as WorkspaceSource } from "../../Workspace-mzMZSdts.js";
 import { QueryClient } from "@tanstack/react-query";
 
 //#region src/components/agents-sdk/WorkspaceLive.d.ts

package/dist/components/agents-sdk/WorkspaceMessageResponse.d.ts

@@ -1,2 +1,2 @@
-import { a as WorkspaceMessageResponseProps, i as WorkspaceMessageResponse, n as WorkspaceFileRenderer, r as WorkspaceFileRendererProvider, t as WorkspaceFileRenderInput } from "../../WorkspaceMessageResponse-8lOSAbw_.js";
+import { a as WorkspaceMessageResponseProps, i as WorkspaceMessageResponse, n as WorkspaceFileRenderer, r as WorkspaceFileRendererProvider, t as WorkspaceFileRenderInput } from "../../WorkspaceMessageResponse-BApg8KZv.js";
 export { WorkspaceFileRenderInput, WorkspaceFileRenderer, WorkspaceFileRendererProvider, WorkspaceMessageResponse, WorkspaceMessageResponseProps };

package/dist/components/agents-sdk/WorkspaceMountManager.d.ts

@@ -1,33 +1,2 @@
-import * as React from "react";
-
-//#region src/components/agents-sdk/WorkspaceMountManager.d.ts
-type WorkspaceMountPermission = "granted" | "prompt" | "denied" | "unavailable";
-interface WorkspaceMountItem {
-  id: string;
-  path: string;
-  permission: WorkspaceMountPermission;
-}
-interface WorkspaceMountManagerProps {
-  mounts: readonly WorkspaceMountItem[];
-  adding?: boolean;
-  busyMountId?: string | null;
-  error?: React.ReactNode;
-  onAdd: () => void;
-  onReconnect: (mount: WorkspaceMountItem) => void;
-  onRemove: (mount: WorkspaceMountItem) => void;
-  /** Caller-owned button, including its accessible name and optional toolbar composition. */
-  trigger: React.ReactElement;
-}
-/** Controlled local-mount presentation; native handles and persistence stay in the host. */
-declare function WorkspaceMountManager({
-  mounts,
-  adding,
-  busyMountId,
-  error,
-  onAdd,
-  onReconnect,
-  onRemove,
-  trigger
-}: WorkspaceMountManagerProps): React.JSX.Element;
-//#endregion
+import { i as WorkspaceMountPermission, n as WorkspaceMountManager, r as WorkspaceMountManagerProps, t as WorkspaceMountItem } from "../../WorkspaceMountManager-CkLI1B-G.js";
 export { WorkspaceMountItem, WorkspaceMountManager, WorkspaceMountManagerProps, WorkspaceMountPermission };

package/dist/components/agents-sdk/WorkspaceMountManager.js

@@ -1,7 +1,7 @@
 import { Button } from "../foundations/Button.js";
 import { EmptyState } from "../foundations/EmptyState.js";
-import { Popover } from "../foundations/Popover.js";
 import { Card, CardFooter, CardHeader, CardTitle } from "../foundations/Card.js";
+import { Popover } from "../foundations/Popover.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceMountManager.tsx

package/dist/components/agents-sdk/WorkspaceProject.js

@@ -8,6 +8,7 @@ import { DescriptionList } from "../foundations/DescriptionList.js";
 import { LinkButton } from "../foundations/LinkButton.js";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
 import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-Bg7XhPsk.js";
+import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
@@ -169,7 +170,8 @@ function useWorkspaceProjects(source) {
 function WorkspaceProjectsPanel({ className, source, ref, ...props }) {
 	const query = useQuery(source.queryOptions);
 	const projects = query.data ?? [];
-	return /* @__PURE__ */ jsx("section", {
+	return /* @__PURE__ */ jsx(WorkspaceConceptPanel, {
+		heading: "Projects",
 		ref,
 		"data-slot": "workspace-projects-panel",
 		className: cx("workspace-concept-panel", className),

package/dist/components/agents-sdk/WorkspaceUserScript.js

@@ -6,6 +6,7 @@ import { DescriptionList } from "../foundations/DescriptionList.js";
 import { Switch } from "../foundations/Switch.js";
 import { Card, CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "../foundations/Card.js";
 import { i as WorkspaceDeleteControl, n as WorkspaceComposerLink, t as FaviconMark } from "../../workspace-assets-Bg7XhPsk.js";
+import { t as WorkspaceConceptPanel } from "../../WorkspaceConceptPanel-97ZyVpZI.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/WorkspaceUserScript.tsx
@@ -130,7 +131,8 @@ function WorkspaceUserScriptCard({ className, script, ref, ...props }) {
 * quiet empty state when nothing is projected.
 */
 function WorkspaceUserScriptsPanel({ className, ref, scripts, ...props }) {
-	return /* @__PURE__ */ jsx("section", {
+	return /* @__PURE__ */ jsx(WorkspaceConceptPanel, {
+		heading: "Scripts",
 		ref,
 		"data-slot": "workspace-user-scripts-panel",
 		className: cx("workspace-concept-panel", className),

package/dist/components/ai-sdk/Artifact.d.ts

@@ -1,4 +1,4 @@
-import { n as IconButtonProps } from "../../IconButton-ByiyjkYE.js";
+import { n as IconButtonProps } from "../../IconButton-CAlFVb2L.js";
 import * as React from "react";
 
 //#region src/components/ai-sdk/Artifact.d.ts

package/dist/components/ai-sdk/CodeBlock.d.ts

@@ -1,2 +1,2 @@
-import { C as CodeBlockLanguageSelectorValueProps, D as CODE_BLOCK_LANGUAGES, E as CodeBlockTitleProps, O as CodeBlockLanguage, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../../CodeBlock--r6GS8YV.js";
+import { C as CodeBlockLanguageSelectorValueProps, D as CODE_BLOCK_LANGUAGES, E as CodeBlockTitleProps, O as CodeBlockLanguage, S as CodeBlockLanguageSelectorValue, T as CodeBlockTitle, _ as CodeBlockLanguageSelectorItem, a as CodeBlockContainerProps, b as CodeBlockLanguageSelectorTrigger, c as CodeBlockCopyButton, d as CodeBlockFilenameProps, f as CodeBlockHeader, g as CodeBlockLanguageSelectorContentProps, h as CodeBlockLanguageSelectorContent, i as CodeBlockContainer, l as CodeBlockCopyButtonProps, m as CodeBlockLanguageSelector, n as CodeBlockActions, o as CodeBlockContent, p as CodeBlockHeaderProps, r as CodeBlockActionsProps, s as CodeBlockContentProps, t as CodeBlock, u as CodeBlockFilename, v as CodeBlockLanguageSelectorItemProps, w as CodeBlockProps, x as CodeBlockLanguageSelectorTriggerProps, y as CodeBlockLanguageSelectorProps } from "../../CodeBlock-DJ99TQWy.js";
 export { CODE_BLOCK_LANGUAGES, CodeBlock, CodeBlockActions, CodeBlockActionsProps, CodeBlockContainer, CodeBlockContainerProps, CodeBlockContent, CodeBlockContentProps, CodeBlockCopyButton, CodeBlockCopyButtonProps, CodeBlockFilename, CodeBlockFilenameProps, CodeBlockHeader, CodeBlockHeaderProps, type CodeBlockLanguage, CodeBlockLanguageSelector, CodeBlockLanguageSelectorContent, CodeBlockLanguageSelectorContentProps, CodeBlockLanguageSelectorItem, CodeBlockLanguageSelectorItemProps, CodeBlockLanguageSelectorProps, CodeBlockLanguageSelectorTrigger, CodeBlockLanguageSelectorTriggerProps, CodeBlockLanguageSelectorValue, CodeBlockLanguageSelectorValueProps, CodeBlockProps, CodeBlockTitle, CodeBlockTitleProps };

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

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

package/dist/components/ai-sdk/Conversation.d.ts

@@ -1,4 +1,4 @@
-import { n as IconButtonProps } from "../../IconButton-ByiyjkYE.js";
+import { n as IconButtonProps } from "../../IconButton-CAlFVb2L.js";
 import { MessageScrollerButtonProps, MessageScrollerItemProps } from "./MessageScroller.js";
 import * as React from "react";
 import { UIMessage } from "ai";

package/dist/components/ai-sdk/Message.d.ts

@@ -1,2 +1,2 @@
-import { A as MessageTimestamp, C as MessageCopyActionProps, D as MessageResponse, E as MessageProps, M as MessageToolbar, N as MessageToolbarProps, O as MessageResponseProps, S as MessageCopyAction, T as MessageMetaProps, _ as MessageBranchProps, a as MessageActionsProps, b as MessageContent, c as MessageBranch, d as MessageBranchNext, f as MessageBranchNextProps, g as MessageBranchPreviousProps, h as MessageBranchPrevious, i as MessageActions, j as MessageTimestampProps, k as MessageRole, l as MessageBranchContent, m as MessageBranchPageProps, n as MessageAction, o as MessageAttachment, p as MessageBranchPage, r as MessageActionProps, s as MessageAttachmentProps, t as Message, u as MessageBranchContentProps, v as MessageBranchSelector, w as MessageMeta, x as MessageContentProps, y as MessageBranchSelectorProps } from "../../Message-DyaTBiV7.js";
+import { A as MessageTimestamp, C as MessageCopyActionProps, D as MessageResponse, E as MessageProps, M as MessageToolbar, N as MessageToolbarProps, O as MessageResponseProps, S as MessageCopyAction, T as MessageMetaProps, _ as MessageBranchProps, a as MessageActionsProps, b as MessageContent, c as MessageBranch, d as MessageBranchNext, f as MessageBranchNextProps, g as MessageBranchPreviousProps, h as MessageBranchPrevious, i as MessageActions, j as MessageTimestampProps, k as MessageRole, l as MessageBranchContent, m as MessageBranchPageProps, n as MessageAction, o as MessageAttachment, p as MessageBranchPage, r as MessageActionProps, s as MessageAttachmentProps, t as Message, u as MessageBranchContentProps, v as MessageBranchSelector, w as MessageMeta, x as MessageContentProps, y as MessageBranchSelectorProps } from "../../Message-COsMPZSC.js";
 export { Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageAttachment, MessageAttachmentProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageCopyAction, MessageCopyActionProps, MessageMeta, MessageMetaProps, MessageProps, MessageResponse, MessageResponseProps, MessageRole, MessageTimestamp, MessageTimestampProps, MessageToolbar, MessageToolbarProps };

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

@@ -97,7 +97,7 @@ function PromptInputProvider({ initialInput = "", value, onValueChange, accept,
 		setFiles([]);
 	}, []);
 	const submitDraft = React.useCallback(async (onSubmit, event) => {
-		if (serializing.current) return;
+		if (serializing.current || !text.trim() && filesRef.current.length === 0) return;
 		serializing.current = true;
 		const revision = textRevision.current;
 		const snapshot = filesRef.current;

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

@@ -14,7 +14,7 @@ interface ChatGptSignInScreenProps extends React.HTMLAttributes<HTMLElement> {
   error?: React.ReactNode;
   /** Main heading shown above the sign-in control. */
   title?: string;
-  /** Brand name displayed under the heading. */
+  /** Brand name displayed in the footer. */
   brandName?: string;
   /** Brand mark displayed next to the brand name. */
   brandLogo?: React.ReactNode;

package/dist/components/extension/ChatGptSignInScreen.js

@@ -6,7 +6,12 @@ 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, onSignIn, secondaryAction, ref, ...props }) {
+function ChatGptSignInScreen({ busy = false, control, error, label = "Sign in with ChatGPT", title = "Meet Rook", brandName = "SigVelo", brandLogo = /* @__PURE__ */ jsx("img", {
+	src: new URL("../../assets/sigvelo-logo.svg", import.meta.url).href,
+	alt: "",
+	width: 64,
+	height: 64
+}), className, onSignIn, secondaryAction, ref, ...props }) {
 	return /* @__PURE__ */ jsxs("main", {
 		ref,
 		className: cx("chatgpt-sign-in", className),
@@ -14,194 +19,64 @@ function ChatGptSignInScreen({ busy = false, control, error, label = "Sign in wi
 		...props,
 		"data-recipe": "fill-host",
 		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__content",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "chatgpt-sign-in__panel",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "chatgpt-sign-in__brand",
+						children: [brandLogo ? /* @__PURE__ */ jsx("span", {
 							className: "chatgpt-sign-in__brand-mark",
 							children: brandLogo
-						}) : null,
-						/* @__PURE__ */ jsx("span", { children: brandName })
-					] })]
-				}),
-				control ?? (onSignIn ? /* @__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
-					})]
-				}) : null),
-				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, {
-				type: "button",
-				variant: "ghost",
-				color: "neutral",
-				size: "xs",
-				disabled: secondaryAction.disabled,
-				onClick: secondaryAction.onSelect,
-				children: secondaryAction.label
-			})
-		}) : null]
-	});
-}
-function handleSignInButtonPointerMove(event) {
-	const element = event.currentTarget;
-	const rect = element.getBoundingClientRect();
-	if (rect.width === 0 || rect.height === 0) return;
-	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", {
-		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"
-					})
+						}) : null, /* @__PURE__ */ jsx("h1", { children: title })]
+					}),
+					control ?? (onSignIn ? /* @__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,
+						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
+						})]
+					}) : null),
+					error ? /* @__PURE__ */ jsx("p", {
+						role: "alert",
+						className: "chatgpt-sign-in__error",
+						children: error
+					}) : null
 				]
-			}), /* @__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"
+			}), secondaryAction ? /* @__PURE__ */ jsx("div", {
+				className: "chatgpt-sign-in__secondary-action",
+				children: /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					color: "neutral",
+					size: "xs",
+					disabled: secondaryAction.disabled,
+					onClick: secondaryAction.onSelect,
+					children: secondaryAction.label
+				})
+			}) : null]
+		}), /* @__PURE__ */ jsx("footer", {
+			className: "chatgpt-sign-in__footer",
+			children: /* @__PURE__ */ jsxs("a", {
+				href: "https://sigvelo.com",
+				target: "_blank",
+				rel: "noopener noreferrer",
+				children: ["Powered by ", brandName]
 			})
-		]
+		})]
 	});
 }
 //#endregion

package/dist/components/extension/CodexModelSelector.js

@@ -22,7 +22,6 @@ function CodexModelSelector({ models, selectedModelId = null, onSelectModel, sel
 	const selectedEffort = effortOptions.find((option) => option.reasoningEffort === selectedEffortId);
 	const selectedSpeed = speedOptions.find((option) => option.id === selectedSpeedId);
 	const selectedModelLabel = selectedModel?.displayName ?? "Select model";
-	const compactModelLabel = selectedModelLabel.replace(/^GPT-([^\s-]+).*$/i, "$1");
 	const selectedEffortLabel = selectedEffort ? formatSettingLabel(selectedEffort.reasoningEffort) : void 0;
 	const selectedSettingsLabel = selectedEffortLabel ? `${selectedModelLabel} · ${selectedEffortLabel}` : selectedModelLabel;
 	function handleSelectModel(modelId) {
@@ -53,12 +52,9 @@ function CodexModelSelector({ models, selectedModelId = null, onSelectModel, sel
 		disabled,
 		"aria-label": ariaLabel,
 		children: [
-			/* @__PURE__ */ jsxs("span", {
+			/* @__PURE__ */ jsx("span", {
 				className: "codex-model-selector__compact",
-				children: [/* @__PURE__ */ jsx(BrainIcon, { className: "codex-model-selector__compact-icon" }), /* @__PURE__ */ jsx("span", {
-					className: "codex-model-selector__compact-label",
-					children: compactModelLabel
-				})]
+				children: /* @__PURE__ */ jsx(BrainIcon, { className: "codex-model-selector__compact-icon" })
 			}),
 			/* @__PURE__ */ jsxs("span", {
 				className: "codex-model-selector__summary sigvelo-truncate",

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

@@ -1,2 +1,2 @@
-import { n as IconButtonProps, t as IconButton } from "../../IconButton-ByiyjkYE.js";
+import { n as IconButtonProps, t as IconButton } from "../../IconButton-CAlFVb2L.js";
 export { IconButton, IconButtonProps };

package/dist/components/foundations/IconButton.js

@@ -8,17 +8,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * tooltip. Use text buttons for actions whose consequence an icon cannot make
 * clear on its own.
 */
-function IconButton({ children, label, size = "sm", tooltip = label, tooltipSide = "top", type = "button", ref, ...props }) {
-	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsx(Tooltip.Trigger, {
+function IconButton({ children, label, responsiveLabel, size = "sm", tooltip = label, tooltipSide = "top", type = "button", ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Tooltip.Root, { children: [/* @__PURE__ */ jsxs(Tooltip.Trigger, {
 		render: /* @__PURE__ */ jsx(Button, {
 			ref,
 			type,
 			size,
-			iconOnly: true,
+			iconOnly: !responsiveLabel,
 			"aria-label": label,
 			...props
 		}),
-		children
+		children: [children, responsiveLabel ? /* @__PURE__ */ jsx("span", {
+			className: "button__responsive-label",
+			children: responsiveLabel
+		}) : null]
 	}), /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
 		side: tooltipSide,
 		sideOffset: 6,

package/dist/components/general-purpose/AccountSignInDialog.d.ts

@@ -1,26 +1,22 @@
-import { l as DialogProps } from "../../Dialog-88GF7_Th.js";
 import * as React from "react";
 
 //#region src/components/general-purpose/AccountSignInDialog.d.ts
 interface AccountSignInDialogProps {
-  open: boolean;
-  onOpenChange: DialogProps["onOpenChange"];
   trigger: React.ReactElement;
   title: string;
   description: string;
   /** Provider-owned sign-in control; credentials never enter the component. */
-  children: React.ReactNode;
-  error?: string | null;
+  renderControl: (events: {
+    onError: (message: string | null) => void;
+    onSuccess: () => void;
+  }) => React.ReactNode;
 }
 /** Shared account-dialog layout surrounding a provider's own sign-in control. */
 declare function AccountSignInDialog({
-  open,
-  onOpenChange,
   trigger,
   title,
   description,
-  error,
-  children
+  renderControl
 }: AccountSignInDialogProps): React.JSX.Element;
 //#endregion
 export { AccountSignInDialog, AccountSignInDialogProps };

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

@@ -1,20 +1,28 @@
 import { Dialog } from "../foundations/Dialog.js";
 import { Field } from "../foundations/Field.js";
-import "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/AccountSignInDialog.tsx
 /** Shared account-dialog layout surrounding a provider's own sign-in control. */
-function AccountSignInDialog({ open, onOpenChange, trigger, title, description, error, children }) {
+function AccountSignInDialog({ trigger, title, description, renderControl }) {
+	const [open, setOpen] = React.useState(false);
+	const [error, setError] = React.useState(null);
 	return /* @__PURE__ */ jsxs(Dialog.Root, {
 		open,
-		onOpenChange,
+		onOpenChange: (next) => {
+			setError(null);
+			setOpen(next);
+		},
 		children: [/* @__PURE__ */ jsx(Dialog.Trigger, { render: trigger }), /* @__PURE__ */ jsxs(Dialog.Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, {}), /* @__PURE__ */ jsx(Dialog.Viewport, { children: /* @__PURE__ */ jsxs(Dialog.Popup, {
 			size: "sm",
 			children: [
 				/* @__PURE__ */ jsxs(Dialog.Header, { children: [/* @__PURE__ */ jsx(Dialog.Title, { children: title }), /* @__PURE__ */ jsx(Dialog.Description, { children: description })] }),
 				/* @__PURE__ */ jsxs("div", {
 					className: "account-sign-in-dialog__control",
-					children: [children, error ? /* @__PURE__ */ jsx(Field.Errors, { errors: [error] }) : null]
+					children: [renderControl({
+						onError: setError,
+						onSuccess: () => setOpen(false)
+					}), error ? /* @__PURE__ */ jsx(Field.Errors, { errors: [error] }) : null]
 				}),
 				/* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsx(Dialog.Close, { children: "Cancel" }) })
 			]