@mcp-b/react-components 0.49.0 → 0.49.1

package/dist/{AgentChatQueue-C_Jaw3Ia.d.ts → AgentChatQueue-v5890eA1.d.ts}

@@ -1,4 +1,4 @@
-import { J as PromptInputMessage } from "./PromptInput-C4Mofitz.js";
+import { J as PromptInputMessage } from "./PromptInput-4kCz3T9P.js";
 import * as React from "react";
 import { ChatStatus } from "ai";
 

package/dist/{FileTree-H8mMg4rV.js → FileTree-DruTQ-oa.js}

@@ -18,7 +18,7 @@ function useFileTreeContext() {
 * WAI-ARIA Tree Pattern.
 */
 function useFileTreeNav({ expanded, selectedPath, onSelect, onExpandedChange }) {
-	const [focusedPath, setFocusedPath] = React.useState(null);
+	const [focusedPath, setFocusedPath] = React.useState(selectedPath);
 	const setFolderExpanded = React.useCallback((path, nextExpanded) => {
 		const next = new Set(expanded);
 		if (nextExpanded) next.add(path);
@@ -31,6 +31,7 @@ function useFileTreeNav({ expanded, selectedPath, onSelect, onExpandedChange })
 	const handleKeyDown = React.useCallback((event, path, kind) => {
 		const nodes = getVisibleFileTreeNodes(event.currentTarget.closest("[role=\"tree\"]"));
 		const currentIndex = nodes.indexOf(event.currentTarget);
+		const currentItem = event.currentTarget.closest("[role=\"treeitem\"]");
 		const focusAt = (index) => nodes[index]?.focus();
 		switch (event.key) {
 			case "ArrowDown":
@@ -44,13 +45,18 @@ function useFileTreeNav({ expanded, selectedPath, onSelect, onExpandedChange })
 			case "ArrowRight":
 				if (kind !== "folder") return;
 				event.preventDefault();
-				if (expanded.has(path)) focusAt(currentIndex + 1);
-				else setFolderExpanded(path, true);
+				if (expanded.has(path)) {
+					const child = nodes[currentIndex + 1];
+					if (child && currentItem?.contains(child)) child.focus();
+				} else setFolderExpanded(path, true);
 				break;
 			case "ArrowLeft":
-				if (kind !== "folder" || !expanded.has(path)) return;
 				event.preventDefault();
-				setFolderExpanded(path, false);
+				if (kind === "folder" && expanded.has(path)) setFolderExpanded(path, false);
+				else {
+					const parentItem = currentItem?.parentElement?.closest("[role=\"treeitem\"]");
+					nodes.find((node) => node.closest("[role=\"treeitem\"]") === parentItem)?.focus();
+				}
 				break;
 			case "Enter":
 			case " ":
@@ -128,13 +134,18 @@ function FileTree({ appearance = "contained", className, "aria-label": ariaLabel
 	});
 	const treeRef = React.useRef(null);
 	React.useLayoutEffect(() => {
-		const nodes = [...treeRef.current?.querySelectorAll(".file-tree__node") ?? []].filter((node) => node.closest("[role=\"tree\"]") === treeRef.current && !node.closest(".file-tree__group[data-collapsed]"));
+		const allNodes = [...treeRef.current?.querySelectorAll(".file-tree__node") ?? []].filter((node) => node.closest("[role=\"tree\"]") === treeRef.current);
+		const nodes = allNodes.filter((node) => !node.closest(".file-tree__group[data-collapsed]"));
 		if (nodes.length === 0) return;
 		if (nodes.some((node) => node.dataset.workspacePath === ctx.focusedPath)) return;
-		const firstPath = nodes[0]?.dataset.workspacePath;
-		if (firstPath) ctx.onFocus(firstPath);
+		const previousNode = allNodes.find((node) => node.dataset.workspacePath === ctx.focusedPath);
+		const nextNode = nodes.findLast((node) => previousNode ? node.closest("[role=\"treeitem\"]")?.contains(previousNode) : false) ?? nodes[0];
+		const nextPath = nextNode?.dataset.workspacePath;
+		if (nextPath) ctx.onFocus(nextPath);
+		if (previousNode === document.activeElement) nextNode?.focus();
 	}, [
 		children,
+		currentExpanded,
 		ctx.focusedPath,
 		ctx.onFocus
 	]);

package/dist/{Menu-yb6QXWA3.d.ts → Menu-CgfUZhZd.d.ts}

@@ -281,7 +281,7 @@ declare function MenuSubmenuTrigger({
  */
 declare const Menu$1: {
   createHandle: typeof Menu.createHandle;
-  Root: <Payload>(props: Menu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Root: <Payload>(props: Menu.Root.Props<Payload>) => React.JSX.Element;
   Trigger: typeof MenuTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof MenuPositioner;

package/dist/{PromptInput-C4Mofitz.d.ts → PromptInput-4kCz3T9P.d.ts}

@@ -1,4 +1,4 @@
-import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-yb6QXWA3.js";
+import { d as MenuProps, s as MenuItemProps, t as Menu } from "./Menu-CgfUZhZd.js";
 import { a as TabsListProps, n as TabProps, t as TabPanelProps } from "./Tabs-Ptrbaynh.js";
 import { r as ButtonProps } from "./Button-DjONW5UW.js";
 import * as React from "react";

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

@@ -1,5 +1,5 @@
-import { D as PromptInputCommandDefinition, J as PromptInputMessage, r as PromptInput, vt as PromptInputTray } from "../../PromptInput-C4Mofitz.js";
-import { r as AgentChatQueuedPrompt } from "../../AgentChatQueue-C_Jaw3Ia.js";
+import { D as PromptInputCommandDefinition, J as PromptInputMessage, r as PromptInput, vt as PromptInputTray } from "../../PromptInput-4kCz3T9P.js";
+import { r as AgentChatQueuedPrompt } from "../../AgentChatQueue-v5890eA1.js";
 import { AgentMessageRenderPartContext } from "../ai-sdk/AgentMessageParts.js";
 import { i as MessageActions } from "../../Message-DyaTBiV7.js";
 import { t as VirtualMessageScrollAnchor } from "../../MessageScrollerVirtual-D4afYwVB.js";

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

@@ -1,2 +1,2 @@
-import { i as useOptionalAgentChatQueue, n as AgentChatQueueProviderProps, r as AgentChatQueuedPrompt, t as AgentChatQueueProvider } from "../../AgentChatQueue-C_Jaw3Ia.js";
+import { i as useOptionalAgentChatQueue, n as AgentChatQueueProviderProps, r as AgentChatQueuedPrompt, t as AgentChatQueueProvider } from "../../AgentChatQueue-v5890eA1.js";
 export { AgentChatQueueProvider, AgentChatQueueProviderProps, AgentChatQueuedPrompt, useOptionalAgentChatQueue };

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

@@ -1,4 +1,4 @@
-import { J as PromptInputMessage } from "../../PromptInput-C4Mofitz.js";
+import { J as PromptInputMessage } from "../../PromptInput-4kCz3T9P.js";
 import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
 import { ThinkThreadItem } from "./ThinkThreadPicker.js";
 import * as React from "react";

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

@@ -1,4 +1,4 @@
-import { s as MenuItemProps, t as Menu } from "../../Menu-yb6QXWA3.js";
+import { s as MenuItemProps, t as Menu } from "../../Menu-CgfUZhZd.js";
 import { McpServerCard } from "../../utils/mcp-server-catalog.js";
 import { McpConnectorFormProps } from "./McpConnectorForm.js";
 import { DialogProps } from "../foundations/Dialog.js";

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

@@ -1,4 +1,4 @@
-import { D as PromptInputCommandDefinition } from "../../PromptInput-C4Mofitz.js";
+import { D as PromptInputCommandDefinition } from "../../PromptInput-4kCz3T9P.js";
 import { ConversationTabPickerItem } from "../extension/ConversationTabPicker.js";
 import { MCPServersState } from "agents";
 import { SkillDescriptor } from "agents/skills";

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

@@ -1,4 +1,4 @@
-import { J as PromptInputMessage } from "../../PromptInput-C4Mofitz.js";
+import { J as PromptInputMessage } from "../../PromptInput-4kCz3T9P.js";
 import { AgentMessageRenderPartContext } from "../ai-sdk/AgentMessageParts.js";
 import { AgentChatMessageContentProps, AgentChatRootProps } from "./AgentChat.js";
 import { UseSessionCompactionResult } from "./SessionCompaction.js";

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

@@ -1,5 +1,5 @@
 import { SearchField } from "../foundations/SearchField.js";
-import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-H8mMg4rV.js";
+import { i as FileTreeFolder, r as FileTreeFile, t as FileTree } from "../../FileTree-DruTQ-oa.js";
 import { WorkspaceHeader } from "./WorkspaceHeader.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -66,7 +66,11 @@ function AgentChatMessageEditor({ message, originalText, onCancel, onSubmit, onS
 						onCancel();
 					}
 				}),
-				error ? /* @__PURE__ */ jsx(Field.Errors, { errors: [error] }) : null
+				/* @__PURE__ */ jsx(Field.Error, {
+					match: Boolean(error),
+					role: "alert",
+					children: error
+				})
 			]
 		}), /* @__PURE__ */ jsxs("div", {
 			"data-slot": "message-edit-actions",

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

@@ -1,5 +1,5 @@
 import { r as ButtonProps } from "../../Button-DjONW5UW.js";
-import { vt as PromptInputTray } from "../../PromptInput-C4Mofitz.js";
+import { vt as PromptInputTray } from "../../PromptInput-4kCz3T9P.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
 

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

@@ -67,6 +67,7 @@ function VirtualMessageScroller({ items, getItemKey, renderItem, estimateSize =
 		};
 	};
 	const virtualizer = useVirtualizer({
+		useFlushSync: false,
 		count: items.length,
 		getScrollElement: () => viewportRef.current,
 		estimateSize: () => estimateSize,

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

@@ -1,2 +1,2 @@
-import { $ as PromptInputProviderProps, A as PromptInputContextItem, B as PromptInputHeader, C as PromptInputButtonProps, Ct as composerLinksToReferences, D as PromptInputCommandDefinition, E as PromptInputCommandComposerProps, F as PromptInputDictationProps, G as PromptInputHoverCardProps, H as PromptInputHoverCard, I as PromptInputFooter, J as PromptInputMessage, K as PromptInputHoverCardTrigger, L as PromptInputFooterEnd, M as PromptInputContextSelectorProps, N as PromptInputControllerProps, O as PromptInputCommandTrigger, P as PromptInputDictation, Q as PromptInputProvider, R as PromptInputFooterEndProps, S as PromptInputButton, St as TooltipSide, T as PromptInputCommandComposer, Tt as usePromptInputController, U as PromptInputHoverCardContent, V as PromptInputHeaderProps, W as PromptInputHoverCardContentProps, X as PromptInputPermissionSelectorProps, Y as PromptInputPermissionSelector, Z as PromptInputProps, _ as PromptInputAttachmentProps, _t as PromptInputTooltipConfig, a as PromptInputActionAddAttachmentsProps, at as PromptInputTabBodyProps, b as PromptInputBody, bt as PromptInputVoiceInput, c as PromptInputActionMenu, ct as PromptInputTabLabel, d as PromptInputActionMenuItem, dt as PromptInputTabsList, et as PromptInputReference, f as PromptInputActionMenuItemProps, ft as PromptInputTabsListProps, g as PromptInputAttachment, gt as PromptInputToolsProps, h as PromptInputActionMenuTriggerProps, ht as PromptInputTools, i as PromptInputActionAddAttachments, it as PromptInputTabBody, j as PromptInputContextSelector, k as PromptInputContextAction, l as PromptInputActionMenuContent, lt as PromptInputTabLabelProps, m as PromptInputActionMenuTrigger, mt as PromptInputTextareaProps, n as PermissionMode, nt as PromptInputSubmitProps, o as PromptInputActionAddScreenshot, ot as PromptInputTabItem, p as PromptInputActionMenuProps, pt as PromptInputTextarea, q as PromptInputHoverCardTriggerProps, r as PromptInput, rt as PromptInputTab, s as PromptInputActionAddScreenshotProps, st as PromptInputTabItemProps, t as AttachmentsContext, tt as PromptInputSubmit, u as PromptInputActionMenuContentProps, ut as PromptInputTabProps, v as PromptInputAttachments, vt as PromptInputTray, w as PromptInputButtonTooltip, wt as usePromptInputAttachments, x as PromptInputBodyProps, xt as TextInputContext, y as PromptInputAttachmentsProps, yt as PromptInputTrayProps, z as PromptInputFooterProps } from "../../PromptInput-C4Mofitz.js";
+import { $ as PromptInputProviderProps, A as PromptInputContextItem, B as PromptInputHeader, C as PromptInputButtonProps, Ct as composerLinksToReferences, D as PromptInputCommandDefinition, E as PromptInputCommandComposerProps, F as PromptInputDictationProps, G as PromptInputHoverCardProps, H as PromptInputHoverCard, I as PromptInputFooter, J as PromptInputMessage, K as PromptInputHoverCardTrigger, L as PromptInputFooterEnd, M as PromptInputContextSelectorProps, N as PromptInputControllerProps, O as PromptInputCommandTrigger, P as PromptInputDictation, Q as PromptInputProvider, R as PromptInputFooterEndProps, S as PromptInputButton, St as TooltipSide, T as PromptInputCommandComposer, Tt as usePromptInputController, U as PromptInputHoverCardContent, V as PromptInputHeaderProps, W as PromptInputHoverCardContentProps, X as PromptInputPermissionSelectorProps, Y as PromptInputPermissionSelector, Z as PromptInputProps, _ as PromptInputAttachmentProps, _t as PromptInputTooltipConfig, a as PromptInputActionAddAttachmentsProps, at as PromptInputTabBodyProps, b as PromptInputBody, bt as PromptInputVoiceInput, c as PromptInputActionMenu, ct as PromptInputTabLabel, d as PromptInputActionMenuItem, dt as PromptInputTabsList, et as PromptInputReference, f as PromptInputActionMenuItemProps, ft as PromptInputTabsListProps, g as PromptInputAttachment, gt as PromptInputToolsProps, h as PromptInputActionMenuTriggerProps, ht as PromptInputTools, i as PromptInputActionAddAttachments, it as PromptInputTabBody, j as PromptInputContextSelector, k as PromptInputContextAction, l as PromptInputActionMenuContent, lt as PromptInputTabLabelProps, m as PromptInputActionMenuTrigger, mt as PromptInputTextareaProps, n as PermissionMode, nt as PromptInputSubmitProps, o as PromptInputActionAddScreenshot, ot as PromptInputTabItem, p as PromptInputActionMenuProps, pt as PromptInputTextarea, q as PromptInputHoverCardTriggerProps, r as PromptInput, rt as PromptInputTab, s as PromptInputActionAddScreenshotProps, st as PromptInputTabItemProps, t as AttachmentsContext, tt as PromptInputSubmit, u as PromptInputActionMenuContentProps, ut as PromptInputTabProps, v as PromptInputAttachments, vt as PromptInputTray, w as PromptInputButtonTooltip, wt as usePromptInputAttachments, x as PromptInputBodyProps, xt as TextInputContext, y as PromptInputAttachmentsProps, yt as PromptInputTrayProps, z as PromptInputFooterProps } from "../../PromptInput-4kCz3T9P.js";
 export { AttachmentsContext, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommandComposer, PromptInputCommandComposerProps, PromptInputCommandDefinition, PromptInputCommandTrigger, PromptInputContextAction, PromptInputContextItem, PromptInputContextSelector, PromptInputContextSelectorProps, PromptInputControllerProps, PromptInputDictation, PromptInputDictationProps, PromptInputFooter, PromptInputFooterEnd, PromptInputFooterEndProps, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReference, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, PromptInputTray, PromptInputTrayProps, PromptInputVoiceInput, TextInputContext, TooltipSide, composerLinksToReferences, usePromptInputAttachments, usePromptInputController };

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

@@ -1,4 +1,4 @@
-import { d as MenuProps } from "../../Menu-yb6QXWA3.js";
+import { d as MenuProps } from "../../Menu-CgfUZhZd.js";
 import { CodexModel } from "../../utils/codex-model-catalog.js";
 import * as React from "react";
 

package/dist/components/extension/CodexModelSelector.js

@@ -22,7 +22,7 @@ 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-([^-]+).*$/i, "$1");
+	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) {

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

@@ -5,7 +5,15 @@ import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 /**
  * Props for the ContextMenu.Root component.
  */
-interface ContextMenuProps extends ContextMenu$1.Root.Props {}
+interface ContextMenuProps extends ContextMenu$1.Root.Props {
+  /** Trigger and popup composition rendered within the context menu. */
+  children?: ContextMenu$1.Root.Props["children"];
+  /**
+   * Has no effect on context menus.
+   * @deprecated This upstream prop has no effect on Context Menu.
+   */
+  closeParentOnEsc?: ContextMenu$1.Root.Props["closeParentOnEsc"];
+}
 /**
  * Props for the ContextMenu.Trigger component.
  */
@@ -45,27 +53,6 @@ interface ContextMenuSubmenuRootProps extends ContextMenu$1.SubmenuRoot.Props {}
 interface ContextMenuSubmenuTriggerProps extends React.ComponentPropsWithRef<typeof ContextMenu$1.SubmenuTrigger> {
   inset?: boolean;
 }
-/**
- * Root component that manages context menu state.
- *
- * @example
- * ```tsx
- * <ContextMenu.Root>
- *   <ContextMenu.Trigger>Right click here</ContextMenu.Trigger>
- *   <ContextMenu.Portal>
- *     <ContextMenu.Positioner>
- *       <ContextMenu.Popup>
- *         <ContextMenu.Item>Cut</ContextMenu.Item>
- *         <ContextMenu.Item>Copy</ContextMenu.Item>
- *         <ContextMenu.Item>Paste</ContextMenu.Item>
- *       </ContextMenu.Popup>
- *     </ContextMenu.Positioner>
- *   </ContextMenu.Portal>
- * </ContextMenu.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
- */
 /** Interactive area that activates the menu on right-click or long-press. */
 declare function ContextMenuTrigger({
   className,
@@ -183,7 +170,7 @@ declare function ContextMenuSubmenuTrigger({
  * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
  */
 declare const ContextMenu: {
-  Root: typeof ContextMenu$1.Root;
+  Root: (props: ContextMenuProps) => React.JSX.Element;
   Trigger: typeof ContextMenuTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof ContextMenuPositioner;

package/dist/components/foundations/ContextMenu.js

@@ -25,6 +25,7 @@ import { ContextMenu as ContextMenu$1 } from "@base-ui/react/context-menu";
 *
 * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
 */
+const ContextMenuRoot = ContextMenu$1.Root;
 /** Interactive area that activates the menu on right-click or long-press. */
 function ContextMenuTrigger({ className, ref, ...props }) {
 	const classes = mergeBaseClassName("context-menu__trigger", className);
@@ -195,7 +196,7 @@ function ContextMenuSubmenuTrigger({ className, inset, ref, ...props }) {
 * @see {@link https://base-ui.com/react/components/context-menu | Base UI ContextMenu}
 */
 const ContextMenu = {
-	Root: ContextMenu$1.Root,
+	Root: ContextMenuRoot,
 	Trigger: ContextMenuTrigger,
 	Portal: ContextMenu$1.Portal,
 	Positioner: ContextMenuPositioner,

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

@@ -90,7 +90,7 @@ declare function DialogClose({
   ...props
 }: DialogCloseProps): React.JSX.Element;
 declare const Dialog: {
-  Root: typeof Dialog$1.Root;
+  Root: <Payload>(props: Dialog$1.Root.Props<Payload>) => React.JSX.Element;
   Trigger: typeof DialogTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Backdrop: typeof DialogBackdrop;

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

@@ -1,2 +1,2 @@
-import { _ as MenuSubmenuRootProps, a as MenuGroupLabelProps, b as MenuViewportProps, c as MenuPopupProps, d as MenuProps, f as MenuRadioGroupProps, g as MenuShortcutProps, h as MenuSeparatorProps, i as MenuCheckboxItemProps, l as MenuPortalProps, m as MenuRadioItemProps, n as MenuArrowProps, o as MenuGroupProps, p as MenuRadioItemIndicatorProps, r as MenuCheckboxItemIndicatorProps, s as MenuItemProps, t as Menu, u as MenuPositionerProps, v as MenuSubmenuTriggerProps, y as MenuTriggerProps } from "../../Menu-yb6QXWA3.js";
+import { _ as MenuSubmenuRootProps, a as MenuGroupLabelProps, b as MenuViewportProps, c as MenuPopupProps, d as MenuProps, f as MenuRadioGroupProps, g as MenuShortcutProps, h as MenuSeparatorProps, i as MenuCheckboxItemProps, l as MenuPortalProps, m as MenuRadioItemProps, n as MenuArrowProps, o as MenuGroupProps, p as MenuRadioItemIndicatorProps, r as MenuCheckboxItemIndicatorProps, s as MenuItemProps, t as Menu, u as MenuPositionerProps, v as MenuSubmenuTriggerProps, y as MenuTriggerProps } from "../../Menu-CgfUZhZd.js";
 export { Menu, MenuArrowProps, MenuCheckboxItemIndicatorProps, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemProps, MenuPopupProps, MenuPortalProps, MenuPositionerProps, MenuProps, MenuRadioGroupProps, MenuRadioItemIndicatorProps, MenuRadioItemProps, MenuSeparatorProps, MenuShortcutProps, MenuSubmenuRootProps, MenuSubmenuTriggerProps, MenuTriggerProps, MenuViewportProps };

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

@@ -225,7 +225,7 @@ declare function MenubarSubmenuTrigger({
  */
 declare const Menubar: {
   Root: typeof MenubarRoot;
-  Menu: <Payload>(props: Menu.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Menu: <Payload>(props: Menu.Root.Props<Payload>) => React.JSX.Element;
   Trigger: typeof MenubarTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ContextMenuPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
   Positioner: typeof MenubarPositioner;

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

@@ -142,7 +142,7 @@ declare function PreviewCardArrow({
  */
 declare const PreviewCard: {
   createHandle: typeof PreviewCard$1.createHandle;
-  Root: <Payload>(props: PreviewCard$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Root: <Payload>(props: PreviewCard$1.Root.Props<Payload>) => React.JSX.Element;
   Trigger: typeof PreviewCardTrigger;
   Portal: typeof PreviewCardPortal;
   Backdrop: typeof PreviewCardBackdrop;

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

@@ -80,7 +80,7 @@ declare function TooltipArrow({
  */
 declare const Tooltip: {
   createHandle: typeof Tooltip$1.createHandle;
-  Root: <Payload>(props: Tooltip$1.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element;
+  Root: <Payload>(props: Tooltip$1.Root.Props<Payload>) => React.JSX.Element;
   Provider: typeof TooltipProvider;
   Trigger: typeof TooltipTrigger;
   Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").TooltipPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

package/dist/styles/accessibility.css

@@ -11,4 +11,24 @@
     border-color: GrayText;
     color: GrayText;
   }
+
+  :where([data-slot="meter-track"], [data-slot="progress-track"], [data-slot="slider-track"]) {
+    background-color: Canvas;
+    outline: var(--sigvelo-border-width) solid CanvasText;
+    outline-offset: calc(-1 * var(--sigvelo-border-width));
+  }
+
+  :where(
+    [data-slot="meter-indicator"],
+    [data-slot="progress-indicator"],
+    [data-slot="slider-indicator"]
+  ) {
+    background-color: Highlight;
+  }
+
+  /* Base UI focuses the hidden range input inside the visible thumb. */
+  .slider__thumb:has(:focus-visible) {
+    outline: var(--sigvelo-focus-ring-forced);
+    outline-offset: var(--sigvelo-focus-offset);
+  }
 }

package/dist/styles/agent-chat.css

@@ -563,7 +563,7 @@
 
   .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) {
     display: grid;
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(3, var(--sigvelo-layout-track-fill));
   }
 
   .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) > .button {

package/dist/styles/base.css

@@ -192,11 +192,3 @@ textarea {
 .tabular-nums {
   font-variant-numeric: tabular-nums;
 }
-
-@media (prefers-contrast: more) {
-  :root {
-    --sigvelo-color-neutral-border-muted: var(--sigvelo-color-neutral-600);
-    --sigvelo-color-neutral-border-subtle: var(--sigvelo-color-neutral-500);
-    --sigvelo-color-neutral-bg-subtle: var(--sigvelo-color-neutral-200);
-  }
-}

package/dist/styles/codex-model-selector.css

@@ -164,6 +164,10 @@
   line-height: var(--sigvelo-leading-compact);
 }
 
+.codex-model-selector__option[data-highlighted] .codex-model-selector__option-description {
+  color: inherit;
+}
+
 .codex-model-selector__option-indicator {
   order: 2;
   margin-inline-start: auto;

package/dist/styles/color-contrast.test.ts

@@ -0,0 +1,212 @@
+import { expect, test } from "vitest";
+import { cdp, page } from "vitest/browser";
+import { act, createElement } from "react";
+import { createRoot } from "react-dom/client";
+import { FileTree, FileTreeFile, FileTreeFolder } from "../components/general-purpose/FileTree.js";
+import presetsCss from "../../../design-tokens/src/color-presets.css?raw";
+import "./index.css";
+
+const presets = [
+  "",
+  ...new Set([...presetsCss.matchAll(/data-preset="([^"]+)"/g)].map((m) => m[1])),
+];
+const colorPrefix = "--sigvelo-color-";
+
+function luminance(channels: Uint8ClampedArray) {
+  return [0.2126, 0.7152, 0.0722].reduce((sum, weight, index) => {
+    const channel = channels[index] / 255;
+    return (
+      sum + weight * (channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4)
+    );
+  }, 0);
+}
+
+function contrastRatio(
+  context: CanvasRenderingContext2D,
+  foreground: string,
+  background: string,
+  surface: string,
+) {
+  context.fillStyle = surface;
+  context.fillRect(0, 0, 1, 1);
+  context.fillStyle = background;
+  context.fillRect(0, 0, 1, 1);
+  const backgroundLuminance = luminance(context.getImageData(0, 0, 1, 1).data);
+  context.fillStyle = foreground;
+  context.fillRect(0, 0, 1, 1);
+  const foregroundLuminance = luminance(context.getImageData(0, 0, 1, 1).data);
+  return (
+    (Math.max(backgroundLuminance, foregroundLuminance) + 0.05) /
+    (Math.min(backgroundLuminance, foregroundLuminance) + 0.05)
+  );
+}
+
+test.each(["light", "dark"])("semantic color pairs stay readable in %s mode", async (theme) => {
+  const root = document.documentElement;
+  const probe = document.createElement("div");
+  const canvas = document.createElement("canvas");
+  canvas.width = canvas.height = 1;
+  const context = canvas.getContext("2d");
+  if (!context) throw new Error("Contrast checks require a canvas context");
+  document.body.append(probe);
+  root.dataset.theme = theme;
+
+  try {
+    for (const preset of presets) {
+      if (preset) root.dataset.preset = preset;
+      else delete root.dataset.preset;
+
+      for (const family of ["primary", "neutral", "success", "warning", "danger"]) {
+        const pairs = [
+          [`${family}-bg`, `${family}-text-on-bg`],
+          [`${family}-bg-subtle`, `${family}-text-on-subtle`],
+          [`${family}-bg-strong`, `${family}-text-on-strong`],
+          ["surface", `${family}-text`],
+        ];
+        if (family === "primary" || family === "danger") {
+          pairs.push(
+            [`${family}-bg-hover`, `${family}-text-on-bg`],
+            [`${family}-bg-press`, `${family}-text-on-bg`],
+          );
+        }
+
+        for (const [background, foreground] of pairs) {
+          probe.style.cssText = `background: var(${colorPrefix}${background}); color: var(${colorPrefix}${foreground}); border-color: var(--sigvelo-color-surface)`;
+          const style = getComputedStyle(probe);
+          const ratio = contrastRatio(
+            context,
+            style.color,
+            style.backgroundColor,
+            style.borderColor,
+          );
+          expect(
+            ratio,
+            `${preset || "default"}: ${foreground} on ${background}`,
+          ).toBeGreaterThanOrEqual(4.5);
+        }
+      }
+    }
+
+    delete root.dataset.preset;
+    probe.style.backgroundColor = "var(--sigvelo-color-neutral-bg-subtle)";
+    await cdp().send("Emulation.setEmulatedMedia", {
+      features: [{ name: "prefers-contrast", value: "no-preference" }],
+    });
+    const background = getComputedStyle(probe).backgroundColor;
+    await cdp().send("Emulation.setEmulatedMedia", {
+      features: [{ name: "prefers-contrast", value: "more" }],
+    });
+    expect(getComputedStyle(probe).backgroundColor).toBe(background);
+  } finally {
+    probe.remove();
+    delete root.dataset.theme;
+    delete root.dataset.preset;
+    await cdp().send("Emulation.setEmulatedMedia", { features: [] });
+  }
+});
+
+test.each(["light", "dark"])("selected FileTree rows stay readable in %s mode", async (theme) => {
+  const root = document.documentElement;
+  const fixture = document.createElement("div");
+  const canvas = document.createElement("canvas");
+  canvas.width = canvas.height = 1;
+  const context = canvas.getContext("2d");
+  if (!context) throw new Error("Contrast checks require a canvas context");
+  document.body.append(fixture);
+  const reactRoot = createRoot(fixture);
+  act(() =>
+    reactRoot.render(
+      createElement(
+        "div",
+        null,
+        createElement(
+          FileTree,
+          { selectedPath: "src" },
+          createElement(FileTreeFolder, { path: "src", name: "Source" }),
+        ),
+        createElement(
+          FileTree,
+          { selectedPath: "index.ts" },
+          createElement(FileTreeFile, { path: "index.ts", name: "index.ts" }),
+        ),
+      ),
+    ),
+  );
+  root.dataset.theme = theme;
+
+  try {
+    const nodes = fixture.querySelectorAll<HTMLElement>(".file-tree__node[data-selected]");
+    expect(nodes).toHaveLength(2);
+    for (const node of nodes) {
+      for (const hovered of [false, true]) {
+        if (hovered) await page.elementLocator(node).hover();
+        else await page.elementLocator(node).unhover();
+        expect(node.matches(":hover")).toBe(hovered);
+        for (const preset of presets) {
+          if (preset) root.dataset.preset = preset;
+          else delete root.dataset.preset;
+          for (const animation of node.getAnimations()) animation.finish();
+          const style = getComputedStyle(node);
+          const surface = getComputedStyle(fixture.querySelector(".file-tree")!).backgroundColor;
+          expect(
+            contrastRatio(context, style.color, style.backgroundColor, surface),
+            `${preset || "default"}: ${node.textContent}, hover=${hovered}`,
+          ).toBeGreaterThanOrEqual(4.5);
+          for (const icon of node.querySelectorAll(".file-tree__icon, .file-tree__chevron")) {
+            expect(
+              contrastRatio(context, getComputedStyle(icon).color, style.backgroundColor, surface),
+              `${preset || "default"}: ${node.textContent} icon, hover=${hovered}`,
+            ).toBeGreaterThanOrEqual(3);
+          }
+        }
+      }
+    }
+  } finally {
+    act(() => reactRoot.unmount());
+    fixture.remove();
+    delete root.dataset.theme;
+    delete root.dataset.preset;
+  }
+});
+
+test("forced colors preserve scalar indicators and slider keyboard focus", async () => {
+  const fixture = document.createElement("div");
+  fixture.className = "progress--destructive";
+  document.body.append(fixture);
+  try {
+    await cdp().send("Emulation.setEmulatedMedia", {
+      features: [{ name: "forced-colors", value: "active" }],
+    });
+    const systemColor = document.createElement("div");
+    systemColor.style.backgroundColor = "Highlight";
+    fixture.append(systemColor);
+
+    for (const name of ["meter", "progress", "slider"]) {
+      const track = document.createElement("div");
+      const indicator = document.createElement("div");
+      track.className = `${name}__track`;
+      track.dataset.slot = `${name}-track`;
+      indicator.className = `${name}__indicator`;
+      indicator.dataset.slot = `${name}-indicator`;
+      track.append(indicator);
+      fixture.append(track);
+      expect(getComputedStyle(track).outlineStyle, name).toBe("solid");
+      expect(getComputedStyle(indicator).backgroundColor, name).toBe(
+        getComputedStyle(systemColor).backgroundColor,
+      );
+    }
+
+    const thumb = document.createElement("div");
+    thumb.className = "slider__thumb";
+    const range = document.createElement("input");
+    range.type = "range";
+    thumb.append(range);
+    fixture.append(thumb);
+    range.focus();
+    expect(range.matches(":focus-visible")).toBe(true);
+    expect(getComputedStyle(thumb).outlineStyle).toBe("solid");
+  } finally {
+    fixture.remove();
+    await cdp().send("Emulation.setEmulatedMedia", { features: [] });
+  }
+});

package/dist/styles/file-tree.css

@@ -110,7 +110,7 @@
 
 .file-tree__node[data-selected] {
   background-color: var(--sigvelo-color-primary-bg-subtle);
-  color: var(--sigvelo-color-primary-text);
+  color: var(--sigvelo-color-primary-text-on-subtle);
   font-weight: var(--sigvelo-font-weight-semibold);
 }
 
@@ -157,6 +157,10 @@
   color: var(--sigvelo-color-primary-text);
 }
 
+.file-tree__node[data-selected] :is(.file-tree__icon, .file-tree__chevron) {
+  color: inherit;
+}
+
 .file-tree__actions {
   display: inline-flex;
   align-items: center;

package/dist/styles/manager-office.css

@@ -116,8 +116,8 @@
   --manager-office-face: 2.625rem;
 
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  grid-template-rows: auto minmax(0, 1fr);
+  grid-template-columns: var(--sigvelo-layout-track-fill) auto;
+  grid-template-rows: auto var(--sigvelo-layout-track-fill);
 }
 
 .manager-office__sidebar[data-layout="chat"] .manager-office__sidebar-heading {
@@ -211,7 +211,7 @@
   min-block-size: var(--sigvelo-density-compact-control-height);
   padding: var(--sigvelo-spacing-1-5) var(--sigvelo-spacing-2);
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: var(--sigvelo-layout-track-fill) auto;
   align-items: center;
   gap: var(--sigvelo-spacing-2);
   border: var(--sigvelo-border-style) var(--sigvelo-border-width)
@@ -295,7 +295,7 @@
   padding-block: 0;
   padding-inline: var(--sigvelo-spacing-2);
   display: grid;
-  grid-template-columns: var(--manager-office-face) minmax(0, 1fr);
+  grid-template-columns: var(--manager-office-face) var(--sigvelo-layout-track-fill);
   align-items: center;
   gap: var(--sigvelo-spacing-1-5);
   border-radius: var(--sigvelo-radius-md);
@@ -549,7 +549,7 @@
 .manager-office__employee-header {
   min-inline-size: 0;
   display: grid;
-  grid-template-columns: auto minmax(0, 1fr);
+  grid-template-columns: auto var(--sigvelo-layout-track-fill);
   align-items: start;
   gap: var(--sigvelo-spacing-3);
   padding-block: var(--sigvelo-spacing-1);

package/dist/styles/responsive-sidebar-shell.css

@@ -49,7 +49,7 @@
 .responsive-sidebar-shell[data-sidebar-toggle-placement="sidebar"]
   .responsive-sidebar-shell__sidebar {
   display: grid;
-  grid-template-rows: auto minmax(0, 1fr);
+  grid-template-rows: auto var(--sigvelo-layout-track-fill);
 }
 
 .responsive-sidebar-shell__sidebar-leading {

package/dist/utils/codex-model-catalog.d.ts

@@ -52,18 +52,37 @@ type CodexModelListResponse = {
   data: CodexModel[]; /** Opaque cursor for the next `model/list` request. */
   nextCursor: string | null;
 };
-/** Current visible model ids in upstream Codex's checked-in catalog. */
-declare const CODEX_MODEL_IDS: readonly ["gpt-5.6-sol", "gpt-5.6-terra", "gpt-5.6-luna", "gpt-5.5", "gpt-5.4", "gpt-5.4-mini", "gpt-5.2"];
+/** Known visible model ids from upstream Codex and its desktop catalog. */
+declare const CODEX_MODEL_IDS: readonly ["gpt-6-astra", "gpt-5.6-sol", "gpt-5.6-terra", "gpt-5.6-luna", "gpt-5.5", "gpt-5.4", "gpt-5.4-mini", "gpt-5.2"];
 type CodexModelId = (typeof CODEX_MODEL_IDS)[number];
 /** Preserves literal ids and capability values for checked-in Codex catalogs. */
 declare function defineCodexModels<const Models extends readonly CodexModel[]>(models: Models): Models;
 /**
- * Checked-in snapshot of upstream Codex's visible model catalog
- * (`codex-rs/models-manager/models.json`). Display data for hosts without a
- * live `model/list`; runtime account catalogs remain authoritative because
- * availability differs by account and rollout.
+ * Checked-in snapshot of Codex's upstream and desktop model catalogs.
+ * Display data for hosts without a live `model/list`; runtime account catalogs
+ * remain authoritative because availability differs by account and rollout.
  */
 declare const CHECKED_IN_CODEX_MODELS: readonly [{
+  readonly id: "gpt-6-astra";
+  readonly model: "gpt-6-astra";
+  readonly displayName: "GPT-6 Astra";
+  readonly description: "Our most capable model for complex, demanding work.";
+  readonly supportedReasoningEfforts: [...CodexReasoningEffortOption[], CodexReasoningEffortOption, {
+    readonly reasoningEffort: "ultra";
+    readonly description: "Maximum reasoning with automatic task delegation";
+  }];
+  readonly defaultReasoningEffort: "medium";
+  readonly isDefault: false;
+  readonly upgrade: null;
+  readonly upgradeInfo: null;
+  readonly availabilityNux: null;
+  readonly hidden: boolean;
+  readonly inputModalities: ("text" | "image")[];
+  readonly supportsPersonality: boolean;
+  readonly additionalSpeedTiers: never[];
+  readonly serviceTiers: never[];
+  readonly defaultServiceTier: null;
+}, {
   readonly id: "gpt-5.6-sol";
   readonly model: "gpt-5.6-sol";
   readonly displayName: "GPT-5.6-Sol";

package/dist/utils/codex-model-catalog.js

@@ -1,6 +1,7 @@
 //#region src/utils/codex-model-catalog.ts
-/** Current visible model ids in upstream Codex's checked-in catalog. */
+/** Known visible model ids from upstream Codex and its desktop catalog. */
 const CODEX_MODEL_IDS = [
+	"gpt-6-astra",
 	"gpt-5.6-sol",
 	"gpt-5.6-terra",
 	"gpt-5.6-luna",
@@ -47,12 +48,28 @@ const checkedInModelMetadata = {
 	defaultServiceTier: null
 };
 /**
-* Checked-in snapshot of upstream Codex's visible model catalog
-* (`codex-rs/models-manager/models.json`). Display data for hosts without a
-* live `model/list`; runtime account catalogs remain authoritative because
-* availability differs by account and rollout.
+* Checked-in snapshot of Codex's upstream and desktop model catalogs.
+* Display data for hosts without a live `model/list`; runtime account catalogs
+* remain authoritative because availability differs by account and rollout.
 */
 const CHECKED_IN_CODEX_MODELS = defineCodexModels([
+	{
+		...checkedInModelMetadata,
+		id: "gpt-6-astra",
+		model: "gpt-6-astra",
+		displayName: "GPT-6 Astra",
+		description: "Our most capable model for complex, demanding work.",
+		supportedReasoningEfforts: [
+			...standardReasoningEfforts,
+			maxReasoningEffort,
+			{
+				reasoningEffort: "ultra",
+				description: "Maximum reasoning with automatic task delegation"
+			}
+		],
+		defaultReasoningEffort: "medium",
+		isDefault: false
+	},
 	{
 		...checkedInModelMetadata,
 		id: "gpt-5.6-sol",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mcp-b/react-components",
-  "version": "0.49.0",
+  "version": "0.49.1",
   "description": "MCP-B React components built on Base UI and shared design tokens, including Cloudflare Think chat primitives.",
   "homepage": "https://design-system.sigvelo.com",
   "bugs": {
@@ -38,7 +38,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@base-ui/react": "~1.6.0",
+    "@base-ui/react": "~1.8.0",
     "@rrweb/replay": "^2.1.1",
     "@shadcn/react": "^0.2.1",
     "@streamdown/cjk": "^1.0.3",
@@ -54,7 +54,7 @@
     "streamdown": "^2.5.0",
     "unist-util-visit": "^5.1.0",
     "yet-another-react-lightbox": "^3.32.2",
-    "@mcp-b/design-tokens": "0.49.0"
+    "@mcp-b/design-tokens": "0.49.1"
   },
   "devDependencies": {
     "@ai-sdk/react": "^3.0.249",