@mcp-b/react-components 0.42.0 → 0.44.0

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

@@ -1,14 +1,104 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon } from "../../icons-CVFSeTJn.js";
-import { Button, buttonVariants } from "../foundations/Button.js";
+import { d as CheckIcon, et as WarningIcon, f as ChevronDownIcon, q as SpinnerIcon, r as ArrowLeftIcon } from "../../icons-Dw-im7lg.js";
+import { Button } from "../foundations/Button.js";
+import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
 import { Field } from "../foundations/Field.js";
 import { Form } from "../foundations/Form.js";
 import { Textarea } from "../foundations/Textarea.js";
-import { t as NavigationLink } from "../../navigation-link-kqMa81v5.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 { NumberField } from "../foundations/NumberField.js";
 import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/agents-sdk/ThinkRoutineForm.tsx
+const SCHEDULE_KIND_OPTIONS = [
+	{
+		label: "At an interval",
+		value: "interval"
+	},
+	{
+		label: "Every day",
+		value: "daily"
+	},
+	{
+		label: "Every weekday",
+		value: "weekdays"
+	},
+	{
+		label: "Every week",
+		value: "weekly"
+	}
+];
+const INTERVAL_UNIT_OPTIONS = [{
+	label: "Minutes",
+	value: "minute"
+}, {
+	label: "Hours",
+	value: "hour"
+}];
+const BROWSER_TIMEZONE = Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+const WEEKDAYS = [
+	{
+		token: "mon",
+		dayNumber: 1,
+		label: "Monday"
+	},
+	{
+		token: "tue",
+		dayNumber: 2,
+		label: "Tuesday"
+	},
+	{
+		token: "wed",
+		dayNumber: 3,
+		label: "Wednesday"
+	},
+	{
+		token: "thu",
+		dayNumber: 4,
+		label: "Thursday"
+	},
+	{
+		token: "fri",
+		dayNumber: 5,
+		label: "Friday"
+	},
+	{
+		token: "sat",
+		dayNumber: 6,
+		label: "Saturday"
+	},
+	{
+		token: "sun",
+		dayNumber: 0,
+		label: "Sunday"
+	}
+];
+function scheduleKindOf(schedule) {
+	if (schedule.kind === "interval") return "interval";
+	if (schedule.days === "daily") return "daily";
+	if (schedule.days === "weekday") return "weekdays";
+	return "weekly";
+}
+function wallClockTime(schedule) {
+	const pad = (value) => String(value).padStart(2, "0");
+	return `${pad(schedule.hour)}:${pad(schedule.minute)}`;
+}
+function timezoneOptions() {
+	return [.../* @__PURE__ */ new Set([
+		BROWSER_TIMEZONE,
+		"UTC",
+		...Intl.supportedValuesOf("timeZone")
+	])].sort((left, right) => left.localeCompare(right)).map((value) => ({
+		label: value,
+		value
+	}));
+}
+const TIMEZONE_OPTIONS = timezoneOptions();
 function RoutineSelect({ label, onValueChange, options, value }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "think-routine-library__select-field",
@@ -32,120 +122,315 @@ function RoutineSelect({ label, onValueChange, options, value }) {
 		})
 	});
 }
-/** Authoring surface for a serializable, prompt-based Think scheduled task. */
-function ThinkRoutineForm({ busy = false, cancelLink, className, owners, onCreate, schedules, ref, ...props }) {
-	const [name, setName] = React.useState("");
-	const [ownerId, setOwnerId] = React.useState(owners[0]?.id ?? "");
-	const [prompt, setPrompt] = React.useState("");
-	const [schedule, setSchedule] = React.useState(schedules[0] ?? null);
+/** Complete create/edit surface for a prompt-based Think scheduled task. */
+function ThinkRoutineForm({ cancelLink, className, routine, onSubmit, ref, ...props }) {
+	const initialSchedule = routine?.parsedSchedule;
+	const editing = routine !== void 0;
+	const [name, setName] = React.useState(routine?.name ?? "");
+	const [prompt, setPrompt] = React.useState(routine?.task.prompt ?? "");
+	const [scheduleKind, setScheduleKind] = React.useState(initialSchedule ? scheduleKindOf(initialSchedule) : "daily");
+	const [intervalEvery, setIntervalEvery] = React.useState(initialSchedule?.kind === "interval" ? initialSchedule.intervalMs % 36e5 === 0 ? initialSchedule.intervalMs / 36e5 : initialSchedule.intervalMs / 6e4 : 1);
+	const [intervalUnit, setIntervalUnit] = React.useState(initialSchedule?.kind === "interval" && initialSchedule.intervalMs % 36e5 !== 0 ? "minute" : "hour");
+	const [time, setTime] = React.useState(initialSchedule?.kind === "wall-clock" ? wallClockTime(initialSchedule) : "09:00");
+	const [timezone, setTimezone] = React.useState(initialSchedule?.kind === "wall-clock" ? initialSchedule.timezone : BROWSER_TIMEZONE);
+	const [timezoneInput, setTimezoneInput] = React.useState(initialSchedule?.kind === "wall-clock" ? initialSchedule.timezone : BROWSER_TIMEZONE);
+	const [days, setDays] = React.useState(initialSchedule?.kind === "wall-clock" && Array.isArray(initialSchedule.days) ? WEEKDAYS.filter((day) => initialSchedule.days.includes(day.dayNumber)).map((day) => day.token) : ["mon"]);
+	const [daysError, setDaysError] = React.useState(false);
+	const [timezoneError, setTimezoneError] = React.useState(false);
+	const [busy, setBusy] = React.useState(false);
+	const [error, setError] = React.useState(null);
 	const titleId = React.useId();
-	return /* @__PURE__ */ jsxs("main", {
+	const timezoneLabelId = React.useId();
+	const timezoneDescriptionId = React.useId();
+	const timezoneErrorId = React.useId();
+	const intervalLabelId = React.useId();
+	const daysDescriptionId = React.useId();
+	const daysErrorId = React.useId();
+	const firstDayRef = React.useRef(null);
+	const timezoneInputRef = React.useRef(null);
+	const availableTimezoneOptions = React.useMemo(() => TIMEZONE_OPTIONS.some((option) => option.value === timezone) ? TIMEZONE_OPTIONS : [...TIMEZONE_OPTIONS, {
+		label: timezone,
+		value: timezone
+	}].sort((left, right) => left.value.localeCompare(right.value)), [timezone]);
+	const selectedTimezone = React.useMemo(() => availableTimezoneOptions.find((option) => option.value === timezone) ?? {
+		label: timezone,
+		value: timezone
+	}, [availableTimezoneOptions, timezone]);
+	function value() {
+		if (!name.trim() || !prompt.trim()) return null;
+		let schedule;
+		if (scheduleKind === "interval") {
+			if (!Number.isSafeInteger(intervalEvery) || (intervalEvery ?? 0) < 1) return null;
+			const every = intervalEvery;
+			schedule = `every ${every} ${intervalUnit}${every === 1 ? "" : "s"}`;
+		} else if (timezoneInput !== selectedTimezone.label) {
+			setTimezoneError(true);
+			queueMicrotask(() => timezoneInputRef.current?.focus());
+			return null;
+		} else if (scheduleKind === "weekly") {
+			if (days.length === 0) {
+				setDaysError(true);
+				queueMicrotask(() => firstDayRef.current?.focus());
+				return null;
+			}
+			schedule = `every week on ${WEEKDAYS.filter((day) => days.includes(day.token)).map((day) => day.token).join(",")} at ${time} in ${timezone}`;
+		} else if (scheduleKind === "weekdays") schedule = `every weekday at ${time} in ${timezone}`;
+		else schedule = `every day at ${time} in ${timezone}`;
+		return {
+			name: name.trim(),
+			prompt: prompt.trim(),
+			schedule
+		};
+	}
+	async function submit(event) {
+		event.preventDefault();
+		const nextValue = value();
+		if (!nextValue) return;
+		setBusy(true);
+		setError(null);
+		try {
+			await onSubmit(nextValue);
+		} catch (nextError) {
+			setError(formatErrorMessage(nextError));
+		} finally {
+			setBusy(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
 		ref,
-		className: cx("think-routine-form", "think-routine-library__create", className),
-		"aria-labelledby": titleId,
+		className: cx("think-routine-library", "think-routine-library__editor", className),
 		...props,
-		children: [/* @__PURE__ */ jsx("header", {
-			className: "think-routine-library__create-header",
-			children: /* @__PURE__ */ jsxs("div", { children: [
-				/* @__PURE__ */ jsx("p", {
-					className: "think-routine-library__eyebrow",
-					children: "New schedule"
-				}),
-				/* @__PURE__ */ jsx("h1", {
-					id: titleId,
-					children: "What should run automatically?"
-				}),
-				/* @__PURE__ */ jsx("p", { children: "Give an agent clear instructions, then choose when Think should submit them." })
-			] })
-		}), /* @__PURE__ */ jsxs(Form, {
-			className: "think-routine-library__form",
-			onSubmit: (event) => {
-				event.preventDefault();
-				if (!name.trim() || !prompt.trim() || !ownerId || !schedule) return;
-				const task = {
-					schedule,
-					prompt: prompt.trim()
-				};
-				onCreate({
-					name: name.trim(),
-					ownerId,
-					task
-				});
-			},
-			children: [/* @__PURE__ */ jsxs(Field.Group, { children: [
-				/* @__PURE__ */ jsxs(Field.Root, {
-					name: "name",
-					children: [
-						/* @__PURE__ */ jsx(Field.Label, { children: "Name" }),
-						/* @__PURE__ */ jsx(Field.Control, {
+		children: [
+			/* @__PURE__ */ jsxs(AppTopBar.Root, {
+				"aria-label": "Schedule editor controls",
+				children: [cancelLink ? /* @__PURE__ */ jsx(AppTopBar.Leading, { children: /* @__PURE__ */ jsx(AppTopBar.Link, {
+					label: "Back to schedules",
+					render: cancelLink,
+					children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+				}) }) : null, /* @__PURE__ */ jsx(AppTopBar.Title, { children: editing ? "Edit schedule" : "New schedule" })]
+			}),
+			error ? /* @__PURE__ */ jsxs("div", {
+				className: "think-routine-library__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",
+				"aria-labelledby": titleId,
+				children: [/* @__PURE__ */ jsx("header", {
+					className: "think-routine-library__create-header",
+					children: /* @__PURE__ */ jsxs("div", { children: [
+						/* @__PURE__ */ jsx("p", {
+							className: "think-routine-library__eyebrow",
+							children: editing ? "Edit schedule" : "New schedule"
+						}),
+						/* @__PURE__ */ jsx("h1", {
+							id: titleId,
+							children: "What should run automatically?"
+						}),
+						/* @__PURE__ */ jsx("p", { children: "Each run starts a new conversation with these instructions." })
+					] })
+				}), /* @__PURE__ */ jsxs(Form, {
+					className: "think-routine-library__form",
+					validationMode: "onBlur",
+					onSubmit: submit,
+					children: [/* @__PURE__ */ jsxs(Field.Group, { children: [
+						/* @__PURE__ */ jsxs(Field.Root, {
 							name: "name",
-							value: name,
-							required: true,
-							autoComplete: "off",
-							placeholder: "Weekly project review",
-							onChange: (event) => setName(event.currentTarget.value)
+							children: [
+								/* @__PURE__ */ jsx(Field.Label, { children: "Name" }),
+								/* @__PURE__ */ jsx(Field.Control, {
+									name: "name",
+									value: name,
+									required: true,
+									autoComplete: "off",
+									placeholder: "Weekly project review",
+									onChange: (event) => setName(event.currentTarget.value)
+								}),
+								/* @__PURE__ */ jsx(Field.Error, {
+									match: "valueMissing",
+									children: "Name is required"
+								})
+							]
 						}),
-						/* @__PURE__ */ jsx(Field.Error, {
-							match: "valueMissing",
-							children: "Name is required"
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs(Field.Root, {
-					name: "prompt",
-					children: [
-						/* @__PURE__ */ jsx(Field.Label, { children: "Instructions" }),
-						/* @__PURE__ */ jsx(Field.Description, { children: "Describe the outcome, sources, and what to do when blocked." }),
-						/* @__PURE__ */ jsx(Field.Control, {
-							render: /* @__PURE__ */ jsx(Textarea, { rows: 8 }),
+						/* @__PURE__ */ jsxs(Field.Root, {
 							name: "prompt",
-							value: prompt,
-							required: true,
-							placeholder: "Review open pull requests, summarize blockers, and draft a concise project update.",
-							onChange: (event) => setPrompt(event.currentTarget.value)
+							children: [
+								/* @__PURE__ */ jsx(Field.Label, { children: "Instructions" }),
+								/* @__PURE__ */ jsx(Field.Description, { children: "Describe the outcome, sources, and what to do when blocked." }),
+								/* @__PURE__ */ jsx(Field.Control, {
+									render: /* @__PURE__ */ jsx(Textarea, { rows: 8 }),
+									name: "prompt",
+									value: prompt,
+									required: true,
+									placeholder: "Review open pull requests, summarize blockers, and draft a concise project update.",
+									onChange: (event) => setPrompt(event.currentTarget.value)
+								}),
+								/* @__PURE__ */ jsx(Field.Error, {
+									match: "valueMissing",
+									children: "Instructions are required"
+								})
+							]
 						}),
-						/* @__PURE__ */ jsx(Field.Error, {
-							match: "valueMissing",
-							children: "Instructions are required"
-						})
-					]
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "think-routine-library__form-row",
-					children: [/* @__PURE__ */ jsx(RoutineSelect, {
-						label: "Agent",
-						value: ownerId,
-						options: owners.map((owner) => ({
-							label: owner.name,
-							value: owner.id
-						})),
-						onValueChange: setOwnerId
-					}), schedule ? /* @__PURE__ */ jsx(RoutineSelect, {
-						label: "Repeats",
-						value: schedule,
-						options: schedules.map((value) => ({
-							label: value,
-							value
-						})),
-						onValueChange: setSchedule
-					}) : /* @__PURE__ */ jsx("p", { children: "No schedules are available." })]
-				})
-			] }), /* @__PURE__ */ jsxs("footer", {
-				className: "think-routine-library__form-actions",
-				children: [cancelLink ? /* @__PURE__ */ jsx(NavigationLink, {
-					render: cancelLink,
-					className: buttonVariants({
-						variant: "ghost",
-						color: "neutral"
-					}),
-					children: "Cancel"
-				}) : null, /* @__PURE__ */ jsxs(Button, {
-					type: "submit",
-					disabled: busy || owners.length === 0 || !schedule,
-					children: [busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : null, " Create schedule"]
+						/* @__PURE__ */ jsx(RoutineSelect, {
+							label: "Repeats",
+							value: scheduleKind,
+							options: SCHEDULE_KIND_OPTIONS,
+							onValueChange: setScheduleKind
+						}),
+						scheduleKind === "interval" ? /* @__PURE__ */ jsxs("div", {
+							className: "think-routine-library__form-row",
+							children: [/* @__PURE__ */ jsxs(Field.Root, {
+								name: "interval",
+								children: [/* @__PURE__ */ jsx(Field.Label, {
+									id: intervalLabelId,
+									children: "Every"
+								}), /* @__PURE__ */ jsx(NumberField.Root, {
+									value: intervalEvery,
+									min: 1,
+									step: 1,
+									onValueChange: setIntervalEvery,
+									children: /* @__PURE__ */ jsxs(NumberField.Group, { children: [
+										/* @__PURE__ */ jsx(NumberField.Decrement, {
+											"aria-label": "Decrease interval",
+											children: "−"
+										}),
+										/* @__PURE__ */ jsx(NumberField.Input, {
+											name: "interval",
+											required: true,
+											"aria-labelledby": intervalLabelId
+										}),
+										/* @__PURE__ */ jsx(NumberField.Increment, {
+											"aria-label": "Increase interval",
+											children: "+"
+										})
+									] })
+								})]
+							}), /* @__PURE__ */ jsx(RoutineSelect, {
+								label: "Unit",
+								value: intervalUnit,
+								options: INTERVAL_UNIT_OPTIONS,
+								onValueChange: setIntervalUnit
+							})]
+						}) : /* @__PURE__ */ jsxs(Fragment, { children: [scheduleKind === "weekly" ? /* @__PURE__ */ jsxs(Fieldset.Root, {
+							variant: "plain",
+							children: [
+								/* @__PURE__ */ jsx(Fieldset.Legend, { children: "Days" }),
+								/* @__PURE__ */ jsx(Fieldset.Description, {
+									id: daysDescriptionId,
+									children: "Select at least one day."
+								}),
+								/* @__PURE__ */ jsx(CheckboxGroup, {
+									layout: "grid",
+									value: days,
+									"aria-describedby": `${daysDescriptionId}${daysError ? ` ${daysErrorId}` : ""}`,
+									"aria-invalid": daysError || void 0,
+									onValueChange: (nextDays) => {
+										setDays(nextDays);
+										if (nextDays.length > 0) setDaysError(false);
+									},
+									children: WEEKDAYS.map((day) => /* @__PURE__ */ jsxs(CheckboxGroup.Item, { children: [/* @__PURE__ */ jsx(CheckboxGroup.Icon, { children: /* @__PURE__ */ jsx(Checkbox.Root, {
+										ref: day.token === "mon" ? firstDayRef : void 0,
+										value: day.token,
+										children: /* @__PURE__ */ jsx(Checkbox.Indicator, {})
+									}) }), /* @__PURE__ */ jsx(CheckboxGroup.Content, { children: /* @__PURE__ */ jsx(CheckboxGroup.Title, { children: day.label }) })] }, day.token))
+								}),
+								daysError ? /* @__PURE__ */ jsx(Field.Errors, {
+									id: daysErrorId,
+									errors: ["Select at least one day."]
+								}) : null
+							]
+						}) : null, /* @__PURE__ */ jsxs("div", {
+							className: "think-routine-library__form-row",
+							children: [/* @__PURE__ */ jsxs(Field.Root, {
+								name: "time",
+								children: [
+									/* @__PURE__ */ jsx(Field.Label, { children: "Time" }),
+									/* @__PURE__ */ jsx(Field.Control, {
+										name: "time",
+										type: "time",
+										value: time,
+										required: true,
+										onChange: (event) => setTime(event.currentTarget.value)
+									}),
+									/* @__PURE__ */ jsx(Field.Error, {
+										match: "valueMissing",
+										children: "Time is required"
+									})
+								]
+							}), /* @__PURE__ */ jsxs(Field.Root, {
+								name: "timezone",
+								invalid: timezoneError,
+								children: [
+									/* @__PURE__ */ jsx(Field.Label, {
+										id: timezoneLabelId,
+										children: "Time zone"
+									}),
+									/* @__PURE__ */ jsx(Field.Description, {
+										id: timezoneDescriptionId,
+										children: "Search IANA zones, such as America/Chicago."
+									}),
+									/* @__PURE__ */ jsxs(Combobox.Root, {
+										items: availableTimezoneOptions,
+										value: selectedTimezone,
+										inputValue: timezoneInput,
+										onInputValueChange: (nextInput) => {
+											setTimezoneInput(nextInput);
+											if (nextInput === selectedTimezone.label) setTimezoneError(false);
+										},
+										onValueChange: (option) => {
+											if (!option) return;
+											setTimezone(option.value);
+											setTimezoneInput(option.label);
+											setTimezoneError(false);
+										},
+										children: [/* @__PURE__ */ jsxs(Combobox.InputGroup, { children: [/* @__PURE__ */ jsx(Combobox.Input, {
+											ref: timezoneInputRef,
+											name: "timezone",
+											required: true,
+											"aria-invalid": timezoneError || void 0,
+											"aria-labelledby": timezoneLabelId,
+											"aria-describedby": `${timezoneDescriptionId}${timezoneError ? ` ${timezoneErrorId}` : ""}`
+										}), /* @__PURE__ */ jsx(Combobox.Trigger, {
+											"aria-label": "Open time zone list",
+											children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+										})] }), /* @__PURE__ */ jsx(Combobox.Portal, { children: /* @__PURE__ */ jsx(Combobox.Positioner, {
+											sideOffset: 4,
+											children: /* @__PURE__ */ jsxs(Combobox.Popup, { children: [/* @__PURE__ */ jsx(Combobox.List, { children: (option) => /* @__PURE__ */ jsxs(Combobox.Item, {
+												value: option,
+												children: [/* @__PURE__ */ jsx(Combobox.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }), option.label]
+											}, option.value) }), /* @__PURE__ */ jsx(Combobox.Empty, { children: "No matching time zones." })] })
+										}) })]
+									}),
+									timezoneError ? /* @__PURE__ */ jsx(Field.Errors, {
+										id: timezoneErrorId,
+										errors: ["Select a valid time zone from the list."]
+									}) : null
+								]
+							})]
+						})] })
+					] }), /* @__PURE__ */ jsxs("footer", {
+						className: "think-routine-library__form-actions",
+						children: [cancelLink ? /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							color: "neutral",
+							disabled: busy,
+							nativeButton: false,
+							render: cancelLink,
+							children: "Cancel"
+						}) : null, /* @__PURE__ */ jsxs(Button, {
+							type: "submit",
+							disabled: busy,
+							children: [
+								busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : null,
+								" ",
+								editing ? "Save changes" : "Create schedule"
+							]
+						})]
+					})]
 				})]
-			})]
-		})]
+			})
+		]
 	});
 }
 //#endregion

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

@@ -1,4 +1,4 @@
-import { AppBarSlots } from "../general-purpose/ResponsiveSidebarShell.js";
+import { t as AppBarSlots } from "../../ResponsiveSidebarShell-DOXd5T-d.js";
 import { ThinkRoutine, ThinkRoutineRunOf } from "./ThinkRoutine.js";
 import * as React from "react";
 
@@ -31,8 +31,9 @@ interface ThinkRoutineLibraryProps<TRoutine extends ThinkRoutine = ThinkRoutine>
   /** 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 the built-in schedule actions.
+   * 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. */
@@ -53,7 +54,7 @@ interface ThinkRoutineLibraryProps<TRoutine extends ThinkRoutine = ThinkRoutine>
  * authoring routes, and the association between schedules and native runs.
  * The application shell composes `ThinkRoutineBrowser`, `ThinkRoutineDetail`,
  * and `ThinkRoutineRuns`; consumers compose `ThinkRoutineForm` in their create
- * route and may also use these surfaces independently.
+ * and edit routes and may also use these surfaces independently.
  */
 declare function ThinkRoutineLibrary<TRoutine extends ThinkRoutine = ThinkRoutine>({
   bar,

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

@@ -1,13 +1,12 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { K as SpinnerIcon, y as EllipsisIcon, z as PlayIcon } from "../../icons-CVFSeTJn.js";
+import { $ as TrashIcon, B as PlayIcon, q as SpinnerIcon, z as PencilIcon } from "../../icons-Dw-im7lg.js";
 import { buttonVariants } from "../foundations/Button.js";
-import { Menu } from "../foundations/Menu.js";
 import { i as formatErrorMessage } from "../../format-DB2mX9DA.js";
-import { n as isPlainPrimaryLinkActivation, t as NavigationLink } from "../../navigation-link-kqMa81v5.js";
-import { AlertDialog } from "../foundations/AlertDialog.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";
@@ -15,45 +14,32 @@ 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 moreActionsRef = React.useRef(null);
-	const hasMenu = Boolean(editLink || onDelete);
-	if (!appBarActions && !onRun && !hasMenu) return null;
+	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",
-			tooltip: "Run now",
 			disabled: busy,
 			onClick: onRun,
 			children: busy ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})
 		}) : null,
-		hasMenu ? /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsx(AppTopBar.Button, {
-			label: "More schedule actions",
-			tooltip: "More actions",
+		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,
-			render: /* @__PURE__ */ jsx(Menu.Trigger, {
-				ref: moreActionsRef,
-				unstyled: true
-			}),
-			children: /* @__PURE__ */ jsx(EllipsisIcon, {})
-		}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-			align: "end",
-			sideOffset: 4,
-			children: /* @__PURE__ */ jsxs(Menu.Popup, { children: [editLink ? /* @__PURE__ */ jsx(Menu.Item, {
-				render: editLink,
-				children: "Edit schedule"
-			}) : null, onDelete ? /* @__PURE__ */ jsx(Menu.Item, {
-				variant: "destructive",
-				disabled: busy,
-				onClick: () => setDeleteOpen(true),
-				children: "Delete schedule"
-			}) : null] })
-		}) })] }) : null,
-		onDelete ? /* @__PURE__ */ jsx(AlertDialog.Root, {
+			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: moreActionsRef,
+				finalFocus: deleteButtonRef,
 				children: [
 					/* @__PURE__ */ jsxs(AlertDialog.Title, { children: [
 						"Delete ",
@@ -72,7 +58,7 @@ function RoutineTopBarActions({ appBarActions, busy, onDelete, editLink, onRun,
 					})] })
 				]
 			}) })] })
-		}) : null
+		})] }) : null
 	] });
 }
 /**
@@ -81,7 +67,7 @@ function RoutineTopBarActions({ appBarActions, busy, onDelete, editLink, onRun,
 * authoring routes, and the association between schedules and native runs.
 * The application shell composes `ThinkRoutineBrowser`, `ThinkRoutineDetail`,
 * and `ThinkRoutineRuns`; consumers compose `ThinkRoutineForm` in their create
-* route and may also use these surfaces independently.
+* 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);

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";