@mcp-b/react-components 0.47.0 → 0.49.0

package/dist/ThinkThreadPicker-yFz4vvIf.d.ts

@@ -1,91 +0,0 @@
-import * as React from "react";
-
-//#region src/components/agents-sdk/ThinkThreadPicker.d.ts
-interface ThinkThreadItem {
-  /** Stable child-agent/thread id used by the app-authored link's route params. */
-  id: string;
-  /** Human-readable thread title, usually generated by the parent Think agent. */
-  title: string;
-  /** Optional parent-owned preview for apps that render their own richer sidebar. */
-  lastMessagePreview?: string;
-  /** Timestamp from the parent registry or metadata row. `updatedAt` wins over `createdAt`. */
-  createdAt?: Date | number;
-  /** Timestamp from parent-owned thread metadata when available. */
-  updatedAt?: Date | number;
-  /** Preformatted timestamp label when the app already has one, such as "14m". */
-  updatedAtLabel?: string;
-  /** Optional upstream/app status string. The picker only displays it; it does not derive it. */
-  status?: string;
-  /** Human label for `status` when the raw upstream value is not user-facing. */
-  statusLabel?: string;
-}
-interface ThinkThreadStatusSummary {
-  /** Threads currently processing a turn. */
-  running: number;
-  /** Completed or interrupted background threads that have not been reviewed. */
-  attention: number;
-  /** Threads whose latest turn failed. */
-  failed: number;
-}
-interface ThinkThreadStatusIndicatorsProps {
-  summary: ThinkThreadStatusSummary;
-  className?: string;
-}
-interface ThinkThreadPickerProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect" | "title"> {
-  /** Threads from the parent agent, already sorted in the order the app wants to show. */
-  threads: readonly ThinkThreadItem[];
-  /**
-   * Renders the application-owned TanStack Router Link for a thread.
-   *
-   * Put `to`, `params`, `search`, and active state on this element so they stay
-   * inferred from the consuming application's registered route tree.
-   */
-  renderThreadLink: (thread: ThinkThreadItem) => React.ReactElement;
-  /**
-   * App-authored TanStack Router Link to the new-thread screen. A thread
-   * created on click is an empty thread until someone writes in it.
-   */
-  createThreadLink?: React.ReactElement;
-  /**
-   * Notified on unmodified primary activation. The link still navigates — the
-   * route is the selection — so this is for side effects such as closing a
-   * compact drawer, never for performing the selection itself.
-   */
-  onSelect?: (thread: ThinkThreadItem) => void;
-  /** Optional parent-agent delete action, usually `parent.stub.deleteThread(thread.id)`. */
-  onDelete?: (thread: ThinkThreadItem) => void | Promise<void>;
-  /** Visible heading for the roster. */
-  title?: React.ReactNode;
-  /** Accessible label for the list navigation. */
-  "aria-label"?: string;
-}
-declare function summarizeThinkThreads(threads: readonly Pick<ThinkThreadItem, "status">[]): ThinkThreadStatusSummary;
-declare function ThinkThreadStatusIndicators({
-  summary,
-  className
-}: ThinkThreadStatusIndicatorsProps): React.JSX.Element | null;
-/**
- * Thread roster UI for sub-agent chat apps.
- *
- * This component does not call Think or Cloudflare RPC methods directly. Feed
- * it from the parent agent's roster method, then render app-owned route links
- * that select the child `useAgent({ sub: [...] })` name. Keep backend contract
- * notes beside the parent Think agent because
- * `listThreads()`/`createThread()`/`deleteThread()` are app-owned.
- */
-declare function ThinkThreadPicker({
-  threads,
-  renderThreadLink,
-  createThreadLink,
-  onSelect,
-  onDelete,
-  className,
-  title,
-  "aria-label": ariaLabel,
-  ref,
-  ...props
-}: ThinkThreadPickerProps & {
-  ref?: React.Ref<HTMLElement>;
-}): React.JSX.Element;
-//#endregion
-export { ThinkThreadStatusIndicatorsProps as a, ThinkThreadStatusIndicators as i, ThinkThreadPicker as n, ThinkThreadStatusSummary as o, ThinkThreadPickerProps as r, summarizeThinkThreads as s, ThinkThreadItem as t };

package/dist/Toggle-DLrIf5YH.d.ts

@@ -1,69 +0,0 @@
-import * as React from "react";
-import { Toggle } from "@base-ui/react/toggle";
-
-//#region src/components/foundations/Toggle.d.ts
-interface ToggleVariantsOptions {
-  variant?: "default" | "outline" | null;
-  size?: "sm" | "md" | "lg" | null;
-  className?: string;
-}
-/**
- * Props for the Toggle component.
- */
-interface ToggleProps extends React.ComponentPropsWithoutRef<typeof Toggle>, Omit<ToggleVariantsOptions, "className"> {}
-declare function toggleVariants({
-  variant,
-  size,
-  className
-}?: ToggleVariantsOptions): string;
-/**
- * A two-state button that can be on (pressed) or off.
- * Useful for toggling a setting or mode.
- *
- * @example
- * ```tsx
- * // Basic toggle
- * <Toggle>
- *   Bold
- * </Toggle>
- * ```
- *
- * @example
- * ```tsx
- * // Controlled toggle
- * const [pressed, setPressed] = useState(false);
- *
- * <Toggle pressed={pressed} onPressedChange={setPressed}>
- *   {pressed ? 'On' : 'Off'}
- * </Toggle>
- * ```
- *
- * @example
- * ```tsx
- * // With icons
- * <Toggle>
- *   {({ pressed }) => pressed ? <BoldIcon filled /> : <BoldIcon />}
- * </Toggle>
- * ```
- *
- * @example
- * ```tsx
- * // Default pressed state
- * <Toggle defaultPressed>
- *   Enabled
- * </Toggle>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/toggle | Base UI Toggle}
- */
-declare function Toggle$1({
-  className,
-  variant,
-  size,
-  ref,
-  ...props
-}: ToggleProps & {
-  ref?: React.Ref<HTMLButtonElement>;
-}): React.JSX.Element;
-//#endregion
-export { toggleVariants as i, ToggleProps as n, ToggleVariantsOptions as r, Toggle$1 as t };

package/dist/WorkspaceLive-DLGhtIly.d.ts

@@ -1,49 +0,0 @@
-import { QueryClient } from "@tanstack/react-query";
-
-//#region src/components/agents-sdk/WorkspaceLive.d.ts
-type WorkspaceChange = {
-  type: "changed";
-  path: string;
-  movedFrom?: string;
-} | {
-  type: "unknown";
-};
-/** Host adapter for a native workspace observer. */
-interface WorkspaceChangeSource {
-  start?(): void | Promise<void>;
-  subscribe(listener: (change: WorkspaceChange) => void): () => void;
-}
-declare function invalidateWorkspaceDirectories(queryClient: QueryClient, sourceKey: string, directories: Iterable<string>, root: string): void;
-interface UseWorkspaceLiveQueriesOptions {
-  /** Native observer adapter. Omit for hosts without workspace observation. */
-  changes?: WorkspaceChangeSource;
-  sourceKey: string | undefined;
-  /**
-   * The host's workspace boundary. Required, and the same value the concept
-   * options were built with: invalidation is prefix-matched on it, so a root
-   * that disagrees with the queries silently invalidates nothing.
-   */
-  root: string;
-  /**
-   * Disposable freshness tick for hosts without native observation — for
-   * example a serialization of settled-turn state. Every change of a defined
-   * value invalidates the source's concept queries. It never enters query
-   * identity, so data, mutation state, and form drafts survive the refresh.
-   */
-  revision?: string;
-}
-/**
- * Synchronize external workspace freshness with the design system's Query
- * resources. This is the one external-system effect: native observer events
- * and host revision ticks both land here as targeted invalidation against
- * stable query keys. Hosts only supply events; neither layer adds another
- * watcher.
- */
-declare function useWorkspaceLiveQueries({
-  changes,
-  sourceKey,
-  root,
-  revision
-}: UseWorkspaceLiveQueriesOptions): void;
-//#endregion
-export { useWorkspaceLiveQueries as a, invalidateWorkspaceDirectories as i, WorkspaceChange as n, WorkspaceChangeSource as r, UseWorkspaceLiveQueriesOptions as t };

package/dist/WorkspaceMessageResponse-kJYU8Onj.d.ts

@@ -1,48 +0,0 @@
-import { E as MessageResponseProps } from "./Message-D_vCVEGB.js";
-import * as React from "react";
-
-//#region src/components/agents-sdk/WorkspaceMessageResponse.d.ts
-interface WorkspaceFileRenderInput {
-  label: string;
-  path: string;
-  /** Shared workspace link element; hosts pass it through to the preview unchanged. */
-  sourceLink: React.ReactElement;
-}
-/**
- * Host callback for one standalone workspace file link in an assistant
- * paragraph. Return a node to replace the link, or `null` to keep it.
- */
-type WorkspaceFileRenderer = (file: WorkspaceFileRenderInput) => React.ReactNode;
-/**
- * Ambient workspace-file renderer for every `WorkspaceMessageResponse` below,
- * and the only way to supply one. The value is read inside the promoted
- * paragraph, not by the response component, so a host handing down a fresh
- * callback every render re-renders only the paragraphs — the memoized Markdown
- * pipeline is untouched and promoted cards keep their state.
- * `ThinkChat.Messages` provides it from its `renderWorkspaceFile` prop; hosts
- * composing `WorkspaceMessageResponse` directly provide it once at their
- * conversation root.
- */
-declare function WorkspaceFileRendererProvider({
-  children,
-  renderWorkspaceFile
-}: {
-  children: React.ReactNode;
-  renderWorkspaceFile: WorkspaceFileRenderer | undefined;
-}): React.JSX.Element;
-interface WorkspaceMessageResponseProps extends MessageResponseProps {
-  /**
-   * Whether standalone workspace file links may be promoted. `ThinkChat`
-   * passes `false` for user messages: user links remain ordinary navigation.
-   */
-  promoteWorkspaceFiles?: boolean;
-}
-/** Adds workspace-aware Markdown links when rendered inside a workspace provider. */
-declare const WorkspaceMessageResponse: React.MemoExoticComponent<({
-  components,
-  rehypePlugins,
-  promoteWorkspaceFiles,
-  ...props
-}: WorkspaceMessageResponseProps) => React.JSX.Element>;
-//#endregion
-export { WorkspaceMessageResponseProps as a, WorkspaceMessageResponse as i, WorkspaceFileRenderer as n, WorkspaceFileRendererProvider as r, WorkspaceFileRenderInput as t };

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

@@ -1,31 +0,0 @@
-import { ToggleGroupProps } from "../foundations/ToggleGroup.js";
-import * as React from "react";
-
-//#region src/components/agents-sdk/ThinkFullAppViewSwitch.d.ts
-interface ThinkFullAppView {
-  id: string;
-  label: string;
-  icon: React.ReactNode;
-}
-interface ThinkFullAppViewSwitchProps extends Omit<ToggleGroupProps, "children" | "onValueChange" | "value"> {
-  views: readonly ThinkFullAppView[];
-  value?: string;
-  /** Whether pressing the selected view may clear the selection. */
-  allowEmpty?: boolean;
-  onValueChange: (value: string | undefined, eventDetails: Parameters<NonNullable<ToggleGroupProps["onValueChange"]>>[1]) => void;
-}
-/**
- * Icon view picker shared by ThinkFullApp's wide workbench and compact app
- * navigation. Base UI owns selection and roving focus; AppTopBar owns the
- * toolbar control and tooltip presentation.
- */
-declare function ThinkFullAppViewSwitch({
-  allowEmpty,
-  className,
-  onValueChange,
-  value,
-  views,
-  ...props
-}: ThinkFullAppViewSwitchProps): React.JSX.Element;
-//#endregion
-export { ThinkFullAppView, ThinkFullAppViewSwitch, ThinkFullAppViewSwitchProps };

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

@@ -1,34 +0,0 @@
-import { n as mergeBaseClassName } from "../../class-names-BiMDVpUo.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { ToggleGroup } from "../foundations/ToggleGroup.js";
-import "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/agents-sdk/ThinkFullAppViewSwitch.tsx
-/**
-* Icon view picker shared by ThinkFullApp's wide workbench and compact app
-* navigation. Base UI owns selection and roving focus; AppTopBar owns the
-* toolbar control and tooltip presentation.
-*/
-function ThinkFullAppViewSwitch({ allowEmpty = false, className, onValueChange, value, views, ...props }) {
-	return /* @__PURE__ */ jsx(ToggleGroup.Root, {
-		className: mergeBaseClassName("think-full-app__view-switch", className),
-		size: "sm",
-		value: value ? [value] : [],
-		onValueChange: (nextValue, eventDetails) => {
-			const [next] = nextValue;
-			if (next || allowEmpty) onValueChange(next, eventDetails);
-		},
-		...props,
-		children: views.map((view) => /* @__PURE__ */ jsx(AppTopBar.Button, {
-			type: "button",
-			label: view.label,
-			render: /* @__PURE__ */ jsx(ToggleGroup.Item, {
-				type: "button",
-				value: view.id
-			}),
-			children: view.icon
-		}, view.id))
-	});
-}
-//#endregion
-export { ThinkFullAppViewSwitch };

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

@@ -1,80 +0,0 @@
-import { t as AppBarSlots } from "../../ResponsiveSidebarShell-BTVPxLJK.js";
-import { ThinkRoutine, ThinkRoutineRunOf } from "./ThinkRoutine.js";
-import * as React from "react";
-
-//#region src/components/agents-sdk/ThinkRoutineLibrary.d.ts
-interface ThinkRoutineLibraryDetailRenderProps<TRoutine extends ThinkRoutine = ThinkRoutine> {
-  /** The selected routine, including any app-owned extension fields. */
-  routine: TRoutine;
-  /** The standard upstream-first detail surface. Compose this into extensions. */
-  defaultDetail: React.ReactNode;
-  /** Custom detail surfaces must honor this while invoking the supplied actions. */
-  busy: boolean;
-  onEnabledChange?: (enabled: boolean) => void;
-  renderRunLink?: (run: ThinkRoutineRunOf<TRoutine>) => React.ReactElement;
-}
-interface ThinkRoutineLibraryProps<TRoutine extends ThinkRoutine = ThinkRoutine> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
-  /** App-owned routine catalog assembled from native Think and Agents records. */
-  routines: readonly TRoutine[];
-  /** Routine selected by the current application route. */
-  selectedRoutineId: string | null;
-  /** App-authored TanStack Router Link for every routine destination. */
-  renderRoutineLink: (routine: TRoutine) => React.ReactElement;
-  /** App-authored TanStack Router Link to the routine creation route. */
-  createRoutineLink?: React.ReactElement;
-  /** App-authored TanStack Router Link to edit the selected routine. */
-  renderEditRoutineLink?: (routine: TRoutine) => React.ReactElement;
-  /** App-authored TanStack Router Link for recent execution destinations. */
-  renderRunLink?: (routine: TRoutine, run: ThinkRoutineRunOf<TRoutine>) => React.ReactElement;
-  /** Whether owner names appear in the browser, search, and detail. Defaults to true. */
-  showOwner?: boolean;
-  /** Host-owned catalog error shown above the library without replacing loaded routines. */
-  error?: React.ReactNode;
-  /**
-   * Application bar slots. `title` defaults to the selected schedule's name.
-   * `actions` render before Run / Edit / Delete. `primary` stays last — the
-   * host's identity chrome belongs there, not in a second overflow.
-   */
-  bar?: AppBarSlots;
-  /** Starts the selected routine immediately. */
-  onRunRoutine?: (routine: TRoutine) => void | Promise<void>;
-  /** Activates or pauses the selected app-owned routine. */
-  onRoutineEnabledChange?: (routine: TRoutine, enabled: boolean) => void | Promise<void>;
-  /** Permanently removes the selected app-owned routine. */
-  onDeleteRoutine?: (routine: TRoutine) => void | Promise<void>;
-  /**
-   * Replaces only the selected-routine surface while preserving the library
-   * shell, navigation, actions, async state, and upstream routine contract.
-   */
-  renderRoutineDetail?: (props: ThinkRoutineLibraryDetailRenderProps<TRoutine>) => React.ReactNode;
-}
-/**
- * Full-page, cross-agent routine library. This intentionally does not live in
- * ThinkFullApp's per-thread workbench: the host app owns aggregation, routes,
- * authoring routes, and the association between schedules and native runs.
- * The application shell composes `ThinkRoutineBrowser`, `ThinkRoutineDetail`,
- * and `ThinkRoutineRuns`; consumers compose `ThinkRoutineForm` in their create
- * and edit routes and may also use these surfaces independently.
- */
-declare function ThinkRoutineLibrary<TRoutine extends ThinkRoutine = ThinkRoutine>({
-  bar,
-  className,
-  createRoutineLink,
-  error: catalogError,
-  onDeleteRoutine,
-  onRoutineEnabledChange,
-  onRunRoutine,
-  renderEditRoutineLink,
-  renderRoutineLink,
-  renderRoutineDetail,
-  renderRunLink,
-  ref,
-  routines,
-  selectedRoutineId,
-  showOwner,
-  ...props
-}: ThinkRoutineLibraryProps<TRoutine> & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-//#endregion
-export { ThinkRoutineLibrary, ThinkRoutineLibraryDetailRenderProps, ThinkRoutineLibraryProps };

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

@@ -1,159 +0,0 @@
-import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, Q as TrashIcon, R as PencilIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
-import { buttonVariants } from "../foundations/Button.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
-import { EmptyState } from "../foundations/EmptyState.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { ResponsiveSidebarShell } from "../general-purpose/ResponsiveSidebarShell.js";
-import { AlertDialog } from "../foundations/AlertDialog.js";
-import { ThinkRoutineBrowser } from "./ThinkRoutineBrowser.js";
-import { ThinkRoutineDetail } from "./ThinkRoutineDetail.js";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/agents-sdk/ThinkRoutineLibrary.tsx
-function RoutineTopBarActions({ appBarActions, busy, onDelete, editLink, onRun, routineName }) {
-	const [deleteOpen, setDeleteOpen] = React.useState(false);
-	const deleteButtonRef = React.useRef(null);
-	if (!appBarActions && !onRun && !editLink && !onDelete) return null;
-	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		appBarActions,
-		onRun ? /* @__PURE__ */ jsx(AppTopBar.Button, {
-			label: "Run schedule",
-			disabled: busy,
-			onClick: onRun,
-			children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})
-		}) : null,
-		editLink ? /* @__PURE__ */ jsx(AppTopBar.Link, {
-			label: "Edit schedule",
-			render: editLink,
-			children: /* @__PURE__ */ jsx(PencilIcon, {})
-		}) : null,
-		onDelete ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
-			ref: deleteButtonRef,
-			label: "Delete schedule",
-			disabled: busy,
-			onClick: () => setDeleteOpen(true),
-			children: /* @__PURE__ */ jsx(TrashIcon, {})
-		}), /* @__PURE__ */ jsx(AlertDialog.Root, {
-			open: deleteOpen,
-			onOpenChange: setDeleteOpen,
-			children: /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog.Backdrop, {}), /* @__PURE__ */ jsx(AlertDialog.Viewport, { children: /* @__PURE__ */ jsxs(AlertDialog.Popup, {
-				finalFocus: deleteButtonRef,
-				children: [
-					/* @__PURE__ */ jsxs(AlertDialog.Title, { children: [
-						"Delete ",
-						routineName,
-						"?"
-					] }),
-					/* @__PURE__ */ jsx(AlertDialog.Description, { children: "This permanently deletes the schedule and stops its future runs." }),
-					/* @__PURE__ */ jsxs(AlertDialog.Footer, { children: [/* @__PURE__ */ jsx(AlertDialog.Close, {
-						disabled: busy,
-						children: "Cancel"
-					}), /* @__PURE__ */ jsx(AlertDialog.Close, {
-						color: "destructive",
-						disabled: busy,
-						onClick: onDelete,
-						children: "Delete schedule"
-					})] })
-				]
-			}) })] })
-		})] }) : null
-	] });
-}
-/**
-* Full-page, cross-agent routine library. This intentionally does not live in
-* ThinkFullApp's per-thread workbench: the host app owns aggregation, routes,
-* authoring routes, and the association between schedules and native runs.
-* The application shell composes `ThinkRoutineBrowser`, `ThinkRoutineDetail`,
-* and `ThinkRoutineRuns`; consumers compose `ThinkRoutineForm` in their create
-* and edit routes and may also use these surfaces independently.
-*/
-function ThinkRoutineLibrary({ bar, className, createRoutineLink, error: catalogError, onDeleteRoutine, onRoutineEnabledChange, onRunRoutine, renderEditRoutineLink, renderRoutineLink, renderRoutineDetail, renderRunLink, ref, routines, selectedRoutineId, showOwner = true, ...props }) {
-	const [busy, setBusy] = React.useState(false);
-	const [announcement, setAnnouncement] = React.useState("");
-	const [actionError, setActionError] = React.useState(null);
-	const selectedRoutine = selectedRoutineId ? routines.find((routine) => routine.id === selectedRoutineId) : void 0;
-	const perform = async (action, message) => {
-		setBusy(true);
-		setActionError(null);
-		try {
-			await action();
-			setAnnouncement(message);
-			return true;
-		} catch (nextError) {
-			setActionError(formatErrorMessage(nextError));
-			return false;
-		} finally {
-			setBusy(false);
-		}
-	};
-	const detailProps = selectedRoutine ? {
-		routine: selectedRoutine,
-		busy,
-		renderRunLink: renderRunLink ? (run) => renderRunLink(selectedRoutine, run) : void 0,
-		onEnabledChange: onRoutineEnabledChange ? (enabled) => void perform(() => onRoutineEnabledChange(selectedRoutine, enabled), `${selectedRoutine.name} ${enabled ? "activated" : "paused"}.`) : void 0
-	} : void 0;
-	return /* @__PURE__ */ jsxs(ResponsiveSidebarShell, {
-		ref,
-		className: cx("think-routine-library", className),
-		...props,
-		sidebarLabel: "schedules",
-		showMainLabel: "Show selected schedule",
-		error: catalogError || actionError || void 0,
-		bar: {
-			...bar,
-			label: "Schedule controls",
-			title: bar?.title ?? selectedRoutine?.name ?? "Schedules",
-			compactTitleTrigger: selectedRoutine ? /* @__PURE__ */ jsx("span", { children: selectedRoutine.name }) : void 0,
-			actions: /* @__PURE__ */ jsx(RoutineTopBarActions, {
-				appBarActions: bar?.actions,
-				busy,
-				routineName: selectedRoutine?.name ?? "schedule",
-				editLink: selectedRoutine && renderEditRoutineLink ? renderEditRoutineLink(selectedRoutine) : void 0,
-				onRun: selectedRoutine && onRunRoutine ? () => void perform(() => onRunRoutine(selectedRoutine), `Started ${selectedRoutine.name}.`) : void 0,
-				onDelete: selectedRoutine && onDeleteRoutine ? () => void perform(() => onDeleteRoutine(selectedRoutine), `Deleted ${selectedRoutine.name}.`) : void 0
-			})
-		},
-		sidebar: ({ closeSidebarOnCompact }) => /* @__PURE__ */ jsx(ThinkRoutineBrowser, {
-			routines,
-			selectedRoutineId,
-			showOwner,
-			renderRoutineLink,
-			createRoutineLink,
-			onRoutineLinkClick: (event) => {
-				if (!isPlainPrimaryLinkActivation(event)) return;
-				closeSidebarOnCompact();
-			}
-		}),
-		children: [/* @__PURE__ */ jsx("main", {
-			className: "think-routine-library__main",
-			children: detailProps ? /* @__PURE__ */ jsx(React.Fragment, { children: renderRoutineDetail ? renderRoutineDetail({
-				...detailProps,
-				defaultDetail: /* @__PURE__ */ jsx(ThinkRoutineDetail, {
-					...detailProps,
-					showOwner
-				})
-			}) : /* @__PURE__ */ jsx(ThinkRoutineDetail, {
-				...detailProps,
-				showOwner
-			}) }, detailProps.routine.id) : /* @__PURE__ */ jsx(EmptyState, {
-				className: "think-routine-library__empty-detail",
-				title: selectedRoutineId ? "Schedule unavailable" : routines.length ? "Select a schedule" : "No schedules yet",
-				description: routines.length ? "Select an available schedule." : "Create a schedule to run recurring Think prompts.",
-				children: !routines.length && createRoutineLink ? /* @__PURE__ */ jsx(NavigationLink, {
-					render: createRoutineLink,
-					className: buttonVariants({ color: "primary" }),
-					children: "Create schedule"
-				}) : null
-			})
-		}), /* @__PURE__ */ jsx("div", {
-			className: "think-routine-library__status sigvelo-visually-hidden",
-			role: "status",
-			"aria-atomic": "true",
-			children: announcement
-		})]
-	});
-}
-//#endregion
-export { ThinkRoutineLibrary };