@mcp-b/react-components 0.48.0 → 0.49.0

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

@@ -0,0 +1,51 @@
+import { ThinkRoutine } from "./ThinkRoutine.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import * as React from "react";
+
+//#region src/components/agents-sdk/ThinkRoutineActions.d.ts
+interface ThinkRoutineActionsRootProps<TRoutine extends ThinkRoutine = ThinkRoutine> {
+  /** Whole selected routine, including app-owned extensions and native task/run values. */
+  routine: TRoutine;
+  /** Stable non-secret identity of the source backing this routine. */
+  sourceKey: string;
+  /** Host mutation that runs the whole selected routine; its promise controls pending and error feedback. */
+  onRun?: (routine: TRoutine) => void | Promise<void>;
+  /** Host mutation for the requested enabled state; the host supplies the updated routine after success. */
+  onEnabledChange?: (routine: TRoutine, enabled: boolean) => void | Promise<void>;
+  /** Host removal invoked after confirmation; rejection keeps the confirmation open with its error. */
+  onDelete?: (routine: TRoutine) => void | Promise<void>;
+  /** Caller-composed controls and detail sharing this source/routine mutation scope; no layout is inserted. */
+  children: React.ReactNode;
+}
+/** Connect an independently mounted detail to its selected routine action scope. */
+declare function useThinkRoutineActions(): {
+  busy: boolean;
+  onEnabledChange: ((enabled: boolean) => void) | undefined;
+};
+/** No layout or routing. Source/routine changes reset actions without remounting caller navigation. */
+declare function ThinkRoutineActionsRoot<TRoutine extends ThinkRoutine>({
+  routine,
+  sourceKey,
+  onRun,
+  onEnabledChange,
+  onDelete,
+  children
+}: ThinkRoutineActionsRootProps<TRoutine>): React.JSX.Element;
+type ThinkRoutineActionProps = Omit<React.ComponentProps<typeof AppTopBar.Button>, "label"> & {
+  label?: string;
+};
+/** Explicit run control; preserves the complete shared button composition contract. */
+declare function ThinkRoutineRun(props: ThinkRoutineActionProps): React.JSX.Element | null;
+/** Delete confirmation stays open on failure; only its source-scoped action can settle it. */
+declare function ThinkRoutineDelete(props: ThinkRoutineActionProps): React.JSX.Element | null;
+declare function ThinkRoutineError(props: React.ComponentPropsWithRef<"div">): React.JSX.Element | null;
+declare function ThinkRoutineStatus(props: React.ComponentPropsWithRef<"div">): React.JSX.Element;
+declare const ThinkRoutineActions: {
+  Root: typeof ThinkRoutineActionsRoot;
+  Run: typeof ThinkRoutineRun;
+  Delete: typeof ThinkRoutineDelete;
+  Error: typeof ThinkRoutineError;
+  Status: typeof ThinkRoutineStatus;
+};
+//#endregion
+export { ThinkRoutineActionProps, ThinkRoutineActions, ThinkRoutineActionsRootProps, useThinkRoutineActions };

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

@@ -0,0 +1,201 @@
+import { K as SpinnerIcon, Q as TrashIcon, z as PlayIcon } from "../../icons-cuEtsgj9.js";
+import { Button } from "../foundations/Button.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { n as mergeRefs } from "../../merge-refs-DF_7w2x_.js";
+import { AlertDialog } from "../foundations/AlertDialog.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+//#region src/components/agents-sdk/ThinkRoutineActions.tsx
+const RoutineActionsContext = React.createContext(null);
+/** Selected-routine mutation state for explicitly composed detail and controls. */
+function useRoutineActions() {
+	const value = React.useContext(RoutineActionsContext);
+	if (!value) throw new Error("Routine actions require ThinkRoutineActions.Root.");
+	return value;
+}
+/** Connect an independently mounted detail to its selected routine action scope. */
+function useThinkRoutineActions() {
+	const { busy, onEnabledChange } = useRoutineActions();
+	return {
+		busy,
+		onEnabledChange
+	};
+}
+/** No layout or routing. Source/routine changes reset actions without remounting caller navigation. */
+function ThinkRoutineActionsRoot({ routine, sourceKey, onRun, onEnabledChange, onDelete, children }) {
+	const identity = JSON.stringify([sourceKey, routine.id]);
+	const initial = () => ({
+		scope: { identity },
+		busy: false,
+		error: null,
+		announcement: "",
+		action: null
+	});
+	const [state, setState] = React.useState(initial);
+	if (state.scope.identity !== identity) setState(initial());
+	const inFlight = React.useRef(null);
+	const value = React.useMemo(() => {
+		const perform = async (operation, action, success) => {
+			const scope = state.scope;
+			if (inFlight.current === scope) return false;
+			inFlight.current = scope;
+			setState((current) => current.scope === scope ? {
+				...current,
+				busy: true,
+				error: null,
+				announcement: "",
+				action: operation
+			} : current);
+			try {
+				await action();
+				setState((current) => current.scope === scope ? {
+					...current,
+					announcement: success
+				} : current);
+				return true;
+			} catch (next) {
+				setState((current) => current.scope === scope ? {
+					...current,
+					error: formatErrorMessage(next)
+				} : current);
+				return false;
+			} finally {
+				if (inFlight.current === scope) inFlight.current = null;
+				setState((current) => current.scope === scope ? {
+					...current,
+					busy: false
+				} : current);
+			}
+		};
+		return {
+			scope: state.scope,
+			name: routine.name,
+			busy: state.busy,
+			error: state.action === "delete" ? null : state.error,
+			deleteError: state.action === "delete" ? state.error : null,
+			announcement: state.announcement,
+			run: onRun ? () => perform("run", () => onRun(routine), `Started ${routine.name}.`) : void 0,
+			remove: onDelete ? () => perform("delete", () => onDelete(routine), `Deleted ${routine.name}.`) : void 0,
+			onEnabledChange: onEnabledChange ? (enabled) => {
+				perform("enable", () => onEnabledChange(routine, enabled), `${routine.name} ${enabled ? "activated" : "paused"}.`);
+			} : void 0
+		};
+	}, [
+		state,
+		routine,
+		onRun,
+		onDelete,
+		onEnabledChange
+	]);
+	return /* @__PURE__ */ jsx(RoutineActionsContext.Provider, {
+		value,
+		children
+	});
+}
+/** Explicit run control; preserves the complete shared button composition contract. */
+function ThinkRoutineRun(props) {
+	const { busy, run } = useRoutineActions();
+	if (!run) return null;
+	return /* @__PURE__ */ jsx(AppTopBar.Button, {
+		...mergeProps({
+			label: "Run schedule",
+			onClick: () => {
+				run();
+			},
+			children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})
+		}, props),
+		label: props.label ?? "Run schedule",
+		disabled: busy || props.disabled
+	});
+}
+/** Delete confirmation stays open on failure; only its source-scoped action can settle it. */
+function ThinkRoutineDelete(props) {
+	const { scope, name, busy, deleteError: error, remove } = useRoutineActions();
+	const [dialog, setDialog] = React.useState({
+		scope,
+		open: false
+	});
+	if (dialog.scope !== scope) setDialog({
+		scope,
+		open: false
+	});
+	const open = dialog.scope === scope && dialog.open;
+	const setOpen = (open) => setDialog((current) => current.scope === scope ? {
+		scope,
+		open
+	} : current);
+	const triggerRef = React.useRef(null);
+	if (!remove) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
+		...mergeProps({
+			label: "Delete schedule",
+			onClick: () => setOpen(true),
+			children: /* @__PURE__ */ jsx(TrashIcon, {})
+		}, props),
+		ref: mergeRefs(triggerRef, props.ref),
+		label: props.label ?? "Delete schedule",
+		disabled: busy || props.disabled
+	}), /* @__PURE__ */ jsx(AlertDialog.Root, {
+		open,
+		onOpenChange: (next, details) => {
+			if (busy && !next) details.cancel();
+			else setOpen(next);
+		},
+		children: /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [/* @__PURE__ */ jsx(AlertDialog.Backdrop, {}), /* @__PURE__ */ jsx(AlertDialog.Viewport, { children: /* @__PURE__ */ jsxs(AlertDialog.Popup, {
+			finalFocus: triggerRef,
+			children: [
+				/* @__PURE__ */ jsxs(AlertDialog.Title, { children: [
+					"Delete ",
+					name,
+					"?"
+				] }),
+				/* @__PURE__ */ jsx(AlertDialog.Description, { children: "This permanently deletes the schedule and stops its future runs." }),
+				error ? /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					children: error
+				}) : null,
+				/* @__PURE__ */ jsxs(AlertDialog.Footer, { children: [/* @__PURE__ */ jsx(AlertDialog.Close, {
+					disabled: busy,
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button, {
+					"aria-label": "Confirm delete schedule",
+					color: "destructive",
+					disabled: busy,
+					onClick: async () => {
+						if (await remove()) setOpen(false);
+					},
+					children: "Delete schedule"
+				})] })
+			]
+		}) })] })
+	})] });
+}
+function ThinkRoutineError(props) {
+	const { error } = useRoutineActions();
+	return error ? /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		...props,
+		children: error
+	}) : null;
+}
+function ThinkRoutineStatus(props) {
+	const { announcement } = useRoutineActions();
+	return /* @__PURE__ */ jsx("div", {
+		role: "status",
+		"aria-atomic": "true",
+		className: "sigvelo-visually-hidden",
+		...props,
+		children: announcement
+	});
+}
+const ThinkRoutineActions = {
+	Root: ThinkRoutineActionsRoot,
+	Run: ThinkRoutineRun,
+	Delete: ThinkRoutineDelete,
+	Error: ThinkRoutineError,
+	Status: ThinkRoutineStatus
+};
+//#endregion
+export { ThinkRoutineActions, useThinkRoutineActions };

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

@@ -13,7 +13,10 @@ interface ThinkRoutineBrowserProps<TRoutine extends ThinkRoutine = ThinkRoutine>
   renderRoutineLink: (routine: TRoutine) => React.ReactElement;
   /** App-authored TanStack Router Link to the routine creation route. */
   createRoutineLink?: React.ReactElement;
-  /** Optional UI-only response after a routine link is activated. */
+  /** UI-only response to ordinary same-tab activation, including keyboard clicks.
+   * Modified, non-primary, download, and other-target clicks leave this UI unchanged.
+   * Receives the original React anchor event; routing remains with the rendered link.
+   */
   onRoutineLinkClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }
 /** Searchable, filterable navigation for an app-owned collection of Think routines. */

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

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { B as PlusIcon } from "../../icons-CeGfXO21.js";
+import { B as PlusIcon } from "../../icons-cuEtsgj9.js";
 import { buttonVariants } from "../foundations/Button.js";
 import { Tooltip } from "../foundations/Tooltip.js";
 import { t as capitalize } from "../../format-COCyV98Z.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { SearchField } from "../foundations/SearchField.js";
-import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import { getThinkRoutineNextRun } from "./ThinkRoutine.js";
+import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRoutineBrowser.tsx
@@ -27,18 +27,18 @@ function ThinkRoutineBrowser({ className, routines, selectedRoutineId, showOwner
 	const visibleRoutines = filterRoutines(routines, filter, query, showOwner);
 	return /* @__PURE__ */ jsxs("nav", {
 		ref,
-		className: cx("think-routine-browser", "think-routine-library__browser", className),
+		className: cx("think-routine-browser", "think-routine__browser", className),
 		...props,
 		children: [
 			/* @__PURE__ */ jsx("h2", {
-				className: "think-routine-library__title sigvelo-visually-hidden",
+				className: "sigvelo-visually-hidden",
 				children: "Schedules"
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "think-routine-library__browser-toolbar",
+				className: "think-routine__browser-toolbar",
 				children: [/* @__PURE__ */ jsx(ToggleGroup.Root, {
 					segmented: true,
-					className: "think-routine-library__filters",
+					className: "think-routine__filters",
 					size: "sm",
 					"aria-label": "Filter schedules",
 					value: [filter],
@@ -75,10 +75,10 @@ function ThinkRoutineBrowser({ className, routines, selectedRoutineId, showOwner
 				}) })] }) : null]
 			}),
 			/* @__PURE__ */ jsxs(SearchField.Root, {
-				className: "think-routine-library__search",
+				className: "think-routine__search",
 				name: "routine-search",
 				children: [/* @__PURE__ */ jsx(SearchField.Label, {
-					className: "think-routine-library__title sigvelo-visually-hidden",
+					className: "sigvelo-visually-hidden",
 					children: "Search schedules"
 				}), /* @__PURE__ */ jsx(SearchField.Control, {
 					value: query,
@@ -87,7 +87,7 @@ function ThinkRoutineBrowser({ className, routines, selectedRoutineId, showOwner
 				})]
 			}),
 			/* @__PURE__ */ jsxs("p", {
-				className: "think-routine-library__status sigvelo-visually-hidden",
+				className: "sigvelo-visually-hidden",
 				role: "status",
 				"aria-atomic": "true",
 				children: [
@@ -98,7 +98,7 @@ function ThinkRoutineBrowser({ className, routines, selectedRoutineId, showOwner
 				]
 			}),
 			visibleRoutines.length ? /* @__PURE__ */ jsx("ul", {
-				className: "think-routine-library__routine-list",
+				className: "think-routine__routine-list",
 				role: "list",
 				children: visibleRoutines.map((routine) => {
 					const selected = routine.id === selectedRoutineId;
@@ -113,19 +113,21 @@ function ThinkRoutineBrowser({ className, routines, selectedRoutineId, showOwner
 								className: "think-routine-browser__routine"
 							}),
 							"aria-current": selected ? "page" : void 0,
-							onClick: onRoutineLinkClick,
+							onClick: (event) => {
+								if (isPlainPrimaryLinkActivation(event)) onRoutineLinkClick?.(event);
+							},
 							children: [
 								/* @__PURE__ */ jsx("span", {
-									className: "think-routine-library__routine-status",
+									className: "think-routine__routine-status",
 									"data-enabled": routine.enabled || void 0,
 									"aria-hidden": "true"
 								}),
 								/* @__PURE__ */ jsx("span", {
-									className: "think-routine-library__title sigvelo-visually-hidden",
+									className: "sigvelo-visually-hidden",
 									children: routine.enabled ? "Active" : "Paused"
 								}),
 								/* @__PURE__ */ jsxs("span", {
-									className: "think-routine-library__routine-copy",
+									className: "think-routine__routine-copy",
 									children: [
 										/* @__PURE__ */ jsx("strong", { children: routine.name }),
 										/* @__PURE__ */ jsx("span", { children: routine.task.schedule }),

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

@@ -16,14 +16,14 @@ function ThinkRoutineDetail({ busy = false, className, routine, showOwner = true
 	const enabledLabelId = React.useId();
 	return /* @__PURE__ */ jsxs("article", {
 		ref,
-		className: cx("think-routine-detail", "think-routine-library__detail", className),
+		className: cx("think-routine-detail", "think-routine__detail", className),
 		"aria-labelledby": titleId,
 		...props,
 		children: [
 			/* @__PURE__ */ jsx("header", {
-				className: "think-routine-library__detail-header",
+				className: "think-routine__detail-header",
 				children: /* @__PURE__ */ jsxs("div", {
-					className: "think-routine-library__detail-heading",
+					className: "think-routine__detail-heading",
 					children: [/* @__PURE__ */ jsx("h1", {
 						id: titleId,
 						children: routine.name
@@ -31,33 +31,33 @@ function ThinkRoutineDetail({ busy = false, className, routine, showOwner = true
 				})
 			}),
 			/* @__PURE__ */ jsxs("div", {
-				className: "think-routine-library__detail-grid",
+				className: "think-routine__detail-grid",
 				children: [/* @__PURE__ */ jsxs("section", {
-					className: "think-routine-library__definition",
+					className: "think-routine__definition",
 					"aria-labelledby": definitionId,
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "think-routine-library__section-heading",
+						className: "think-routine__section-heading",
 						children: /* @__PURE__ */ jsx("h2", {
 							id: definitionId,
 							children: "Instructions"
 						})
 					}), /* @__PURE__ */ jsx("p", {
-						className: "think-routine-library__instructions",
+						className: "think-routine__instructions",
 						children: taskInstructions(routine)
 					})]
 				}), /* @__PURE__ */ jsxs("aside", {
-					className: "think-routine-library__settings",
+					className: "think-routine__settings",
 					"aria-labelledby": settingsId,
 					children: [
 						/* @__PURE__ */ jsx("div", {
-							className: "think-routine-library__section-heading",
+							className: "think-routine__section-heading",
 							children: /* @__PURE__ */ jsx("h2", {
 								id: settingsId,
 								children: "Schedule"
 							})
 						}),
 						/* @__PURE__ */ jsxs("dl", {
-							className: "think-routine-library__facts",
+							className: "think-routine__facts",
 							children: [
 								/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Repeats" }), /* @__PURE__ */ jsx("dd", { children: routine.task.schedule })] }),
 								routine.schedule ? /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("dt", { children: "Next run" }), /* @__PURE__ */ jsx("dd", { children: getThinkRoutineNextRun(routine) })] }) : null,
@@ -65,7 +65,7 @@ function ThinkRoutineDetail({ busy = false, className, routine, showOwner = true
 							]
 						}),
 						/* @__PURE__ */ jsxs("div", {
-							className: "think-routine-library__status-control",
+							className: "think-routine__status-control",
 							children: [/* @__PURE__ */ jsx("div", {
 								id: enabledLabelId,
 								children: /* @__PURE__ */ jsx("strong", { children: "Enabled" })

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

@@ -32,6 +32,7 @@ interface ThinkRoutineFormProps extends Omit<React.HTMLAttributes<HTMLDivElement
   routine?: ThinkRoutineFormRoutine;
   /** App-authored TanStack Router Link to the routine catalog. */
   cancelLink?: React.ReactElement;
+  /** Receives the validated routine fields when the user creates or updates the schedule. */
   onSubmit: (value: ThinkRoutineFormValue) => void | Promise<void>;
 }
 /** Complete create/edit surface for a prompt-based Think scheduled task. */
@@ -43,7 +44,7 @@ declare function ThinkRoutineForm({
   ref,
   ...props
 }: ThinkRoutineFormProps & {
-  ref?: React.Ref<HTMLDivElement>;
+  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 //#endregion
 export { ThinkRoutineForm, ThinkRoutineFormProps, ThinkRoutineFormRoutine, ThinkRoutineFormSchedule, ThinkRoutineFormValue };

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

@@ -1,17 +1,17 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { K as SpinnerIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Button } from "../foundations/Button.js";
+import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { a as formatErrorMessage } from "../../format-COCyV98Z.js";
+import { AppTopBar } from "../general-purpose/AppTopBar.js";
+import { Fieldset } from "../foundations/Fieldset.js";
 import { Select } from "../foundations/Select.js";
 import { Checkbox } from "../foundations/Checkbox.js";
 import { CheckboxGroup } from "../foundations/CheckboxGroup.js";
 import { Combobox } from "../foundations/Combobox.js";
-import { Fieldset } from "../foundations/Fieldset.js";
 import { NumberField } from "../foundations/NumberField.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRoutineForm.tsx
@@ -101,7 +101,7 @@ function timezoneOptions() {
 const TIMEZONE_OPTIONS = timezoneOptions();
 function RoutineSelect({ label, onValueChange, options, value }) {
 	return /* @__PURE__ */ jsx("div", {
-		className: "think-routine-library__select-field",
+		className: "think-routine__select-field",
 		children: /* @__PURE__ */ jsxs(Select.Root, {
 			items: options,
 			value,
@@ -198,7 +198,7 @@ function ThinkRoutineForm({ cancelLink, className, routine, onSubmit, ref, ...pr
 	}
 	return /* @__PURE__ */ jsxs("div", {
 		ref,
-		className: cx("think-routine-library", "think-routine-library__editor", className),
+		className: cx("think-routine__editor", className),
 		...props,
 		children: [
 			/* @__PURE__ */ jsxs(AppTopBar.Root, {
@@ -210,18 +210,18 @@ function ThinkRoutineForm({ cancelLink, className, routine, onSubmit, ref, ...pr
 				}) }) : null, /* @__PURE__ */ jsx(AppTopBar.Title, { children: editing ? "Edit schedule" : "New schedule" })]
 			}),
 			error ? /* @__PURE__ */ jsxs("div", {
-				className: "think-routine-library__editor-error",
+				className: "think-routine__editor-error",
 				role: "alert",
 				children: [/* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", { children: error })]
 			}) : null,
 			/* @__PURE__ */ jsxs("main", {
-				className: "think-routine-form think-routine-library__create",
+				className: "think-routine-form think-routine__create",
 				"aria-labelledby": titleId,
 				children: [/* @__PURE__ */ jsx("header", {
-					className: "think-routine-library__create-header",
+					className: "think-routine__create-header",
 					children: /* @__PURE__ */ jsxs("div", { children: [
 						/* @__PURE__ */ jsx("p", {
-							className: "think-routine-library__eyebrow",
+							className: "think-routine__eyebrow",
 							children: editing ? "Edit schedule" : "New schedule"
 						}),
 						/* @__PURE__ */ jsx("h1", {
@@ -231,7 +231,7 @@ function ThinkRoutineForm({ cancelLink, className, routine, onSubmit, ref, ...pr
 						/* @__PURE__ */ jsx("p", { children: "Each run starts a new conversation with these instructions." })
 					] })
 				}), /* @__PURE__ */ jsxs(Form, {
-					className: "think-routine-library__form",
+					className: "think-routine__form",
 					validationMode: "onBlur",
 					onSubmit: submit,
 					children: [/* @__PURE__ */ jsxs(Field.Group, { children: [
@@ -279,7 +279,7 @@ function ThinkRoutineForm({ cancelLink, className, routine, onSubmit, ref, ...pr
 							onValueChange: setScheduleKind
 						}),
 						scheduleKind === "interval" ? /* @__PURE__ */ jsxs("div", {
-							className: "think-routine-library__form-row",
+							className: "think-routine__form-row",
 							children: [/* @__PURE__ */ jsxs(Field.Root, {
 								name: "interval",
 								children: [/* @__PURE__ */ jsx(Field.Label, {
@@ -341,7 +341,7 @@ function ThinkRoutineForm({ cancelLink, className, routine, onSubmit, ref, ...pr
 								}) : null
 							]
 						}) : null, /* @__PURE__ */ jsxs("div", {
-							className: "think-routine-library__form-row",
+							className: "think-routine__form-row",
 							children: [/* @__PURE__ */ jsxs(Field.Root, {
 								name: "time",
 								children: [
@@ -410,7 +410,7 @@ function ThinkRoutineForm({ cancelLink, className, routine, onSubmit, ref, ...pr
 							})]
 						})] })
 					] }), /* @__PURE__ */ jsxs("footer", {
-						className: "think-routine-library__form-actions",
+						className: "think-routine__form-actions",
 						children: [cancelLink ? /* @__PURE__ */ jsx(Button, {
 							variant: "ghost",
 							color: "neutral",

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

@@ -1,7 +1,7 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { EmptyState } from "../foundations/EmptyState.js";
+import { t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
 import { getThinkExecutionRunAccessibleName, getThinkExecutionRunId, isThinkSubmissionRun } from "./ThinkExecutionRun.js";
 import { ThinkExecutionRunSummary } from "./ThinkExecutionStatus.js";
 import * as React from "react";
@@ -12,17 +12,17 @@ function ThinkRoutineRuns({ className, runs, title = "Recent runs", emptyState =
 	const titleId = React.useId();
 	return /* @__PURE__ */ jsxs("section", {
 		ref,
-		className: cx("think-routine-runs", "think-routine-library__runs", className),
+		className: cx("think-routine-runs", "think-routine__runs", className),
 		"aria-labelledby": titleId,
 		...props,
 		children: [/* @__PURE__ */ jsx("div", {
-			className: "think-routine-library__section-heading",
+			className: "think-routine__section-heading",
 			children: /* @__PURE__ */ jsx("h2", {
 				id: titleId,
 				children: title
 			})
 		}), runs.length ? /* @__PURE__ */ jsx("ol", {
-			className: "think-routine-library__run-list",
+			className: "think-routine__run-list",
 			children: runs.map((run) => {
 				const kind = isThinkSubmissionRun(run) ? "submission" : "workflow";
 				const content = /* @__PURE__ */ jsx(ThinkExecutionRunSummary, { run });
@@ -30,7 +30,7 @@ function ThinkRoutineRuns({ className, runs, title = "Recent runs", emptyState =
 					variant: "ghost",
 					color: "neutral",
 					size: "sm",
-					className: "think-routine-library__run"
+					className: "think-routine__run"
 				});
 				return /* @__PURE__ */ jsx("li", { children: renderRunLink ? /* @__PURE__ */ jsx(NavigationLink, {
 					render: renderRunLink(run),
@@ -38,12 +38,12 @@ function ThinkRoutineRuns({ className, runs, title = "Recent runs", emptyState =
 					"aria-label": getThinkExecutionRunAccessibleName(run),
 					children: content
 				}) : /* @__PURE__ */ jsx("div", {
-					className: "think-routine-library__run",
+					className: "think-routine__run",
 					children: content
 				}) }, `${kind}:${getThinkExecutionRunId(run)}`);
 			})
 		}) : /* @__PURE__ */ jsx(EmptyState, {
-			className: "think-routine-library__empty-runs",
+			className: "think-routine__empty-runs",
 			description: emptyState
 		})]
 	});