@mcp-b/react-components 0.49.1 → 0.50.0

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+
+//#region src/components/general-purpose/NotificationPrompt.d.ts
+/** Persistent permission/retry affordance; availability and the user gesture stay host-owned. */
+declare function NotificationPrompt({
+  onEnable,
+  children
+}: {
+  onEnable: () => void;
+  children: React.ReactNode;
+}): React.JSX.Element;
+//#endregion
+export { NotificationPrompt };

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

@@ -0,0 +1,18 @@
+import { Button } from "../foundations/Button.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/general-purpose/NotificationPrompt.tsx
+/** Persistent permission/retry affordance; availability and the user gesture stay host-owned. */
+function NotificationPrompt({ onEnable, children }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "sigvelo-floating-prompt",
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "surface",
+			color: "neutral",
+			onClick: onEnable,
+			children
+		})
+	});
+}
+//#endregion
+export { NotificationPrompt };

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-cuEtsgj9.js";
+import { N as MinusIcon, T as InfoIcon, d as CheckIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { Separator } from "../foundations/Separator.js";
 import { Card } from "../foundations/Card.js";
+import { Separator } from "../foundations/Separator.js";
 import { getPlanPrice, getPlanYearlySavings } from "./Pricing.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/PricingPlanCard.tsx

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

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Slider } from "../foundations/Slider.js";
+import { Card } from "../foundations/Card.js";
 import { Separator } from "../foundations/Separator.js";
 import { Progress } from "../foundations/Progress.js";
-import { Card } from "../foundations/Card.js";
+import { Slider } from "../foundations/Slider.js";
 import { formatPricingUsage, getUsagePrice } from "./Pricing.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,128 +1,2 @@
-import { AppTopBarTitleProps } from "./AppTopBar.js";
-import * as React from "react";
-
-//#region src/components/general-purpose/ResponsiveSidebarShell.d.ts
-interface ResponsiveSidebarShellControls {
-  /** The shell's current container layout, shared by in-shell and portalled controls. */
-  compact: boolean;
-  /** Close the sidebar and move focus to the main content. */
-  closeSidebar: () => void;
-  /** Close only when the shell is currently using its compact drawer layout. */
-  closeSidebarOnCompact: () => void;
-}
-/** Reuse the shell's measured layout and drawer controls instead of observing it again. */
-declare function useResponsiveSidebarShell(): ResponsiveSidebarShellControls;
-/**
- * Bar slot content shared by every shell-owning surface's `bar` prop, so an
- * app writes one shape whether it is configuring ThinkFullApp, the routine
- * library, or the shell directly.
- */
-interface AppBarSlots {
-  /**
-   * App-owned route element rendered as a labelled back control. Back owns
-   * the leading slot the same way `leading` does: the shell's own sidebar
-   * toggle stands down and compact sidebars stay reachable through
-   * `compactTitleTrigger`.
-   */
-  back?: {
-    label: string;
-    link: React.ReactElement;
-  };
-  /** App-owned leading navigation that owns the leading slot at every width. */
-  leading?: React.ReactNode;
-  /** Compact-only navigation that replaces the drawer trigger without hiding the wide rail toggle. */
-  compactLeading?: React.ReactNode;
-  /** Bar title content. Hidden at compact widths when `compactTitleTrigger` stands in. */
-  title?: React.ReactNode;
-  /** Trailing group, before `primary`. Overflow menus and secondary icon controls. */
-  actions?: React.ReactNode;
-  /**
-   * Rightmost trailing control. Sits after `actions` so a host can keep a
-   * single primary action (new thread, new schedule) on the trailing edge
-   * without fighting whatever else the surface puts in the bar.
-   */
-  primary?: React.ReactNode;
-}
-interface ResponsiveSidebarShellBar extends AppBarSlots {
-  /** Native title render contract, including element and render-function composition. */
-  titleRender?: AppTopBarTitleProps["render"];
-  /**
-   * Label content for a compact-width drawer trigger that replaces the plain
-   * title and the icon toggle: the title itself becomes the control that opens
-   * the sidebar. The shell renders the button and the disclosure chevron.
-   */
-  compactTitleTrigger?: React.ReactNode;
-  /** Accessible name for the bar toolbar. Defaults to "Application controls". */
-  label?: string;
-  /** Class for the bar root, the owning surface's styling hook. */
-  className?: string;
-  /**
-   * No bar row at all — for content that brings its own application bar.
-   * Distinct from passing no slots: an empty shell with a sidebar still shows
-   * a bar carrying the toggle.
-   */
-  hidden?: boolean;
-}
-interface ResponsiveSidebarShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "title"> {
-  /**
-   * Navigation or other secondary surface shown beside the selected content.
-   * Omit for a shell that is only a bar row over content — the app bar then
-   * has one mount point whether or not a sidebar exists.
-   *
-   * Open/closed is shell-internal: it is ephemeral presentation state, not a
-   * route, so no host controls it and no resize ever writes into a router.
-   */
-  sidebar?: React.ReactNode | ((controls: ResponsiveSidebarShellControls) => React.ReactNode);
-  /** Main content. */
-  children?: React.ReactNode;
-  /** Short noun used by the toggle and resize control, such as “threads” or “schedules”. */
-  sidebarLabel?: string;
-  /** Whether the sidebar is open. Omit for internal state. */
-  sidebarOpen?: boolean;
-  /** Move the wide-layout toggle into the sidebar while it is open. */
-  sidebarTogglePlacement?: "main" | "sidebar";
-  /** Initial sidebar state when `sidebarOpen` is uncontrolled. */
-  defaultSidebarOpen?: boolean;
-  /** Called when the sidebar is opened or closed. */
-  onSidebarOpenChange?: (open: boolean) => void;
-  /** Initial desktop sidebar width in CSS pixels. */
-  defaultSidebarWidth?: number;
-  /** Shell-owned application bar composed from slots. */
-  bar?: ResponsiveSidebarShellBar;
-  /**
-   * Host-owned error shown in the main column above the content, without
-   * replacing it. The shell renders the alert anatomy; pass the message.
-   */
-  error?: React.ReactNode;
-  /** Accessible name for the mobile peek target that returns to the main content. */
-  showMainLabel?: string;
-}
-/**
- * The one application shell: responsive master-detail with a resizable desktop
- * sidebar, a compact floating drawer that leaves the main content in place as
- * a dismiss target, and a shell-owned application bar composed from slots.
- * The root exposes `data-sidebar-open="true" | "false"` as its public styling
- * hook, and its container name `responsive-sidebar-shell` is public contract:
- * surfaces that compose the shell size themselves against it.
- */
-declare function ResponsiveSidebarShell({
-  sidebar,
-  sidebarLabel,
-  sidebarOpen,
-  sidebarTogglePlacement,
-  defaultSidebarOpen,
-  defaultSidebarWidth,
-  onSidebarOpenChange,
-  bar,
-  error,
-  showMainLabel,
-  className,
-  children,
-  ref,
-  style,
-  ...props
-}: ResponsiveSidebarShellProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-//#endregion
+import { a as ResponsiveSidebarShellProps, i as ResponsiveSidebarShellControls, n as ResponsiveSidebarShell, o as useResponsiveSidebarShell, r as ResponsiveSidebarShellBar, t as AppBarSlots } from "../../ResponsiveSidebarShell-CAmmtQTR.js";
 export { AppBarSlots, ResponsiveSidebarShell, ResponsiveSidebarShellBar, ResponsiveSidebarShellControls, ResponsiveSidebarShellProps, useResponsiveSidebarShell };

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

@@ -1,5 +1,5 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { W as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
+import { W as SidebarIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
 import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
@@ -89,6 +89,7 @@ function ResponsiveSidebarShell({ sidebar, sidebarLabel = "sidebar", sidebarOpen
 		wantsBuiltInDefault
 	]);
 	const hasSidebar = sidebar != null;
+	const sidebarVisible = hasSidebar && isSidebarOpen;
 	const toggleLabel = capitalize(sidebarLabel);
 	const toggleTooltip = `${isSidebarOpen ? "Hide" : "Show"} ${sidebarLabel}`;
 	const updateSidebar = React.useCallback((update, restoreFocus) => {
@@ -122,20 +123,7 @@ function ResponsiveSidebarShell({ sidebar, sidebarLabel = "sidebar", sidebarOpen
 		closeSidebarOnCompact
 	]);
 	const sidebarContent = typeof sidebar === "function" ? sidebar(controls) : sidebar;
-	const hasCustomLeading = bar?.leading != null;
-	const hasAppLeading = bar?.back != null || hasCustomLeading;
-	const hasTitleTrigger = hasSidebar && bar?.compactTitleTrigger != null && bar?.compactLeading == null;
-	const renderSidebarToggle = (className) => hasSidebar ? /* @__PURE__ */ jsx(AppTopBar.Button, {
-		className: cx("responsive-sidebar-shell__toggle", className),
-		label: toggleLabel,
-		tooltip: toggleTooltip,
-		type: "button",
-		"aria-controls": sidebarId,
-		"aria-expanded": isSidebarOpen,
-		onClick: (event) => toggleSidebar(event.currentTarget),
-		children: /* @__PURE__ */ jsx(SidebarIcon, {})
-	}) : null;
-	const renderSidebarToggleInSidebar = () => hasSidebar ? /* @__PURE__ */ jsx(Button, {
+	const sidebarToggle = sidebarVisible && sidebarTogglePlacement === "sidebar" ? /* @__PURE__ */ jsx(Button, {
 		className: "responsive-sidebar-shell__toggle responsive-sidebar-shell__toggle--sidebar",
 		type: "button",
 		variant: "ghost",
@@ -149,10 +137,6 @@ function ResponsiveSidebarShell({ sidebar, sidebarLabel = "sidebar", sidebarOpen
 		onClick: (event) => toggleSidebar(event.currentTarget),
 		children: /* @__PURE__ */ jsx(SidebarIcon, {})
 	}) : null;
-	const sidebarToggle = sidebarTogglePlacement === "sidebar" && isSidebarOpen ? renderSidebarToggleInSidebar() : null;
-	const mainSidebarToggle = sidebarTogglePlacement === "sidebar" || sidebarTogglePlacement === "main" && !hasCustomLeading ? renderSidebarToggle(sidebarTogglePlacement === "sidebar" ? "responsive-sidebar-shell__toggle--sidebar-fallback" : hasTitleTrigger ? "responsive-sidebar-shell__toggle--replaced-by-title" : bar?.compactLeading != null ? "responsive-sidebar-shell__toggle--replaced-by-compact-leading" : void 0) : null;
-	const hasTopBar = !bar?.hidden && (hasSidebar || bar?.back != null || bar?.leading != null || bar?.compactLeading != null || bar?.title != null || bar?.actions != null || bar?.primary != null);
-	const compactLeadingMode = hasTitleTrigger ? "trigger" : !hasAppLeading && bar?.compactLeading != null ? "custom" : void 0;
 	return /* @__PURE__ */ jsx(SidebarShellContext.Provider, {
 		value: controls,
 		children: /* @__PURE__ */ jsx("div", {
@@ -161,11 +145,11 @@ function ResponsiveSidebarShell({ sidebar, sidebarLabel = "sidebar", sidebarOpen
 			"data-recipe": "fill-host",
 			style,
 			...props,
-			"data-sidebar-open": hasSidebar && isSidebarOpen ? "true" : "false",
+			"data-sidebar-open": sidebarVisible ? "true" : "false",
 			"data-sidebar-toggle-placement": sidebarTogglePlacement,
 			onKeyDown: (event) => {
 				props.onKeyDown?.(event);
-				if (!event.defaultPrevented && event.key === "Escape" && hasSidebar && isSidebarOpen && rootRef.current && isCompactSidebar(rootRef.current)) {
+				if (!event.defaultPrevented && event.key === "Escape" && sidebarVisible && rootRef.current && isCompactSidebar(rootRef.current)) {
 					event.preventDefault();
 					dismissSidebar();
 				}
@@ -180,63 +164,28 @@ function ResponsiveSidebarShell({ sidebar, sidebarLabel = "sidebar", sidebarOpen
 				maxSize: sidebarMaxWidth,
 				keyboardStep: sidebarKeyboardStep,
 				children: [
-					hasSidebar && isSidebarOpen ? /* @__PURE__ */ jsx(ResizableSidePanel.Handle, { className: "responsive-sidebar-shell__resizer" }) : null,
-					hasSidebar ? /* @__PURE__ */ jsxs("div", {
+					sidebarVisible ? /* @__PURE__ */ jsx(ResizableSidePanel.Handle, { className: "responsive-sidebar-shell__resizer" }) : null,
+					hasSidebar ? /* @__PURE__ */ jsx(SidebarPane, {
 						id: sidebarId,
-						className: "responsive-sidebar-shell__sidebar",
-						"aria-hidden": isSidebarOpen ? void 0 : true,
-						inert: isSidebarOpen ? void 0 : true,
-						children: [sidebarToggle ? /* @__PURE__ */ jsx("div", {
-							className: "responsive-sidebar-shell__sidebar-leading",
-							children: sidebarToggle
-						}) : null, /* @__PURE__ */ jsx("div", {
-							className: "responsive-sidebar-shell__sidebar-content",
-							children: sidebarContent
-						})]
+						open: isSidebarOpen,
+						toggle: sidebarToggle,
+						children: sidebarContent
 					}) : null,
 					/* @__PURE__ */ jsxs("div", {
 						ref: mainRef,
 						className: "responsive-sidebar-shell__main",
 						tabIndex: -1,
 						children: [
-							hasTopBar ? /* @__PURE__ */ jsxs(AppTopBar.Root, {
-								"aria-label": bar?.label ?? "Application controls",
-								className: bar?.className,
-								"data-compact-leading": compactLeadingMode,
-								children: [
-									hasSidebar || hasAppLeading || bar?.compactLeading != null ? /* @__PURE__ */ jsxs(AppTopBar.Leading, { children: [
-										bar?.back ? /* @__PURE__ */ jsx(AppTopBar.Link, {
-											label: bar.back.label,
-											render: bar.back.link,
-											children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
-										}) : null,
-										bar?.leading,
-										!hasCustomLeading ? mainSidebarToggle : null,
-										compactLeadingMode === "custom" ? /* @__PURE__ */ jsx("span", {
-											className: "responsive-sidebar-shell__compact-leading",
-											children: bar?.compactLeading
-										}) : null
-									] }) : null,
-									bar?.title != null || hasTitleTrigger ? /* @__PURE__ */ jsxs(AppTopBar.Title, {
-										render: bar?.titleRender,
-										children: [bar?.title != null ? /* @__PURE__ */ jsx("span", {
-											className: "responsive-sidebar-shell__title-text",
-											children: bar.title
-										}) : null, hasTitleTrigger ? /* @__PURE__ */ jsxs(Button, {
-											type: "button",
-											variant: "ghost",
-											color: "neutral",
-											size: "sm",
-											className: "responsive-sidebar-shell__title-trigger",
-											"aria-controls": sidebarId,
-											"aria-expanded": isSidebarOpen,
-											onClick: (event) => toggleSidebar(event.currentTarget),
-											children: [bar?.compactTitleTrigger, /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
-										}) : null]
-									}) : null,
-									bar?.actions != null || bar?.primary != null ? /* @__PURE__ */ jsxs(AppTopBar.Trailing, { children: [bar.actions, bar.primary] }) : null
-								]
-							}) : null,
+							/* @__PURE__ */ jsx(SidebarAppBar, {
+								bar,
+								hasSidebar,
+								sidebarTogglePlacement,
+								sidebarId,
+								isSidebarOpen,
+								toggleSidebar,
+								toggleLabel,
+								toggleTooltip
+							}),
 							error != null ? /* @__PURE__ */ jsxs("div", {
 								className: "responsive-sidebar-shell__error",
 								role: "alert",
@@ -245,7 +194,7 @@ function ResponsiveSidebarShell({ sidebar, sidebarLabel = "sidebar", sidebarOpen
 							children
 						]
 					}),
-					hasSidebar && isSidebarOpen ? /* @__PURE__ */ jsx(Button, {
+					sidebarVisible ? /* @__PURE__ */ jsx(Button, {
 						type: "button",
 						variant: "ghost",
 						color: "neutral",
@@ -258,5 +207,108 @@ function ResponsiveSidebarShell({ sidebar, sidebarLabel = "sidebar", sidebarOpen
 		})
 	});
 }
+function SidebarAppBar({ bar, hasSidebar, sidebarTogglePlacement, sidebarId, isSidebarOpen, toggleSidebar, toggleLabel, toggleTooltip }) {
+	const hasCustomLeading = bar?.leading != null;
+	const hasAppLeading = bar?.back != null || hasCustomLeading;
+	const hasTitleTrigger = hasSidebar && bar?.compactTitleTrigger != null && bar?.compactLeading == null;
+	const mainSidebarToggle = hasSidebar && (sidebarTogglePlacement === "sidebar" || !hasCustomLeading) ? /* @__PURE__ */ jsx(AppTopBar.Button, {
+		className: cx("responsive-sidebar-shell__toggle", sidebarToggleClassName(sidebarTogglePlacement, hasTitleTrigger, bar?.compactLeading != null)),
+		label: toggleLabel,
+		tooltip: toggleTooltip,
+		type: "button",
+		"aria-controls": sidebarId,
+		"aria-expanded": isSidebarOpen,
+		onClick: (event) => toggleSidebar(event.currentTarget),
+		children: /* @__PURE__ */ jsx(SidebarIcon, {})
+	}) : null;
+	const compactLeadingMode = hasTitleTrigger ? "trigger" : !hasAppLeading && bar?.compactLeading != null ? "custom" : void 0;
+	if (!hasSidebarAppBar(bar, hasSidebar)) return null;
+	return /* @__PURE__ */ jsxs(AppTopBar.Root, {
+		"aria-label": bar?.label ?? "Application controls",
+		className: bar?.className,
+		"data-compact-leading": compactLeadingMode,
+		children: [
+			/* @__PURE__ */ jsx(SidebarAppBarLeading, {
+				bar,
+				mainSidebarToggle,
+				compactLeadingMode
+			}),
+			/* @__PURE__ */ jsx(SidebarAppBarTitle, {
+				bar,
+				hasTitleTrigger,
+				sidebarId,
+				isSidebarOpen,
+				toggleSidebar
+			}),
+			bar?.actions != null || bar?.primary != null ? /* @__PURE__ */ jsxs(AppTopBar.Trailing, { children: [bar.actions, bar.primary] }) : null
+		]
+	});
+}
+function SidebarAppBarTitle({ bar, hasTitleTrigger, sidebarId, isSidebarOpen, toggleSidebar }) {
+	if (bar?.title == null && !hasTitleTrigger) return null;
+	return /* @__PURE__ */ jsxs(AppTopBar.Title, {
+		render: bar?.titleRender,
+		children: [bar?.title != null ? /* @__PURE__ */ jsx("span", {
+			className: "responsive-sidebar-shell__title-text",
+			children: bar.title
+		}) : null, hasTitleTrigger ? /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "ghost",
+			color: "neutral",
+			size: "sm",
+			className: "responsive-sidebar-shell__title-trigger",
+			"aria-controls": sidebarId,
+			"aria-expanded": isSidebarOpen,
+			onClick: (event) => toggleSidebar(event.currentTarget),
+			children: [bar?.compactTitleTrigger, /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
+		}) : null]
+	});
+}
+function sidebarToggleClassName(placement, hasTitleTrigger, hasCompactLeading) {
+	if (placement === "sidebar") return "responsive-sidebar-shell__toggle--sidebar-fallback";
+	if (hasTitleTrigger) return "responsive-sidebar-shell__toggle--replaced-by-title";
+	if (hasCompactLeading) return "responsive-sidebar-shell__toggle--replaced-by-compact-leading";
+}
+function SidebarAppBarLeading({ bar, mainSidebarToggle, compactLeadingMode }) {
+	if (mainSidebarToggle == null && bar?.back == null && bar?.leading == null && bar?.compactLeading == null) return null;
+	return /* @__PURE__ */ jsxs(AppTopBar.Leading, { children: [
+		bar?.back ? /* @__PURE__ */ jsx(AppTopBar.Link, {
+			label: bar.back.label,
+			render: bar.back.link,
+			children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+		}) : null,
+		bar?.leading,
+		mainSidebarToggle,
+		compactLeadingMode === "custom" ? /* @__PURE__ */ jsx("span", {
+			className: "responsive-sidebar-shell__compact-leading",
+			children: bar?.compactLeading
+		}) : null
+	] });
+}
+function hasSidebarAppBar(bar, hasSidebar) {
+	return !bar?.hidden && (hasSidebar || [
+		bar?.back,
+		bar?.leading,
+		bar?.compactLeading,
+		bar?.title,
+		bar?.actions,
+		bar?.primary
+	].some((slot) => slot != null));
+}
+function SidebarPane({ id, open, toggle, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: "responsive-sidebar-shell__sidebar",
+		"aria-hidden": open ? void 0 : true,
+		inert: open ? void 0 : true,
+		children: [toggle ? /* @__PURE__ */ jsx("div", {
+			className: "responsive-sidebar-shell__sidebar-leading",
+			children: toggle
+		}) : null, /* @__PURE__ */ jsx("div", {
+			className: "responsive-sidebar-shell__sidebar-content",
+			children
+		})]
+	});
+}
 //#endregion
 export { ResponsiveSidebarShell, useResponsiveSidebarShell };

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

@@ -1,5 +1,5 @@
-import { Dialog } from "../foundations/Dialog.js";
-import { FormProps } from "../foundations/Form.js";
+import { t as Dialog } from "../../Dialog-88GF7_Th.js";
+import { n as FormProps } from "../../Form-CM7GNTwR.js";
 import * as React from "react";
 
 //#region src/components/general-purpose/SettingsFormDialog.d.ts

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

@@ -1,8 +1,8 @@
 import { Button } from "../foundations/Button.js";
-import { Dialog } from "../foundations/Dialog.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
+import { Dialog } from "../foundations/Dialog.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/SettingsFormDialog.tsx

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

@@ -1,77 +1,2 @@
-import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "../../icons-cuEtsgj9.js";
-import { Button } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/_internal/menu-disclosure-group.tsx
-/**
-* A menu-native disclosure: its trigger stays in the menu roving-focus model,
-* while its rows mount only after the user expands the section.
-*/
-function MenuDisclosureGroup({ children, className, defaultOpen = false, label, triggerClassName, ...props }) {
-	const [open, setOpen] = React.useState(defaultOpen);
-	return /* @__PURE__ */ jsxs(Menu.Group, {
-		className: mergeBaseClassName("menu-disclosure-group", className),
-		...props,
-		children: [/* @__PURE__ */ jsxs(Menu.Item, {
-			"aria-expanded": open,
-			className: mergeBaseClassName("menu-disclosure-group__trigger", triggerClassName),
-			closeOnClick: false,
-			onClick: () => setOpen((current) => !current),
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "sigvelo-truncate-grow",
-				children: label
-			}), /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
-		}), open ? /* @__PURE__ */ jsx("div", {
-			className: "menu-disclosure-group__items",
-			children
-		}) : null]
-	});
-}
-//#endregion
-//#region src/components/general-purpose/SetupChecklist.tsx
-/** Checklist rows for any Menu surface (composer plus menu, tray menu). */
-function SetupChecklistGroup({ label, entries, defaultOpen = false, onSelect }) {
-	return /* @__PURE__ */ jsx(MenuDisclosureGroup, {
-		label,
-		defaultOpen,
-		children: entries.map((entry) => /* @__PURE__ */ jsxs(Menu.Item, {
-			"aria-label": `${entry.name}, ${entry.complete ? "complete" : "not set up"}`,
-			onClick: () => onSelect(entry.id),
-			children: [
-				entry.icon,
-				/* @__PURE__ */ jsx("span", {
-					className: "sigvelo-truncate-grow",
-					children: entry.description
-				}),
-				entry.complete ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true" })
-			]
-		}, entry.id))
-	});
-}
-/** Progress-aware tray trigger opening the checklist in its own menu. */
-function SetupChecklistAction({ actionLabel, label, entries, onSelect }) {
-	const completed = entries.filter((entry) => entry.complete).length;
-	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Button, {
-		type: "button",
-		variant: "ghost",
-		color: "neutral",
-		size: "sm",
-		"aria-label": `${actionLabel} — ${completed} of ${entries.length} set up`,
-		render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
-		children: [completed === entries.length ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", { children: actionLabel })]
-	}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-		side: "bottom",
-		align: "start",
-		sideOffset: 4,
-		children: /* @__PURE__ */ jsx(Menu.Popup, { children: /* @__PURE__ */ jsx(SetupChecklistGroup, {
-			defaultOpen: true,
-			label,
-			entries,
-			onSelect
-		}) })
-	}) })] });
-}
-//#endregion
+import { n as SetupChecklistGroup, t as SetupChecklistAction } from "../../SetupChecklist-O6qmgwz4.js";
 export { SetupChecklistAction, SetupChecklistGroup };

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

@@ -0,0 +1,10 @@
+import { EmptyStateProps } from "../foundations/EmptyState.js";
+
+//#region src/components/general-purpose/StatusScreen.d.ts
+/** A whole-region status with one shared layout for its message and recovery actions. */
+declare function StatusScreen({
+  role,
+  ...props
+}: EmptyStateProps): import("react").JSX.Element;
+//#endregion
+export { StatusScreen };

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

@@ -0,0 +1,13 @@
+import { EmptyState } from "../foundations/EmptyState.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/general-purpose/StatusScreen.tsx
+/** A whole-region status with one shared layout for its message and recovery actions. */
+function StatusScreen({ role = "status", ...props }) {
+	return /* @__PURE__ */ jsx("section", {
+		className: "status-screen",
+		role,
+		children: /* @__PURE__ */ jsx(EmptyState, { ...props })
+	});
+}
+//#endregion
+export { StatusScreen };

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { Z as TerminalIcon, nt as XIcon } from "../../icons-cuEtsgj9.js";
+import { Z as TerminalIcon, nt as XIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { t as CopyButton } from "../../copy-button-CSDuDfdP.js";
+import { t as CopyButton } from "../../copy-button-Dk2vRe9j.js";
 import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,6 +1,6 @@
 import { n as mergeBaseClassName, t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon, nt as XIcon, p as ChevronRightIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
+import { K as SpinnerIcon, d as CheckIcon, nt as XIcon, p as ChevronRightIcon } from "../../icons-CeGfXO21.js";
 import { Progress } from "../foundations/Progress.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

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

@@ -1,6 +1,6 @@
-import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../../icons-cuEtsgj9.js";
-import { useTheme } from "../foundations/ThemeProvider.js";
+import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../../icons-CeGfXO21.js";
 import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
+import { useTheme } from "../foundations/ThemeProvider.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/ThemeModeControl.tsx
 const modes = [

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

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
+import { H as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { ScrollArea } from "../foundations/ScrollArea.js";
 import { Input } from "../foundations/Input.js";
+import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";

package/dist/components/nanites/AgentConnection.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { D as LinkIcon } from "../../icons-cuEtsgj9.js";
+import { D as LinkIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-BMK6CW9D.js";
 import { Popover } from "../foundations/Popover.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-g8sADidM.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/nanites/AgentToolDetail.d.ts

@@ -1,6 +1,6 @@
 import { n as AgentToolRunValue } from "../../AgentToolRunsContext-GMe_hSnD.js";
+import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
 import { SubagentRunMetadataProps } from "../agents-sdk/SubagentRunDetails.js";
-import { ThinkChatValue } from "../agents-sdk/ThinkChatContext.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions, useAgent } from "agents/react";