@truefoundry/trueforge-ui 0.3.0-rc.0 → 0.3.0-rc.10

package/dist/chunk-EPAL2HD5.js

@@ -0,0 +1,1629 @@
+import {
+  Button,
+  ConnectorConnectButton,
+  CreatedByCell,
+  DEFAULT_TABLE_PAGE_SIZE,
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+  DropdownMenu,
+  DropdownMenuItem,
+  EmptyScreen,
+  PopoverSelect,
+  SearchInput_default,
+  SideDrawer,
+  Skeleton,
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+  TableTokenPagination,
+  Tooltip,
+  auiInputClass,
+  auiSelectMenuClass,
+  auiSelectOptionClass,
+  auiSelectTriggerClass,
+  hasCreatedBySubject,
+  mountName,
+  themePortalRoot,
+  useResourcePermissions,
+  useSlot,
+  useToasterOptional
+} from "./chunk-GG23N2GW.js";
+import {
+  findLibraryAgent,
+  readScheduleShareSearch,
+  replaceScheduleShareSearch,
+  useSearchAgentsList
+} from "./chunk-T6QQV5LK.js";
+import {
+  DraftCatalogProvider,
+  Icon,
+  PageHeader,
+  auiButtonClass,
+  useDraftCatalog
+} from "./chunk-3ZW74FHC.js";
+import {
+  libraryAgentId,
+  useOptionalCatalogServer,
+  useOptionalShellMode,
+  useScheduleServer,
+  useServer
+} from "./chunk-2GIZY3JJ.js";
+import {
+  cn
+} from "./chunk-JCL3Q7RW.js";
+
+// src/atoms/schedules/SchedulesPage.tsx
+import { useCallback, useEffect as useEffect4, useMemo as useMemo2, useRef as useRef3, useState as useState4 } from "react";
+
+// src/atoms/AgentSearchPicker.tsx
+import { useEffect, useId, useLayoutEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function AgentSearchPicker({
+  value,
+  selectedLabel,
+  onValueChange,
+  onAgentPicked,
+  disabled = false,
+  onBuildAgent,
+  allOption,
+  "aria-label": ariaLabel = "Agent",
+  placeholder = "Search agent",
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [pos, setPos] = useState(null);
+  const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const inputRef = useRef(null);
+  const menuRef = useRef(null);
+  const listboxId = useId();
+  const { agents, isInitialLoading, isSearching, loadingMore, hasMore, error, listRef, sentinelRef } = useSearchAgentsList({
+    enabled: open && !disabled,
+    query
+  });
+  useEffect(() => {
+    if (!open) setQuery("");
+  }, [open]);
+  useLayoutEffect(() => {
+    if (!open) {
+      setPos(null);
+      return;
+    }
+    const update = () => {
+      const el = triggerRef.current;
+      if (!el) return;
+      const rect = el.getBoundingClientRect();
+      setPos({
+        top: rect.bottom + 4,
+        left: rect.left,
+        width: rect.width
+      });
+    };
+    update();
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("resize", update);
+    };
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    const handlePointerDown = (event) => {
+      if (!(event.target instanceof Node)) return;
+      if (rootRef.current?.contains(event.target)) return;
+      if (menuRef.current?.contains(event.target)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    return () => document.removeEventListener("mousedown", handlePointerDown);
+  }, [open]);
+  const close = () => {
+    setOpen(false);
+    setQuery("");
+    inputRef.current?.blur();
+  };
+  const pick = (agent) => {
+    const id = libraryAgentId(agent);
+    onValueChange(id);
+    onAgentPicked?.(agent);
+    close();
+  };
+  const pickAll = () => {
+    if (allOption == null) return;
+    onValueChange(allOption.value);
+    close();
+  };
+  const inputValue = open ? query : selectedLabel;
+  const queryTrimmed = query.trim();
+  const showError = !isInitialLoading && error != null;
+  const showEmptyCatalog = !isInitialLoading && error == null && agents.length === 0 && queryTrimmed === "";
+  const showNoMatch = !isInitialLoading && error == null && agents.length === 0 && queryTrimmed !== "";
+  const menu = open && pos != null && !disabled ? createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: menuRef,
+        className: auiSelectMenuClass("fixed z-[200] flex max-h-64 flex-col overflow-hidden"),
+        style: {
+          top: pos.top,
+          left: pos.left,
+          width: pos.width
+        },
+        onMouseDown: (event) => event.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: listRef,
+              id: listboxId,
+              role: "listbox",
+              "aria-label": ariaLabel,
+              className: "min-h-0 flex-1 overflow-y-auto p-1",
+              children: [
+                allOption != null && queryTrimmed === "" ? /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    role: "option",
+                    "aria-selected": value === allOption.value,
+                    className: auiSelectOptionClass(),
+                    onClick: pickAll,
+                    children: [
+                      /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: allOption.label }),
+                      /* @__PURE__ */ jsx(
+                        Icon,
+                        {
+                          name: "check",
+                          className: cn("ml-auto size-4 shrink-0", value === allOption.value ? "opacity-100" : "opacity-0")
+                        }
+                      )
+                    ]
+                  }
+                ) : null,
+                isInitialLoading ? /* @__PURE__ */ jsx("p", { className: "text-text-secondary px-3 py-5 text-center text-sm", role: "status", children: "Loading\u2026" }) : showError ? /* @__PURE__ */ jsx("p", { className: "text-failure-bg px-3 py-5 text-center text-sm", role: "alert", children: error }) : showEmptyCatalog ? /* @__PURE__ */ jsx("p", { className: "text-text-secondary px-3 py-5 text-center text-sm", children: "No Agents created yet" }) : showNoMatch ? /* @__PURE__ */ jsxs("p", { className: "text-text-secondary px-3 py-5 text-center text-sm", role: "status", children: [
+                  'No agents match "',
+                  queryTrimmed,
+                  '".'
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  isSearching ? /* @__PURE__ */ jsx("p", { className: "sr-only", role: "status", children: "Searching\u2026" }) : null,
+                  agents.map((agent) => {
+                    const id = libraryAgentId(agent);
+                    const selected = value === id;
+                    return /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        type: "button",
+                        role: "option",
+                        "aria-selected": selected,
+                        className: auiSelectOptionClass(),
+                        onClick: () => pick(agent),
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: agent.name }),
+                          /* @__PURE__ */ jsx(
+                            Icon,
+                            {
+                              name: "check",
+                              className: cn("ml-auto size-4 shrink-0", selected ? "opacity-100" : "opacity-0")
+                            }
+                          )
+                        ]
+                      },
+                      id
+                    );
+                  }),
+                  hasMore ? /* @__PURE__ */ jsx("div", { ref: sentinelRef, className: "flex h-6 shrink-0 items-center justify-center", "aria-hidden": true, children: loadingMore ? /* @__PURE__ */ jsx("span", { className: "text-text-secondary text-[11px]", role: "status", children: "Loading more\u2026" }) : null }) : null
+                ] })
+              ]
+            }
+          ),
+          showEmptyCatalog && onBuildAgent != null ? /* @__PURE__ */ jsx("div", { className: "flex justify-end border-t border-border px-2 pt-2", children: /* @__PURE__ */ jsxs(Button.Ghost, { type: "button", onClick: onBuildAgent, children: [
+            /* @__PURE__ */ jsx(Icon, { name: "plus", className: "size-3.5" }),
+            "Build Agent"
+          ] }) }) : null
+        ]
+      }
+    ),
+    themePortalRoot(rootRef.current)
+  ) : null;
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: triggerRef,
+        className: auiSelectTriggerClass(disabled ? "cursor-not-allowed opacity-50" : "cursor-text"),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              role: "combobox",
+              "aria-label": ariaLabel,
+              "aria-expanded": open,
+              "aria-controls": open ? listboxId : void 0,
+              "aria-autocomplete": "list",
+              disabled,
+              placeholder,
+              value: inputValue,
+              className: "min-w-0 flex-1 bg-transparent outline-none placeholder:text-text-secondary/70 disabled:cursor-not-allowed",
+              onFocus: () => {
+                if (!disabled) setOpen(true);
+              },
+              onChange: (event) => {
+                if (disabled) return;
+                setQuery(event.target.value);
+                setOpen(true);
+              },
+              onKeyDown: (event) => {
+                if (event.key === "Escape") {
+                  event.preventDefault();
+                  setOpen(false);
+                  inputRef.current?.blur();
+                  return;
+                }
+                if (event.key === "ArrowDown" && !open && !disabled) {
+                  event.preventDefault();
+                  setOpen(true);
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(Icon, { name: "chevron-down", className: "size-4 shrink-0 text-text-secondary" })
+        ]
+      }
+    ),
+    menu
+  ] });
+}
+
+// src/atoms/schedules/cadence.ts
+var TIMEZONE_OPTIONS = [
+  { value: "America/New_York", label: "America/New_York (ET)" },
+  { value: "America/Chicago", label: "America/Chicago (CT)" },
+  { value: "America/Denver", label: "America/Denver (MT)" },
+  { value: "America/Los_Angeles", label: "America/Los_Angeles (PT)" },
+  { value: "UTC", label: "UTC" },
+  { value: "Europe/London", label: "Europe/London (GMT/BST)" },
+  { value: "Europe/Berlin", label: "Europe/Berlin (CET)" },
+  { value: "Asia/Kolkata", label: "Asia/Kolkata (IST)" },
+  { value: "Asia/Tokyo", label: "Asia/Tokyo (JST)" }
+];
+function resolveLocalTimezone() {
+  try {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC";
+  } catch {
+    return "UTC";
+  }
+}
+function getTimezoneOptions(selectedTimezone) {
+  const localTimezone = resolveLocalTimezone();
+  const knownTimezones = new Set(TIMEZONE_OPTIONS.map((option) => option.value));
+  const additionalTimezones = [localTimezone, selectedTimezone].flatMap((timezone) => {
+    if (timezone == null || timezone.length === 0 || knownTimezones.has(timezone)) return [];
+    knownTimezones.add(timezone);
+    return [{ value: timezone, label: timezone === localTimezone ? `${timezone} (Local)` : timezone }];
+  });
+  return [...additionalTimezones, ...TIMEZONE_OPTIONS];
+}
+var WEEKDAY_OPTIONS = [
+  { value: 1, label: "Mon" },
+  { value: 2, label: "Tue" },
+  { value: 3, label: "Wed" },
+  { value: 4, label: "Thu" },
+  { value: 5, label: "Fri" },
+  { value: 6, label: "Sat" },
+  { value: 0, label: "Sun" }
+];
+var TZ_ABBR = {
+  "America/New_York": "ET",
+  "America/Chicago": "CT",
+  "America/Denver": "MT",
+  "America/Los_Angeles": "PT",
+  UTC: "UTC",
+  "Europe/London": "GMT",
+  "Europe/Berlin": "CET",
+  "Asia/Kolkata": "IST",
+  "Asia/Tokyo": "JST"
+};
+function defaultScheduleFormValues() {
+  return {
+    name: "",
+    task: "",
+    recurrence: "daily",
+    hour: 9,
+    minute: 0,
+    weekdays: [1],
+    customCron: "0 9 * * *",
+    timezone: resolveLocalTimezone()
+  };
+}
+function timezoneAbbrev(timezone) {
+  return TZ_ABBR[timezone] ?? timezone.split("/").pop() ?? timezone;
+}
+function pad2(n) {
+  return n.toString().padStart(2, "0");
+}
+function formatClock({ hour, minute }) {
+  const period = hour >= 12 ? "PM" : "AM";
+  const h12 = hour % 12 === 0 ? 12 : hour % 12;
+  return `${String(h12)}:${pad2(minute)} ${period}`;
+}
+function valuesToCron(values) {
+  const minute = values.minute;
+  const hour = values.hour;
+  switch (values.recurrence) {
+    case "hourly":
+      return `${String(minute)} * * * *`;
+    case "daily":
+      return `${String(minute)} ${String(hour)} * * *`;
+    case "weekly": {
+      const days = [...values.weekdays].sort((a, b) => a - b);
+      const dow = days.length > 0 ? days.join(",") : "*";
+      return `${String(minute)} ${String(hour)} * * ${dow}`;
+    }
+    case "custom":
+      return values.customCron.trim();
+  }
+}
+function formatCadenceSummary(input) {
+  const abbr = timezoneAbbrev(input.timezone);
+  const parts = input.cron.trim().split(/\s+/);
+  if (parts.length !== 5) return input.cron;
+  const [minuteRaw, hourRaw, dayOfMonthRaw, monthRaw, dowRaw] = parts;
+  if (dayOfMonthRaw !== "*" || monthRaw !== "*") return input.cron;
+  const minute = Number(minuteRaw);
+  const hour = Number(hourRaw);
+  if (hourRaw === "*" && dowRaw === "*" && minuteRaw !== void 0 && !Number.isNaN(minute)) {
+    return `Hourly at :${pad2(minute)} ${abbr}`;
+  }
+  if (dowRaw === "*" && hourRaw !== void 0 && minuteRaw !== void 0 && !Number.isNaN(hour) && !Number.isNaN(minute)) {
+    return `Daily ${formatClock({ hour, minute })} ${abbr}`;
+  }
+  if (dowRaw === "1-5" && hourRaw !== void 0 && minuteRaw !== void 0 && !Number.isNaN(hour) && !Number.isNaN(minute)) {
+    return `Weekdays ${formatClock({ hour, minute })} ${abbr}`;
+  }
+  if (dowRaw != null && /^\d(?:,\d)*$/.test(dowRaw) && hourRaw !== void 0 && minuteRaw !== void 0 && !Number.isNaN(hour) && !Number.isNaN(minute)) {
+    const labels = dowRaw.split(",").map((d) => WEEKDAY_OPTIONS.find((w) => w.value === Number(d))?.label ?? d);
+    if (labels.length === 1) {
+      const day = labels[0] === "Mon" ? "Monday" : labels[0];
+      return `Every ${day} ${formatClock({ hour, minute })} ${abbr}`;
+    }
+    return `${labels.join(", ")} ${formatClock({ hour, minute })} ${abbr}`;
+  }
+  return input.cron;
+}
+function cronToFormValues(input) {
+  const base = defaultScheduleFormValues();
+  const parts = input.cron.trim().split(/\s+/);
+  if (parts.length !== 5) {
+    return {
+      ...base,
+      name: input.name,
+      task: input.task,
+      timezone: input.timezone,
+      recurrence: "custom",
+      customCron: input.cron
+    };
+  }
+  const [minuteRaw, hourRaw, dom, month, dowRaw] = parts;
+  const minute = Number(minuteRaw);
+  const hour = Number(hourRaw);
+  if (dom !== "*" || month !== "*") {
+    return {
+      ...base,
+      name: input.name,
+      task: input.task,
+      timezone: input.timezone,
+      recurrence: "custom",
+      customCron: input.cron
+    };
+  }
+  if (hourRaw === "*" && dowRaw === "*" && !Number.isNaN(minute)) {
+    return {
+      ...base,
+      name: input.name,
+      task: input.task,
+      timezone: input.timezone,
+      recurrence: "hourly",
+      minute,
+      customCron: input.cron
+    };
+  }
+  if (dowRaw === "*" && !Number.isNaN(hour) && !Number.isNaN(minute)) {
+    return {
+      ...base,
+      name: input.name,
+      task: input.task,
+      timezone: input.timezone,
+      recurrence: "daily",
+      hour,
+      minute,
+      customCron: input.cron
+    };
+  }
+  if (dowRaw != null && /^\d(?:,\d)*$/.test(dowRaw) && !Number.isNaN(hour) && !Number.isNaN(minute)) {
+    return {
+      ...base,
+      name: input.name,
+      task: input.task,
+      timezone: input.timezone,
+      recurrence: "weekly",
+      hour,
+      minute,
+      weekdays: dowRaw.split(",").map(Number),
+      customCron: input.cron
+    };
+  }
+  return {
+    ...base,
+    name: input.name,
+    task: input.task,
+    timezone: input.timezone,
+    recurrence: "custom",
+    customCron: input.cron,
+    hour: Number.isNaN(hour) ? base.hour : hour,
+    minute: Number.isNaN(minute) ? base.minute : minute
+  };
+}
+function formatRelativeTime(iso, nowMs = Date.now()) {
+  if (iso == null) return "Never";
+  const then = Date.parse(iso);
+  if (Number.isNaN(then)) return "Never";
+  const deltaSec = Math.round((nowMs - then) / 1e3);
+  if (deltaSec < 60) return "just now";
+  const mins = Math.round(deltaSec / 60);
+  if (mins < 60) return `${String(mins)} min ago`;
+  const hours = Math.round(mins / 60);
+  if (hours < 48) return `${String(hours)} hour${hours === 1 ? "" : "s"} ago`;
+  const days = Math.round(hours / 24);
+  return `${String(days)} day${days === 1 ? "" : "s"} ago`;
+}
+
+// src/atoms/schedules/ScheduleFormDrawer.tsx
+import { useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3 } from "react";
+
+// src/atoms/schedules/ScheduleFormFields.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var RECURRENCE_OPTIONS = [
+  { value: "hourly", label: "Hourly" },
+  { value: "daily", label: "Daily" },
+  { value: "weekly", label: "Weekly" }
+];
+var HOUR_OPTIONS = Array.from({ length: 24 }, (_, hour) => ({
+  value: String(hour),
+  label: hour.toString().padStart(2, "0")
+}));
+var MINUTE_OPTIONS = [0, 15, 30, 45].map((minute) => ({
+  value: String(minute),
+  label: `:${minute.toString().padStart(2, "0")}`
+}));
+function ScheduleFormFields({
+  values,
+  onChange,
+  agentId,
+  agentLabel,
+  onAgentIdChange,
+  onAgentPicked,
+  agentPickerDisabled = false,
+  onBuildAgent
+}) {
+  const cron = valuesToCron(values);
+  const cadence = formatCadenceSummary({ cron, timezone: values.timezone });
+  const timezoneOptions = getTimezoneOptions(values.timezone);
+  const set = (key, value) => {
+    onChange({ ...values, [key]: value });
+  };
+  const toggleWeekday = (day) => {
+    const has = values.weekdays.includes(day);
+    const weekdays = has ? values.weekdays.filter((d) => d !== day) : [...values.weekdays, day];
+    onChange({ ...values, weekdays: weekdays.length > 0 ? weekdays : [day] });
+  };
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4 px-5 py-4", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "block", children: [
+      /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Agent" }),
+      /* @__PURE__ */ jsx2(
+        AgentSearchPicker,
+        {
+          "aria-label": "Agent",
+          placeholder: "Search agent",
+          value: agentId,
+          selectedLabel: agentLabel,
+          onValueChange: (value) => onAgentIdChange?.(value),
+          onAgentPicked,
+          disabled: agentPickerDisabled || onAgentIdChange == null,
+          onBuildAgent
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("label", { className: "block", children: [
+      /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Name" }),
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          value: values.name,
+          onChange: (e) => set("name", e.target.value),
+          placeholder: "harness-daily-digest",
+          className: auiInputClass("h-8"),
+          required: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("label", { className: "block", children: [
+      /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Task" }),
+      /* @__PURE__ */ jsx2(
+        "textarea",
+        {
+          value: values.task,
+          onChange: (e) => set("task", e.target.value),
+          rows: 3,
+          placeholder: "Summarise yesterday's harness runs and post the digest\u2026",
+          className: auiInputClass("resize-y py-2"),
+          required: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("fieldset", { children: [
+      /* @__PURE__ */ jsx2("legend", { className: "mb-1.5 text-sm font-medium", children: "Frequency" }),
+      /* @__PURE__ */ jsx2("div", { className: "rounded-t-lg border border-border p-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-3 gap-1 rounded-lg border border-border bg-primary-bg p-1", children: RECURRENCE_OPTIONS.map((opt) => {
+          const selected = values.recurrence === opt.value;
+          return /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              className: cn(
+                "rounded-md border px-2 py-2 text-sm font-medium transition-colors",
+                selected ? "border-primary-button-bg/40 bg-primary-button-bg/10 font-semibold text-primary-button-bg" : "border-transparent text-text-secondary hover:bg-ghost-button-hover"
+              ),
+              "aria-pressed": selected,
+              onClick: () => set("recurrence", opt.value),
+              children: opt.label
+            },
+            opt.value
+          );
+        }) }),
+        values.recurrence === "custom" ? /* @__PURE__ */ jsxs2("div", { className: "rounded-md border border-border bg-secondary-bg/40 px-3 py-2", children: [
+          /* @__PURE__ */ jsx2("span", { className: "block text-xs text-text-secondary", children: "Existing custom schedule" }),
+          /* @__PURE__ */ jsx2("code", { className: "mt-1 block font-mono text-sm text-text-primary", children: values.customCron }),
+          /* @__PURE__ */ jsx2("span", { className: "mt-1 block text-xs text-text-secondary", children: "Select Hourly, Daily, or Weekly to replace this schedule." })
+        ] }) : null,
+        values.recurrence === "weekly" ? /* @__PURE__ */ jsxs2("fieldset", { children: [
+          /* @__PURE__ */ jsx2("legend", { className: "mb-2 text-sm font-medium", children: "Days" }),
+          /* @__PURE__ */ jsx2("div", { className: "flex gap-2", children: WEEKDAY_OPTIONS.map((day) => {
+            const selected = values.weekdays.includes(day.value);
+            return /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "min-w-0 flex-1 rounded-md border px-3 py-2 text-[0.8125rem] font-medium",
+                  selected ? "border-primary-button-bg/40 bg-primary-button-bg/10 font-semibold text-primary-button-bg" : "border-border text-text-secondary hover:bg-ghost-button-hover"
+                ),
+                "aria-pressed": selected,
+                onClick: () => toggleWeekday(day.value),
+                children: day.label
+              },
+              day.value
+            );
+          }) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs2("div", { className: "flex gap-4", children: [
+          values.recurrence === "daily" || values.recurrence === "weekly" ? /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Hour" }),
+            /* @__PURE__ */ jsx2(
+              PopoverSelect,
+              {
+                "aria-label": "Hour",
+                value: String(values.hour),
+                options: HOUR_OPTIONS,
+                onValueChange: (value) => set("hour", Number(value))
+              }
+            )
+          ] }) : null,
+          values.recurrence !== "custom" ? /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Minute" }),
+            /* @__PURE__ */ jsx2(
+              PopoverSelect,
+              {
+                "aria-label": "Minute",
+                value: String(values.minute),
+                options: MINUTE_OPTIONS,
+                onValueChange: (value) => set("minute", Number(value))
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Timezone" }),
+            /* @__PURE__ */ jsx2(
+              PopoverSelect,
+              {
+                "aria-label": "Timezone",
+                value: values.timezone,
+                options: timezoneOptions,
+                onValueChange: (value) => set("timezone", value),
+                menuClassName: "w-full min-w-0"
+              }
+            )
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx2("div", { className: "rounded-b-lg border border-t-0 border-border bg-primary-button-bg/10 px-4 py-3", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx2(Icon, { name: "clock", className: "size-4 shrink-0 text-primary-button-bg" }),
+        /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-xs font-medium text-text-secondary", children: "Schedule" }),
+        /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate text-sm text-text-primary", children: cadence || "\u2014" }),
+        /* @__PURE__ */ jsx2("code", { className: "shrink-0 whitespace-nowrap font-mono text-[0.8125rem] font-bold text-text-secondary", children: cron || "\u2014" })
+      ] }) })
+    ] })
+  ] });
+}
+
+// src/atoms/schedules/TestScheduleScreen.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/atoms/schedules/scheduleRuns.ts
+function isManualRun(name) {
+  return name.startsWith("manual-");
+}
+function runChipKind(status) {
+  if (status === "failed") return "failed";
+  return "success";
+}
+function runStatusLabel(status) {
+  if (status === "failed") return "Failed";
+  if (status === "triggered") return "Triggered";
+  return "Scheduled";
+}
+function runTypeLabel(name) {
+  return isManualRun(name) ? "Manual test" : "Cron";
+}
+function lastHistoricalRuns(runs, limit = 5) {
+  const historical = runs.filter((run) => run.status !== "scheduled");
+  return historical.slice(0, limit).reverse();
+}
+function formatScheduleRunInstant(iso) {
+  if (iso == null) return "\u2014";
+  const date = new Date(iso);
+  if (Number.isNaN(date.getTime())) return "\u2014";
+  return new Intl.DateTimeFormat(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  }).format(date);
+}
+
+// src/atoms/schedules/ScheduleRunTooltip.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ScheduleRunTooltip({ run }) {
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col gap-1 text-left text-xs", children: [
+    /* @__PURE__ */ jsx3("p", { className: "text-text-primary font-medium", children: runStatusLabel(run.status) }),
+    /* @__PURE__ */ jsx3("p", { className: "text-text-secondary", children: runTypeLabel(run.name) }),
+    /* @__PURE__ */ jsxs3("p", { className: "text-text-secondary", children: [
+      "Scheduled for: ",
+      formatScheduleRunInstant(run.scheduledFor)
+    ] }),
+    run.triggeredAt != null ? /* @__PURE__ */ jsxs3("p", { className: "text-text-secondary", children: [
+      "Triggered at: ",
+      formatScheduleRunInstant(run.triggeredAt)
+    ] }) : null,
+    /* @__PURE__ */ jsxs3("p", { className: "text-text-secondary", children: [
+      "Triggered by: ",
+      run.triggeredBy
+    ] })
+  ] });
+}
+
+// src/atoms/schedules/ScheduleRunChip.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var CHIP_STYLES = {
+  success: "border-emerald-600/30 bg-emerald-500/10 text-emerald-700 dark:border-emerald-400/35 dark:bg-emerald-500/15 dark:text-emerald-300",
+  failed: "border-red-600/30 bg-red-500/10 text-red-700 dark:border-red-400/35 dark:bg-red-500/15 dark:text-red-300"
+};
+function ScheduleRunChip({ run }) {
+  const kind = runChipKind(run.status);
+  const when = formatScheduleRunInstant(run.triggeredAt ?? run.scheduledFor);
+  return /* @__PURE__ */ jsx4(Tooltip, { content: /* @__PURE__ */ jsx4(ScheduleRunTooltip, { run }), side: "top", children: /* @__PURE__ */ jsx4(
+    "span",
+    {
+      className: cn("inline-flex size-6 shrink-0 items-center justify-center rounded-md border", CHIP_STYLES[kind]),
+      "aria-label": `${runStatusLabel(run.status)} run at ${when}`,
+      children: /* @__PURE__ */ jsx4(Icon, { name: kind === "failed" ? "triangle-exclamation" : "check", className: "size-3.5" })
+    }
+  ) });
+}
+
+// src/atoms/schedules/ScheduleStatusBadge.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function ScheduleStatusBadge({ status }) {
+  const active = status === "active";
+  return /* @__PURE__ */ jsxs4(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium",
+        active ? "border-emerald-600/30 bg-emerald-500/10 text-emerald-700 dark:border-emerald-400/35 dark:bg-emerald-500/15 dark:text-emerald-300" : "border-amber-600/30 bg-amber-500/10 text-amber-800 dark:border-amber-400/35 dark:bg-amber-500/15 dark:text-amber-300"
+      ),
+      children: [
+        /* @__PURE__ */ jsx5(
+          "span",
+          {
+            className: cn(
+              "size-1.5 shrink-0 rounded-full",
+              active ? "bg-emerald-600 dark:bg-emerald-400" : "bg-amber-600 dark:bg-amber-400"
+            ),
+            "aria-hidden": true
+          }
+        ),
+        active ? "Active" : "Paused"
+      ]
+    }
+  );
+}
+
+// src/atoms/schedules/TestScheduleScreen.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function mountConnector(connectors, name) {
+  return connectors.find((connector) => connector.name === name || connector.id === name) ?? null;
+}
+function ScheduleMcpConnect({
+  connector,
+  onConnected
+}) {
+  const catalog = useOptionalCatalogServer();
+  if (catalog == null) return null;
+  return /* @__PURE__ */ jsx6(ConnectorConnectButton, { connector, onConnected });
+}
+function DetailRow({ label, children }) {
+  return /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5 last:border-b-0", children: [
+    /* @__PURE__ */ jsx6("span", { className: "text-text-secondary shrink-0 text-[10px] font-semibold tracking-wide uppercase", children: label }),
+    /* @__PURE__ */ jsx6("div", { className: "min-w-0 text-right text-sm text-text-primary", children })
+  ] });
+}
+function TestScheduleScreen({ schedule, agentName, mcpMounts, onEditConfiguration }) {
+  const scheduleServer = useScheduleServer();
+  const toaster = useToasterOptional();
+  const { connectors, ensureLoaded, refreshConnectors, loading, error } = useDraftCatalog();
+  const [running, setRunning] = useState2(false);
+  const [lastTestRun, setLastTestRun] = useState2(null);
+  const cadence = formatCadenceSummary({ cron: schedule.cron, timezone: schedule.timezone });
+  const handleRunTest = async () => {
+    setRunning(true);
+    try {
+      const run = await scheduleServer.createScheduleRun({ scheduleId: schedule.id });
+      setLastTestRun(run);
+      toaster?.showSuccess({ title: "Test run started" });
+    } catch (caught) {
+      toaster?.showError(caught);
+    } finally {
+      setRunning(false);
+    }
+  };
+  useEffect2(() => {
+    ensureLoaded();
+  }, [ensureLoaded]);
+  useEffect2(() => {
+    if (error != null) toaster?.showError(error);
+  }, [error, toaster]);
+  return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-4 px-5 py-4", children: [
+    /* @__PURE__ */ jsxs5("section", { className: "overflow-hidden rounded-lg border border-border bg-card-bg", children: [
+      /* @__PURE__ */ jsx6(DetailRow, { label: "Agent", children: agentName }),
+      /* @__PURE__ */ jsx6(DetailRow, { label: "Name", children: schedule.name }),
+      /* @__PURE__ */ jsx6(DetailRow, { label: "Status", children: /* @__PURE__ */ jsx6(ScheduleStatusBadge, { status: schedule.status }) }),
+      /* @__PURE__ */ jsx6(DetailRow, { label: "Task", children: /* @__PURE__ */ jsx6("span", { className: "whitespace-pre-wrap break-words", children: schedule.task }) }),
+      /* @__PURE__ */ jsx6(DetailRow, { label: "Frequency", children: /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap items-center justify-end gap-1.5", children: [
+        /* @__PURE__ */ jsx6("span", { children: cadence }),
+        /* @__PURE__ */ jsx6("code", { className: "text-text-secondary font-mono text-xs", children: schedule.cron })
+      ] }) }),
+      /* @__PURE__ */ jsx6("div", { className: "flex justify-end px-3 py-2.5", children: /* @__PURE__ */ jsxs5(Button.Secondary, { type: "button", size: "small", onClick: onEditConfiguration, children: [
+        /* @__PURE__ */ jsx6(Icon, { name: "pencil", className: "size-3.5" }),
+        "Edit Configuration"
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs5("section", { className: "overflow-hidden rounded-lg border border-border bg-card-bg", children: [
+      /* @__PURE__ */ jsx6("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx6("h3", { className: "text-text-secondary text-[10px] font-semibold tracking-wide uppercase", children: "Tool Authorization" }) }),
+      mcpMounts.length === 0 ? /* @__PURE__ */ jsx6("p", { className: "text-text-secondary px-3 py-3 text-sm", children: "No MCP connectors configured for this agent." }) : /* @__PURE__ */ jsx6("ul", { className: "divide-y divide-border", children: mcpMounts.map((mount) => {
+        const connector = mountConnector(connectors, mount.name);
+        const authenticated = connector?.authenticated === true;
+        const unavailable = connector == null && !loading;
+        return /* @__PURE__ */ jsxs5("li", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+          /* @__PURE__ */ jsx6(
+            "span",
+            {
+              className: cn(
+                "inline-flex size-4 shrink-0 items-center justify-center rounded-full border",
+                authenticated ? "border-emerald-600/40 bg-emerald-500/15 text-emerald-700 dark:text-emerald-300" : "border-border text-transparent"
+              ),
+              "aria-hidden": true,
+              children: authenticated ? /* @__PURE__ */ jsx6(Icon, { name: "check", className: "size-3" }) : null
+            }
+          ),
+          /* @__PURE__ */ jsx6("span", { className: "text-text-primary min-w-0 flex-1 truncate text-sm", children: mount.name }),
+          authenticated ? /* @__PURE__ */ jsx6("span", { className: "text-success-bg text-xs font-medium", children: "Connected" }) : unavailable ? /* @__PURE__ */ jsx6("span", { className: "text-text-secondary text-xs", children: "Unavailable" }) : connector != null && connector.authenticated === false ? /* @__PURE__ */ jsx6(ScheduleMcpConnect, { connector, onConnected: refreshConnectors }) : loading ? /* @__PURE__ */ jsx6("span", { className: "text-text-secondary text-xs", children: "Loading\u2026" }) : null
+        ] }, mount.name);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs5("section", { className: "overflow-hidden rounded-lg border border-border bg-card-bg", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between gap-2 border-b border-border px-3 py-2", children: [
+        /* @__PURE__ */ jsx6("h3", { className: "text-text-secondary text-[10px] font-semibold tracking-wide uppercase", children: "Test Run" }),
+        /* @__PURE__ */ jsxs5(Button.Primary, { type: "button", disabled: running, size: "small", onClick: () => void handleRunTest(), children: [
+          /* @__PURE__ */ jsx6(Icon, { name: running ? "loader" : "play", className: cn("size-3.5", running && "animate-spin") }),
+          "Run Test"
+        ] })
+      ] }),
+      lastTestRun == null ? /* @__PURE__ */ jsx6("p", { className: "text-text-secondary px-3 py-3 text-sm", children: "Run a one-off test using the schedule task. This does not change the cron pending run." }) : /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3 px-3 py-3", children: [
+        /* @__PURE__ */ jsx6(ScheduleRunChip, { run: lastTestRun }),
+        /* @__PURE__ */ jsxs5("div", { className: "min-w-0 text-sm", children: [
+          /* @__PURE__ */ jsx6("p", { className: "text-text-primary font-medium", children: runTypeLabel(lastTestRun.name) }),
+          /* @__PURE__ */ jsx6("p", { className: "text-text-secondary", children: formatRelativeTime(lastTestRun.triggeredAt ?? lastTestRun.scheduledFor) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/atoms/schedules/ScheduleFormDrawer.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function ScheduleFormDrawerBody({
+  open,
+  onOpenChange,
+  mode,
+  schedule,
+  initialAgentId = "",
+  onSaved
+}) {
+  const scheduleServer = useScheduleServer();
+  const server = useServer();
+  const shell = useOptionalShellMode();
+  const toaster = useToasterOptional();
+  const [form, setForm] = useState3(defaultScheduleFormValues);
+  const [agentId, setAgentId] = useState3(initialAgentId);
+  const [selectedAgent, setSelectedAgent] = useState3(null);
+  const [view, setView] = useState3({ kind: "form" });
+  const [saving, setSaving] = useState3(false);
+  const [activating, setActivating] = useState3(false);
+  const [error, setError] = useState3(null);
+  const agentIdRef = useRef2(agentId);
+  agentIdRef.current = agentId;
+  const savedFromCreate = view.kind === "form" ? view.saved : view.schedule;
+  const isExternalEdit = mode === "edit" && view.kind === "form" && view.saved == null && schedule != null;
+  const isCreatedEdit = view.kind === "form" && view.saved != null;
+  const isInitialCreate = mode === "create" && view.kind === "form" && view.saved == null;
+  const { allows: allowsAgent } = useResourcePermissions({
+    resourceType: "agent",
+    resourceIds: agentId.length === 0 ? [] : [agentId]
+  });
+  useEffect3(() => {
+    if (!open) {
+      setForm(defaultScheduleFormValues());
+      setAgentId(initialAgentId);
+      setSelectedAgent(null);
+      setError(null);
+      setView({ kind: "form" });
+      setActivating(false);
+      return;
+    }
+    if (mode === "edit" && schedule != null) {
+      setForm(
+        cronToFormValues({
+          name: schedule.name,
+          task: schedule.task,
+          cron: schedule.cron,
+          timezone: schedule.timezone
+        })
+      );
+      setAgentId(schedule.agentId);
+      setSelectedAgent(null);
+      setView({ kind: "form" });
+      return;
+    }
+    setForm(defaultScheduleFormValues());
+    setAgentId(initialAgentId);
+    setSelectedAgent(null);
+    setView({ kind: "form" });
+  }, [open, mode, schedule, initialAgentId]);
+  useEffect3(() => {
+    if (!open || mode !== "create" || initialAgentId.length === 0) return;
+    let cancelled = false;
+    const requestedId = initialAgentId;
+    void findLibraryAgent({ server, agentKey: requestedId }).then((agent) => {
+      if (cancelled || agent == null) return;
+      if (agentIdRef.current !== requestedId) return;
+      setSelectedAgent(agent);
+      setAgentId(libraryAgentId(agent));
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [open, mode, initialAgentId, server]);
+  const agentLabel = selectedAgent?.name ?? savedFromCreate?.agentName ?? schedule?.agentName ?? (agentId.length > 0 ? agentId : "");
+  const mcpMounts = useMemo(() => {
+    const mounts = selectedAgent?.agentSpec?.mcpServers ?? [];
+    return mounts.map(mountName).filter((name) => name != null).map((name) => ({ name }));
+  }, [selectedAgent]);
+  const canSubmit = useMemo(() => {
+    const cron = valuesToCron(form);
+    return form.name.trim().length > 0 && form.task.trim().length > 0 && cron.length > 0 && agentId.length > 0 && (!isInitialCreate || allowsAgent(agentId, "USE"));
+  }, [agentId, allowsAgent, form, isInitialCreate]);
+  const enterTestView = (saved) => {
+    setView({ kind: "test", schedule: saved });
+    setForm(
+      cronToFormValues({
+        name: saved.name,
+        task: saved.task,
+        cron: saved.cron,
+        timezone: saved.timezone
+      })
+    );
+    setAgentId(saved.agentId);
+  };
+  const handleSave = async (event) => {
+    event.preventDefault();
+    if (!canSubmit) return;
+    const cron = valuesToCron(form);
+    setSaving(true);
+    setError(null);
+    try {
+      if (isExternalEdit && schedule != null) {
+        await scheduleServer.updateSchedule({
+          id: schedule.id,
+          name: form.name.trim(),
+          task: form.task.trim(),
+          cron,
+          timezone: form.timezone,
+          status: schedule.status
+        });
+        onSaved?.();
+        onOpenChange(false);
+        return;
+      }
+      if (isCreatedEdit && view.kind === "form" && view.saved != null) {
+        const saved2 = await scheduleServer.updateSchedule({
+          id: view.saved.id,
+          name: form.name.trim(),
+          task: form.task.trim(),
+          cron,
+          timezone: form.timezone,
+          status: "paused"
+        });
+        onSaved?.();
+        enterTestView(saved2);
+        toaster?.showSuccess({
+          title: "Schedule saved as paused",
+          description: formatCadenceSummary({ cron: saved2.cron, timezone: saved2.timezone })
+        });
+        return;
+      }
+      const saved = await scheduleServer.createSchedule({
+        agentId,
+        name: form.name.trim(),
+        task: form.task.trim(),
+        cron,
+        timezone: form.timezone,
+        status: "paused"
+      });
+      onSaved?.();
+      enterTestView(saved);
+      toaster?.showSuccess({
+        title: "Schedule saved as paused",
+        description: formatCadenceSummary({ cron: saved.cron, timezone: saved.timezone })
+      });
+    } catch (caught) {
+      const message = caught instanceof Error ? caught.message : "Failed to save schedule";
+      setError(message);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleActivate = async () => {
+    if (view.kind !== "test") return;
+    setActivating(true);
+    setError(null);
+    try {
+      await scheduleServer.updateSchedule({
+        id: view.schedule.id,
+        name: view.schedule.name,
+        task: view.schedule.task,
+        cron: view.schedule.cron,
+        timezone: view.schedule.timezone,
+        status: "active"
+      });
+      onSaved?.();
+      toaster?.showSuccess({ title: "Schedule activated" });
+      onOpenChange(false);
+    } catch (caught) {
+      const message = caught instanceof Error ? caught.message : "Failed to activate schedule";
+      setError(message);
+      toaster?.showError(caught);
+    } finally {
+      setActivating(false);
+    }
+  };
+  const title = view.kind === "test" ? "Test Schedule" : isExternalEdit || isCreatedEdit ? "Edit Schedule" : "New Schedule";
+  const description = view.kind === "test" ? `Recurring unattended runs of ${agentLabel}.` : isExternalEdit || isCreatedEdit ? "Update cadence and task for this schedule." : "Create a recurring unattended run for an agent.";
+  let footer;
+  if (view.kind === "test") {
+    footer = /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
+      error != null ? /* @__PURE__ */ jsx7("p", { className: "text-failure-bg text-sm", children: error }) : null,
+      /* @__PURE__ */ jsx7(Button.Secondary, { type: "button", className: "w-full", disabled: activating, onClick: () => void handleActivate(), children: "Activate Schedule" })
+    ] });
+  } else {
+    footer = /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-2", children: [
+      error != null ? /* @__PURE__ */ jsx7("p", { className: "text-failure-bg text-sm", children: error }) : null,
+      /* @__PURE__ */ jsxs6("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx7(Button.Secondary, { type: "button", onClick: () => onOpenChange(false), disabled: saving, children: "Cancel" }),
+        /* @__PURE__ */ jsx7(Button.Primary, { type: "submit", form: "schedule-form", disabled: !canSubmit || saving, children: "Save" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx7(
+    SideDrawer,
+    {
+      open,
+      onOpenChange,
+      title,
+      description,
+      anchor: "right",
+      size: "xl",
+      headerIcon: /* @__PURE__ */ jsx7("span", { className: "text-primary-button-bg inline-flex size-8 items-center justify-center", children: /* @__PURE__ */ jsx7(
+        Icon,
+        {
+          name: view.kind === "test" || isExternalEdit || isCreatedEdit ? "calendar" : "calendar-plus",
+          className: "size-5"
+        }
+      ) }),
+      footer,
+      children: view.kind === "test" ? /* @__PURE__ */ jsx7(
+        TestScheduleScreen,
+        {
+          schedule: view.schedule,
+          agentName: agentLabel,
+          mcpMounts,
+          onEditConfiguration: () => {
+            setError(null);
+            setView({ kind: "form", saved: view.schedule });
+          }
+        }
+      ) : /* @__PURE__ */ jsx7("form", { id: "schedule-form", onSubmit: (event) => void handleSave(event), children: /* @__PURE__ */ jsx7(
+        ScheduleFormFields,
+        {
+          values: form,
+          onChange: setForm,
+          agentId,
+          agentLabel,
+          onAgentIdChange: isExternalEdit || isCreatedEdit ? void 0 : (nextId) => {
+            setAgentId(nextId);
+            if (nextId.length === 0) setSelectedAgent(null);
+          },
+          onAgentPicked: setSelectedAgent,
+          agentPickerDisabled: isExternalEdit || isCreatedEdit,
+          onBuildAgent: mode === "create" && shell?.isComposerEnabled === true ? () => {
+            onOpenChange(false);
+            shell.openAgentBuilder();
+          } : void 0
+        }
+      ) })
+    }
+  );
+}
+function ScheduleFormDrawer(props) {
+  return /* @__PURE__ */ jsx7(DraftCatalogProvider, { children: /* @__PURE__ */ jsx7(ScheduleFormDrawerBody, { ...props }) });
+}
+
+// src/atoms/schedules/ScheduleLastRunsCell.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function ScheduleLastRunsCell({ runs }) {
+  const history = lastHistoricalRuns(runs);
+  if (history.length === 0) {
+    return /* @__PURE__ */ jsx8("span", { className: "text-text-secondary text-sm", children: "\u2014" });
+  }
+  return /* @__PURE__ */ jsx8("div", { className: "flex items-center gap-1", children: history.map((run) => /* @__PURE__ */ jsx8(ScheduleRunChip, { run }, run.id)) });
+}
+
+// src/atoms/schedules/SchedulesPage.tsx
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var STATUS_FILTER_OPTIONS = [
+  { value: "all", label: "All statuses" },
+  { value: "active", label: "Active" },
+  { value: "paused", label: "Paused" }
+];
+var SCHEDULES_PAGE_SIZE_OPTIONS = [10, 25];
+function clampPageSize(size) {
+  return Math.min(Math.max(size, 1), 25);
+}
+function filtersFromSearch(search) {
+  const share = readScheduleShareSearch(search);
+  return {
+    nameQuery: share.q ?? "",
+    statusFilter: share.status ?? "all",
+    agentFilter: share.agent ?? "all"
+  };
+}
+function initialDrawerState(agentId) {
+  const share = readScheduleShareSearch(window.location.search);
+  if (!share.isNew) return { kind: "closed" };
+  const initialAgentId = agentId ?? share.agent;
+  return {
+    kind: "create",
+    ...initialAgentId == null ? {} : { agentId: initialAgentId }
+  };
+}
+function ScheduleRowActions({
+  schedule,
+  running,
+  canManage,
+  canDelete,
+  onRunNow,
+  onEdit,
+  onTogglePause,
+  onDelete
+}) {
+  const PermissionGuard = useSlot("PermissionGuard");
+  return /* @__PURE__ */ jsxs7("div", { className: "inline-flex items-center justify-end gap-1.5", children: [
+    /* @__PURE__ */ jsx9(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs7(
+      Button.Secondary,
+      {
+        type: "button",
+        disabled: running,
+        "aria-label": `Run now ${schedule.name}`,
+        size: "large",
+        onClick: onRunNow,
+        children: [
+          /* @__PURE__ */ jsx9(Icon, { name: running ? "loader" : "play", className: cn("size-3.5", running && "animate-spin") }),
+          "Run now"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs7(
+      DropdownMenu,
+      {
+        align: "end",
+        trigger: /* @__PURE__ */ jsx9(
+          "button",
+          {
+            type: "button",
+            className: auiButtonClass({ variant: "ghost", size: "icon" }),
+            "aria-label": `Actions for ${schedule.name}`,
+            children: /* @__PURE__ */ jsx9(Icon, { name: "ellipsis" })
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsx9(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs7(DropdownMenuItem, { onClick: onEdit, children: [
+            /* @__PURE__ */ jsx9(Icon, { name: "pencil", className: "size-3.5" }),
+            "Edit"
+          ] }) }),
+          /* @__PURE__ */ jsx9(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs7(DropdownMenuItem, { onClick: onTogglePause, children: [
+            /* @__PURE__ */ jsx9(Icon, { name: schedule.status === "active" ? "pause" : "play", className: "size-3.5" }),
+            schedule.status === "active" ? "Pause" : "Resume"
+          ] }) }),
+          /* @__PURE__ */ jsx9(PermissionGuard, { allowed: canDelete, children: /* @__PURE__ */ jsxs7(DropdownMenuItem, { className: "text-failure-bg focus:text-failure-bg", onClick: onDelete, children: [
+            /* @__PURE__ */ jsx9(Icon, { name: "trash", className: "size-3.5" }),
+            "Delete"
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}
+function SchedulesPage({ agentId }) {
+  const scheduleServer = useScheduleServer();
+  const server = useServer();
+  const toaster = useToasterOptional();
+  const [schedules, setSchedules] = useState4([]);
+  const { allows } = useResourcePermissions({
+    resourceType: "schedule",
+    resourceIds: schedules.map((schedule) => schedule.id)
+  });
+  const [runsByScheduleId, setRunsByScheduleId] = useState4({});
+  const [runsLoading, setRunsLoading] = useState4(false);
+  const [runningScheduleIds, setRunningScheduleIds] = useState4(() => /* @__PURE__ */ new Set());
+  const [agentLabelById, setAgentLabelById] = useState4({});
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  const [nameQuery, setNameQuery] = useState4(() => filtersFromSearch(window.location.search).nameQuery);
+  const [statusFilter, setStatusFilter] = useState4(
+    () => filtersFromSearch(window.location.search).statusFilter
+  );
+  const [agentFilter, setAgentFilter] = useState4(
+    () => agentId ?? filtersFromSearch(window.location.search).agentFilter
+  );
+  const permissionAgentId = agentId ?? (agentFilter === "all" ? null : agentFilter);
+  const { allows: allowsAgent } = useResourcePermissions({
+    resourceType: "agent",
+    resourceIds: permissionAgentId == null ? [] : [permissionAgentId]
+  });
+  const canCreateSchedule = server.permissions == null || permissionAgentId == null || allowsAgent(permissionAgentId, "USE");
+  const [drawer, setDrawer] = useState4(() => initialDrawerState(agentId));
+  const [pendingDelete, setPendingDelete] = useState4(null);
+  const [pageSize, setPageSize] = useState4(() => clampPageSize(DEFAULT_TABLE_PAGE_SIZE));
+  const [pageToken, setPageToken] = useState4(void 0);
+  const [nextPageToken, setNextPageToken] = useState4(void 0);
+  const [prevTokenStack, setPrevTokenStack] = useState4([]);
+  const loadGenRef = useRef3(0);
+  const didConsumeIsNewRef = useRef3(false);
+  const loadRunsForSchedules = useCallback(
+    async ({ rows, gen }) => {
+      if (rows.length === 0) {
+        if (gen === loadGenRef.current) setRunsByScheduleId({});
+        return;
+      }
+      setRunsLoading(true);
+      try {
+        const results = await Promise.allSettled(
+          rows.map((schedule) => scheduleServer.listScheduleRuns({ scheduleId: schedule.id }))
+        );
+        if (gen !== loadGenRef.current) return;
+        setRunsByScheduleId(
+          Object.fromEntries(
+            rows.map((schedule, index) => {
+              const result = results[index];
+              const runs = result?.status === "fulfilled" ? result.value : [];
+              return [schedule.id, runs];
+            })
+          )
+        );
+      } finally {
+        if (gen === loadGenRef.current) setRunsLoading(false);
+      }
+    },
+    [scheduleServer]
+  );
+  const loadSchedules = useCallback(
+    async ({ token, size, agentId: agentId2 }) => {
+      const gen = ++loadGenRef.current;
+      setLoading(true);
+      setError(null);
+      try {
+        const page = await scheduleServer.listSchedules({
+          limit: clampPageSize(size),
+          ...token === void 0 || token === "" ? {} : { pageToken: token },
+          ...agentId2 === "all" ? {} : { agentIds: [agentId2] }
+        });
+        if (gen !== loadGenRef.current) return;
+        setSchedules(page.data);
+        setNextPageToken(page.nextPageToken);
+        void loadRunsForSchedules({ rows: page.data, gen });
+      } catch (caught) {
+        if (gen !== loadGenRef.current) return;
+        const message = caught instanceof Error ? caught.message : "Failed to load schedules";
+        setError(message);
+        setSchedules([]);
+        setRunsByScheduleId({});
+        setNextPageToken(void 0);
+      } finally {
+        if (gen === loadGenRef.current) setLoading(false);
+      }
+    },
+    [scheduleServer, loadRunsForSchedules]
+  );
+  const resetToFirstPage = useCallback(
+    (next) => {
+      const size = next?.size ?? pageSize;
+      const agentId2 = next?.agentId ?? agentFilter;
+      setPageToken(void 0);
+      setPrevTokenStack([]);
+      void loadSchedules({ token: void 0, size, agentId: agentId2 });
+    },
+    [agentFilter, loadSchedules, pageSize]
+  );
+  useEffect4(() => {
+    replaceScheduleShareSearch({
+      agent: agentId === void 0 && agentFilter !== "all" ? agentFilter : null,
+      status: statusFilter === "all" ? null : statusFilter,
+      q: nameQuery.trim().length === 0 ? null : nameQuery
+    });
+  }, [agentFilter, agentId, statusFilter, nameQuery]);
+  useEffect4(() => {
+    if (agentId === void 0) return;
+    setAgentFilter((current) => {
+      if (current === agentId) return current;
+      setPageToken(void 0);
+      setPrevTokenStack([]);
+      return agentId;
+    });
+  }, [agentId]);
+  useEffect4(() => {
+    if (didConsumeIsNewRef.current) return;
+    const share = readScheduleShareSearch(window.location.search);
+    if (!share.isNew) return;
+    didConsumeIsNewRef.current = true;
+    replaceScheduleShareSearch({ isNew: null });
+  }, []);
+  useEffect4(() => {
+    const syncFromUrl = () => {
+      const next = filtersFromSearch(window.location.search);
+      setNameQuery(next.nameQuery);
+      setStatusFilter(next.statusFilter);
+      setAgentFilter((current) => {
+        const nextAgentFilter = agentId ?? next.agentFilter;
+        if (current === nextAgentFilter) return current;
+        setPageToken(void 0);
+        setPrevTokenStack([]);
+        return nextAgentFilter;
+      });
+    };
+    window.addEventListener("popstate", syncFromUrl);
+    return () => {
+      window.removeEventListener("popstate", syncFromUrl);
+    };
+  }, [agentId]);
+  useEffect4(() => {
+    void loadSchedules({ token: pageToken, size: pageSize, agentId: agentFilter });
+  }, [agentFilter, pageSize, pageToken, loadSchedules]);
+  const filtered = useMemo2(() => {
+    const q = nameQuery.trim().toLowerCase();
+    return schedules.filter((schedule) => {
+      if (statusFilter !== "all" && schedule.status !== statusFilter) return false;
+      if (q.length > 0 && !schedule.name.toLowerCase().includes(q)) return false;
+      return true;
+    });
+  }, [schedules, nameQuery, statusFilter]);
+  const showCreatedByColumn = hasCreatedBySubject(schedules);
+  const hasPageNav = prevTokenStack.length > 0 || nextPageToken != null;
+  const handleTogglePause = async (schedule) => {
+    if (!allows(schedule.id, "MANAGE")) return;
+    const nextStatus = schedule.status === "active" ? "paused" : "active";
+    try {
+      await scheduleServer.updateSchedule({ ...schedule, status: nextStatus });
+      await loadSchedules({ token: pageToken, size: pageSize, agentId: agentFilter });
+    } catch (caught) {
+      toaster?.showError(caught);
+    }
+  };
+  const handleRunNow = async (schedule) => {
+    if (!allows(schedule.id, "MANAGE")) return;
+    setRunningScheduleIds((prev) => new Set(prev).add(schedule.id));
+    try {
+      await scheduleServer.createScheduleRun({ scheduleId: schedule.id });
+      toaster?.showSuccess({ title: "Run started" });
+      const runs = await scheduleServer.listScheduleRuns({ scheduleId: schedule.id });
+      setRunsByScheduleId((prev) => ({ ...prev, [schedule.id]: runs }));
+    } catch (caught) {
+      toaster?.showError(caught);
+    } finally {
+      setRunningScheduleIds((prev) => {
+        const next = new Set(prev);
+        next.delete(schedule.id);
+        return next;
+      });
+    }
+  };
+  const handleDelete = async (schedule) => {
+    if (!allows(schedule.id, "DELETE")) return;
+    setPendingDelete(null);
+    try {
+      await scheduleServer.deleteSchedule({ id: schedule.id });
+      resetToFirstPage();
+    } catch (caught) {
+      toaster?.showError(caught);
+    }
+  };
+  const goNext = () => {
+    if (nextPageToken == null) return;
+    setPrevTokenStack((stack) => [...stack, pageToken ?? ""]);
+    setPageToken(nextPageToken);
+  };
+  const goPrev = () => {
+    if (prevTokenStack.length === 0) return;
+    const stack = [...prevTokenStack];
+    const prev = stack.pop();
+    setPrevTokenStack(stack);
+    setPageToken(prev === "" ? void 0 : prev);
+  };
+  return /* @__PURE__ */ jsxs7("div", { className: "flex h-full min-h-0 flex-col bg-primary-bg", children: [
+    /* @__PURE__ */ jsx9(
+      PageHeader,
+      {
+        title: agentId === void 0 ? "Scheduled Agents" : void 0,
+        end: /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          /* @__PURE__ */ jsx9("div", { className: "w-full sm:w-60", children: /* @__PURE__ */ jsx9(SearchInput_default, { query: nameQuery, setQuery: setNameQuery, placeholder: "Search schedules by name" }) }),
+          /* @__PURE__ */ jsx9(
+            PopoverSelect,
+            {
+              value: statusFilter,
+              onValueChange: setStatusFilter,
+              options: STATUS_FILTER_OPTIONS,
+              className: "sm:w-40",
+              "aria-label": "Filter by status"
+            }
+          ),
+          agentId === void 0 ? /* @__PURE__ */ jsx9(
+            AgentSearchPicker,
+            {
+              value: agentFilter,
+              selectedLabel: agentFilter === "all" ? "All agents" : agentLabelById[agentFilter] ?? agentFilter,
+              onValueChange: (value) => {
+                setAgentFilter(value);
+                setPageToken(void 0);
+                setPrevTokenStack([]);
+              },
+              onAgentPicked: (agent) => {
+                setAgentLabelById((current) => ({
+                  ...current,
+                  [libraryAgentId(agent)]: agent.name
+                }));
+              },
+              allOption: { value: "all", label: "All agents" },
+              className: "sm:w-48",
+              "aria-label": "Filter by agent",
+              placeholder: "Search agent"
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs7(
+            Button.Primary,
+            {
+              type: "button",
+              disabled: !canCreateSchedule,
+              onClick: () => canCreateSchedule && setDrawer({
+                kind: "create",
+                agentId: agentFilter !== "all" ? agentFilter : void 0
+              }),
+              children: [
+                /* @__PURE__ */ jsx9(Icon, { name: "plus", className: "size-3.5" }),
+                "Create Schedule"
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx9("div", { className: "min-h-0 flex-1 overflow-auto px-4 py-4", children: loading ? /* @__PURE__ */ jsx9("div", { className: "flex flex-col gap-2", role: "status", "aria-label": "Loading schedules", children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx9(Skeleton, { className: "h-12 w-full rounded-md" }, i)) }) : error != null ? /* @__PURE__ */ jsx9("p", { className: "text-failure-bg px-3 py-8 text-center text-sm", children: error }) : schedules.length === 0 ? /* @__PURE__ */ jsx9(EmptyScreen, { title: "No Schedules Found", description: "Create one to get started.", className: "min-h-full" }) : filtered.length === 0 ? /* @__PURE__ */ jsxs7("div", { className: "flex min-h-full flex-col", children: [
+      /* @__PURE__ */ jsx9(EmptyScreen, { title: "No Schedules Found", description: "No schedules match your filters.", className: "flex-1" }),
+      hasPageNav ? /* @__PURE__ */ jsx9(
+        TableTokenPagination,
+        {
+          pageSize,
+          rowCount: 0,
+          canPrev: prevTokenStack.length > 0,
+          canNext: nextPageToken != null,
+          onPrev: goPrev,
+          onNext: goNext,
+          pageSizeOptions: SCHEDULES_PAGE_SIZE_OPTIONS,
+          onPageSizeChange: (size) => {
+            const next = clampPageSize(size);
+            setPageSize(next);
+            setPageToken(void 0);
+            setPrevTokenStack([]);
+          }
+        }
+      ) : null
+    ] }) : /* @__PURE__ */ jsxs7("div", { className: "overflow-hidden rounded-lg border border-border", children: [
+      /* @__PURE__ */ jsxs7(Table, { className: "min-w-[48rem]", children: [
+        /* @__PURE__ */ jsx9(TableHeader, { children: /* @__PURE__ */ jsxs7(TableRow, { className: "hover:bg-transparent", children: [
+          /* @__PURE__ */ jsx9(TableHead, { children: "Name" }),
+          /* @__PURE__ */ jsx9(TableHead, { children: "Agent" }),
+          showCreatedByColumn ? /* @__PURE__ */ jsx9(TableHead, { children: "Created by" }) : null,
+          /* @__PURE__ */ jsx9(TableHead, { children: "Frequency" }),
+          /* @__PURE__ */ jsx9(TableHead, { children: "Status" }),
+          /* @__PURE__ */ jsx9(TableHead, { children: "Last 5 runs" }),
+          /* @__PURE__ */ jsx9(TableHead, { children: /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx9(TableBody, { children: filtered.map((schedule) => {
+          const cadence = formatCadenceSummary({ cron: schedule.cron, timezone: schedule.timezone });
+          const agentLabel = schedule.agentName ?? agentLabelById[schedule.agentId] ?? schedule.agentId;
+          return /* @__PURE__ */ jsxs7(TableRow, { children: [
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-text-primary font-medium", children: /* @__PURE__ */ jsx9("span", { className: "text-left !no-underline", children: schedule.name }) }),
+            /* @__PURE__ */ jsx9(TableCell, { children: agentLabel }),
+            showCreatedByColumn ? /* @__PURE__ */ jsx9(TableCell, { children: /* @__PURE__ */ jsx9(CreatedByCell, { subject: schedule.createdBySubject }) }) : null,
+            /* @__PURE__ */ jsx9(TableCell, { children: cadence }),
+            /* @__PURE__ */ jsx9(TableCell, { children: /* @__PURE__ */ jsx9(ScheduleStatusBadge, { status: schedule.status }) }),
+            /* @__PURE__ */ jsx9(TableCell, { children: runsLoading ? /* @__PURE__ */ jsx9("span", { className: "text-text-secondary text-sm", children: "\u2026" }) : /* @__PURE__ */ jsx9(ScheduleLastRunsCell, { runs: runsByScheduleId[schedule.id] ?? [] }) }),
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx9(
+              ScheduleRowActions,
+              {
+                schedule,
+                running: runningScheduleIds.has(schedule.id),
+                canManage: allows(schedule.id, "MANAGE"),
+                canDelete: allows(schedule.id, "DELETE"),
+                onRunNow: () => void handleRunNow(schedule),
+                onEdit: () => {
+                  if (allows(schedule.id, "MANAGE")) setDrawer({ kind: "edit", schedule });
+                },
+                onTogglePause: () => void handleTogglePause(schedule),
+                onDelete: () => {
+                  if (allows(schedule.id, "DELETE")) setPendingDelete(schedule);
+                }
+              }
+            ) })
+          ] }, schedule.id);
+        }) })
+      ] }),
+      (filtered.length > 0 || hasPageNav) && /* @__PURE__ */ jsx9(
+        TableTokenPagination,
+        {
+          pageSize,
+          rowCount: filtered.length,
+          canPrev: prevTokenStack.length > 0,
+          canNext: nextPageToken != null,
+          onPrev: goPrev,
+          onNext: goNext,
+          pageSizeOptions: SCHEDULES_PAGE_SIZE_OPTIONS,
+          onPageSizeChange: (size) => {
+            const next = clampPageSize(size);
+            setPageSize(next);
+            setPageToken(void 0);
+            setPrevTokenStack([]);
+          }
+        }
+      )
+    ] }) }),
+    drawer.kind === "create" ? /* @__PURE__ */ jsx9(
+      ScheduleFormDrawer,
+      {
+        open: true,
+        mode: "create",
+        initialAgentId: drawer.agentId ?? "",
+        onOpenChange: (open) => {
+          if (!open) setDrawer({ kind: "closed" });
+        },
+        onSaved: () => resetToFirstPage()
+      }
+    ) : null,
+    drawer.kind === "edit" ? /* @__PURE__ */ jsx9(
+      ScheduleFormDrawer,
+      {
+        open: true,
+        mode: "edit",
+        schedule: drawer.schedule,
+        onOpenChange: (open) => {
+          if (!open) setDrawer({ kind: "closed" });
+        },
+        onSaved: () => void loadSchedules({ token: pageToken, size: pageSize, agentId: agentFilter })
+      }
+    ) : null,
+    pendingDelete != null ? /* @__PURE__ */ jsxs7(
+      Dialog,
+      {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open) setPendingDelete(null);
+        },
+        "aria-label": "Delete schedule",
+        className: "max-w-md",
+        children: [
+          /* @__PURE__ */ jsx9(DialogContent, { children: /* @__PURE__ */ jsxs7(DialogHeader, { children: [
+            /* @__PURE__ */ jsx9(DialogTitle, { children: "Delete schedule" }),
+            /* @__PURE__ */ jsxs7("p", { className: "text-text-secondary text-sm", children: [
+              "\u201C",
+              pendingDelete.name,
+              "\u201D will stop running. This cannot be undone."
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs7(DialogFooter, { children: [
+            /* @__PURE__ */ jsx9(Button.Secondary, { type: "button", onClick: () => setPendingDelete(null), children: "Cancel" }),
+            /* @__PURE__ */ jsx9(
+              Button.Destructive,
+              {
+                type: "button",
+                disabled: !allows(pendingDelete.id, "DELETE"),
+                onClick: () => void handleDelete(pendingDelete),
+                children: "Delete"
+              }
+            )
+          ] })
+        ]
+      }
+    ) : null
+  ] });
+}
+
+export {
+  ScheduleFormFields,
+  ScheduleRunChip,
+  ScheduleStatusBadge,
+  TestScheduleScreen,
+  ScheduleFormDrawer,
+  ScheduleLastRunsCell,
+  SchedulesPage
+};
+//# sourceMappingURL=chunk-EPAL2HD5.js.map