@truefoundry/trueforge-ui 0.2.4 → 0.3.0-rc.1

package/dist/chunk-6O6FWUDW.js

@@ -0,0 +1,1376 @@
+import {
+  Button,
+  ConnectorConnectButton,
+  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,
+  mountName,
+  searchAllAgents,
+  useToasterOptional
+} from "./chunk-ZTMKFZQ3.js";
+import {
+  readScheduleShareSearch,
+  replaceScheduleShareSearch
+} from "./chunk-2XPPBEYF.js";
+import {
+  DraftCatalogProvider,
+  Icon,
+  PageHeader,
+  auiButtonClass,
+  useDraftCatalog
+} from "./chunk-XAU7QFG3.js";
+import {
+  libraryAgentId,
+  useOptionalCatalogServer,
+  useScheduleServer,
+  useServer
+} from "./chunk-U7KURWW3.js";
+import {
+  cn
+} from "./chunk-7Z2C2K7F.js";
+
+// src/atoms/schedules/SchedulesPage.tsx
+import { useCallback, useEffect as useEffect3, useMemo as useMemo2, useRef, useState as useState3 } from "react";
+
+// 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 useEffect2, useMemo, useState as useState2 } from "react";
+
+// src/atoms/schedules/ScheduleFormFields.tsx
+import { jsx, jsxs } 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,
+  onAgentIdChange,
+  agentOptions,
+  agentPickerDisabled = false
+}) {
+  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__ */ jsxs("div", { className: "flex flex-col gap-4 px-5 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "block", children: [
+      /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Agent" }),
+      /* @__PURE__ */ jsx(
+        PopoverSelect,
+        {
+          "aria-label": "Agent",
+          placeholder: "Select an agent",
+          value: agentId,
+          options: agentOptions.map((agent) => ({ value: agent.agentId, label: agent.name })),
+          onValueChange: (value) => onAgentIdChange?.(value),
+          disabled: agentPickerDisabled || onAgentIdChange == null
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "block", children: [
+      /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Name" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          value: values.name,
+          onChange: (e) => set("name", e.target.value),
+          placeholder: "harness-daily-digest",
+          className: auiInputClass("h-9"),
+          required: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "block", children: [
+      /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Task" }),
+      /* @__PURE__ */ jsx(
+        "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__ */ jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsx("legend", { className: "mb-1.5 text-sm font-medium", children: "Recurrence" }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1 rounded-lg border border-border p-1", children: RECURRENCE_OPTIONS.map((opt) => {
+        const selected = values.recurrence === opt.value;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "rounded-md px-2 py-1.5 text-xs font-medium transition-colors",
+              selected ? "border border-primary-button-bg/40 bg-primary-button-bg/10 text-primary-button-bg" : "text-text-secondary hover:bg-ghost-button-hover border border-transparent"
+            ),
+            "aria-pressed": selected,
+            onClick: () => set("recurrence", opt.value),
+            children: opt.label
+          },
+          opt.value
+        );
+      }) })
+    ] }),
+    values.recurrence === "hourly" ? /* @__PURE__ */ jsxs("div", { className: "block max-w-[8rem]", children: [
+      /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Minute" }),
+      /* @__PURE__ */ jsx(
+        PopoverSelect,
+        {
+          "aria-label": "Minute",
+          value: String(values.minute),
+          options: MINUTE_OPTIONS,
+          onValueChange: (value) => set("minute", Number(value))
+        }
+      )
+    ] }) : null,
+    values.recurrence === "daily" || values.recurrence === "weekly" ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "block min-w-[7rem] flex-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Hour" }),
+        /* @__PURE__ */ jsx(
+          PopoverSelect,
+          {
+            "aria-label": "Hour",
+            value: String(values.hour),
+            options: HOUR_OPTIONS,
+            onValueChange: (value) => set("hour", Number(value))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "block min-w-[7rem] flex-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Minute" }),
+        /* @__PURE__ */ jsx(
+          PopoverSelect,
+          {
+            "aria-label": "Minute",
+            value: String(values.minute),
+            options: MINUTE_OPTIONS,
+            onValueChange: (value) => set("minute", Number(value))
+          }
+        )
+      ] })
+    ] }) : null,
+    values.recurrence === "weekly" ? /* @__PURE__ */ jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsx("legend", { className: "mb-1.5 text-sm font-medium", children: "Days" }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: WEEKDAY_OPTIONS.map((day) => {
+        const selected = values.weekdays.includes(day.value);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "rounded-md border px-2.5 py-1 text-xs font-medium",
+              selected ? "border-primary-button-bg/40 bg-primary-button-bg/10 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,
+    values.recurrence === "custom" ? /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border bg-secondary-bg/40 px-3 py-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-text-secondary block text-xs", children: "Existing custom schedule" }),
+      /* @__PURE__ */ jsx("code", { className: "text-text-primary mt-1 block font-mono text-sm", children: values.customCron }),
+      /* @__PURE__ */ jsx("span", { className: "text-text-secondary mt-1 block text-xs", children: "Select Hourly, Daily, or Weekly to replace this schedule." })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "block", children: [
+      /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Timezone" }),
+      /* @__PURE__ */ jsx(
+        PopoverSelect,
+        {
+          "aria-label": "Timezone",
+          value: values.timezone,
+          options: timezoneOptions,
+          onValueChange: (value) => set("timezone", value),
+          menuPlacement: "top"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-secondary-bg/40 px-3 py-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-text-secondary text-[10px] font-semibold tracking-wide uppercase", children: "Frequency" }),
+        /* @__PURE__ */ jsx("code", { className: "text-text-secondary font-mono text-xs", children: cron || "\u2014" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-primary mt-1 text-sm font-semibold", children: cadence || "\u2014" })
+    ] })
+  ] });
+}
+
+// src/atoms/schedules/TestScheduleScreen.tsx
+import { useEffect, useState } 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 jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ScheduleRunTooltip({ run }) {
+  return /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-1 text-left text-xs", children: [
+    /* @__PURE__ */ jsx2("p", { className: "text-text-primary font-medium", children: runStatusLabel(run.status) }),
+    /* @__PURE__ */ jsx2("p", { className: "text-text-secondary", children: runTypeLabel(run.name) }),
+    /* @__PURE__ */ jsxs2("p", { className: "text-text-secondary", children: [
+      "Scheduled for: ",
+      formatScheduleRunInstant(run.scheduledFor)
+    ] }),
+    run.triggeredAt != null ? /* @__PURE__ */ jsxs2("p", { className: "text-text-secondary", children: [
+      "Triggered at: ",
+      formatScheduleRunInstant(run.triggeredAt)
+    ] }) : null,
+    /* @__PURE__ */ jsxs2("p", { className: "text-text-secondary", children: [
+      "Triggered by: ",
+      run.triggeredBy
+    ] })
+  ] });
+}
+
+// src/atoms/schedules/ScheduleRunChip.tsx
+import { jsx as jsx3 } 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__ */ jsx3(Tooltip, { content: /* @__PURE__ */ jsx3(ScheduleRunTooltip, { run }), side: "top", children: /* @__PURE__ */ jsx3(
+    "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__ */ jsx3(Icon, { name: kind === "failed" ? "triangle-exclamation" : "check", className: "size-3.5" })
+    }
+  ) });
+}
+
+// src/atoms/schedules/ScheduleStatusBadge.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function ScheduleStatusBadge({ status }) {
+  const active = status === "active";
+  return /* @__PURE__ */ jsxs3(
+    "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-border bg-secondary-bg text-text-secondary"
+      ),
+      children: [
+        /* @__PURE__ */ jsx4(
+          "span",
+          {
+            className: cn(
+              "size-1.5 shrink-0 rounded-full",
+              active ? "bg-emerald-600 dark:bg-emerald-400" : "bg-text-secondary"
+            ),
+            "aria-hidden": true
+          }
+        ),
+        active ? "Active" : "Paused"
+      ]
+    }
+  );
+}
+
+// src/atoms/schedules/TestScheduleScreen.tsx
+import { jsx as jsx5, jsxs as jsxs4 } 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__ */ jsx5(ConnectorConnectButton, { connector, onConnected });
+}
+function DetailRow({ label, children }) {
+  return /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-3 border-b border-border px-3 py-2.5 last:border-b-0", children: [
+    /* @__PURE__ */ jsx5("span", { className: "text-text-secondary shrink-0 text-[10px] font-semibold tracking-wide uppercase", children: label }),
+    /* @__PURE__ */ jsx5("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] = useState(false);
+  const [lastTestRun, setLastTestRun] = useState(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);
+    }
+  };
+  useEffect(() => {
+    ensureLoaded();
+  }, [ensureLoaded]);
+  useEffect(() => {
+    if (error != null) toaster?.showError(error);
+  }, [error, toaster]);
+  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col gap-4 px-5 py-4", children: [
+    /* @__PURE__ */ jsxs4("section", { className: "overflow-hidden rounded-lg border border-border bg-card-bg", children: [
+      /* @__PURE__ */ jsx5(DetailRow, { label: "Agent", children: agentName }),
+      /* @__PURE__ */ jsx5(DetailRow, { label: "Name", children: schedule.name }),
+      /* @__PURE__ */ jsx5(DetailRow, { label: "Task", children: /* @__PURE__ */ jsx5("span", { className: "whitespace-pre-wrap break-words", children: schedule.task }) }),
+      /* @__PURE__ */ jsx5(DetailRow, { label: "Cadence", children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center justify-end gap-1.5", children: [
+        /* @__PURE__ */ jsx5("span", { children: cadence }),
+        /* @__PURE__ */ jsx5("code", { className: "text-text-secondary font-mono text-xs", children: schedule.cron })
+      ] }) }),
+      /* @__PURE__ */ jsx5(DetailRow, { label: "Status", children: /* @__PURE__ */ jsx5(ScheduleStatusBadge, { status: schedule.status }) }),
+      /* @__PURE__ */ jsx5("div", { className: "flex justify-end px-3 py-2.5", children: /* @__PURE__ */ jsxs4(Button, { type: "button", variant: "outline", size: "sm", onClick: onEditConfiguration, children: [
+        /* @__PURE__ */ jsx5(Icon, { name: "pencil", className: "size-3.5" }),
+        "Edit Configuration"
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs4("section", { className: "overflow-hidden rounded-lg border border-border bg-card-bg", children: [
+      /* @__PURE__ */ jsx5("div", { className: "border-b border-border px-3 py-2", children: /* @__PURE__ */ jsx5("h3", { className: "text-text-secondary text-[10px] font-semibold tracking-wide uppercase", children: "Tool Authorization" }) }),
+      mcpMounts.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-text-secondary px-3 py-3 text-sm", children: "No MCP connectors configured for this agent." }) : /* @__PURE__ */ jsx5("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__ */ jsxs4("li", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+          /* @__PURE__ */ jsx5(
+            "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__ */ jsx5(Icon, { name: "check", className: "size-3" }) : null
+            }
+          ),
+          /* @__PURE__ */ jsx5("span", { className: "text-text-primary min-w-0 flex-1 truncate text-sm", children: mount.name }),
+          authenticated ? /* @__PURE__ */ jsx5("span", { className: "text-success-bg text-xs font-medium", children: "Connected" }) : unavailable ? /* @__PURE__ */ jsx5("span", { className: "text-text-secondary text-xs", children: "Unavailable" }) : connector != null && connector.authenticated === false ? /* @__PURE__ */ jsx5(ScheduleMcpConnect, { connector, onConnected: refreshConnectors }) : loading ? /* @__PURE__ */ jsx5("span", { className: "text-text-secondary text-xs", children: "Loading\u2026" }) : null
+        ] }, mount.name);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxs4("section", { className: "overflow-hidden rounded-lg border border-border bg-card-bg", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between gap-2 border-b border-border px-3 py-2", children: [
+        /* @__PURE__ */ jsx5("h3", { className: "text-text-secondary text-[10px] font-semibold tracking-wide uppercase", children: "Test Run" }),
+        /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            disabled: running,
+            onClick: () => void handleRunTest(),
+            className: auiButtonClass({ variant: "default", size: "sm" }),
+            children: [
+              /* @__PURE__ */ jsx5(Icon, { name: running ? "loader" : "play", className: cn("size-3.5", running && "animate-spin") }),
+              "Run Test"
+            ]
+          }
+        )
+      ] }),
+      lastTestRun == null ? /* @__PURE__ */ jsx5("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__ */ jsxs4("div", { className: "flex items-center gap-3 px-3 py-3", children: [
+        /* @__PURE__ */ jsx5(ScheduleRunChip, { run: lastTestRun }),
+        /* @__PURE__ */ jsxs4("div", { className: "min-w-0 text-sm", children: [
+          /* @__PURE__ */ jsx5("p", { className: "text-text-primary font-medium", children: runTypeLabel(lastTestRun.name) }),
+          /* @__PURE__ */ jsx5("p", { className: "text-text-secondary", children: formatRelativeTime(lastTestRun.triggeredAt ?? lastTestRun.scheduledFor) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+// src/atoms/schedules/ScheduleFormDrawer.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function ScheduleFormDrawerBody({
+  open,
+  onOpenChange,
+  mode,
+  schedule,
+  initialAgentId = "",
+  onSaved
+}) {
+  const scheduleServer = useScheduleServer();
+  const server = useServer();
+  const toaster = useToasterOptional();
+  const [form, setForm] = useState2(defaultScheduleFormValues);
+  const [agentId, setAgentId] = useState2(initialAgentId);
+  const [agents, setAgents] = useState2([]);
+  const [view, setView] = useState2({ kind: "form" });
+  const [saving, setSaving] = useState2(false);
+  const [activating, setActivating] = useState2(false);
+  const [error, setError] = useState2(null);
+  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;
+  useEffect2(() => {
+    if (!open) return;
+    let cancelled = false;
+    void searchAllAgents(server).then((rows) => {
+      if (cancelled) return;
+      setAgents(rows);
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [open, server]);
+  useEffect2(() => {
+    if (!open) {
+      setForm(defaultScheduleFormValues());
+      setAgentId(initialAgentId);
+      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);
+      setView({ kind: "form" });
+      return;
+    }
+    setForm(defaultScheduleFormValues());
+    setAgentId(initialAgentId);
+    setView({ kind: "form" });
+  }, [open, mode, schedule, initialAgentId]);
+  const agentOptions = useMemo(
+    () => agents.map((agent) => ({ agentId: libraryAgentId(agent), name: agent.name })),
+    [agents]
+  );
+  const selectedAgent = useMemo(
+    () => agents.find((agent) => libraryAgentId(agent) === agentId) ?? null,
+    [agents, agentId]
+  );
+  const agentLabel = selectedAgent?.name ?? savedFromCreate?.agentName ?? schedule?.agentName ?? agentOptions.find((option) => option.agentId === agentId)?.name ?? 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;
+  }, [form, agentId]);
+  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__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+      error != null ? /* @__PURE__ */ jsx6("p", { className: "text-failure-bg text-sm", children: error }) : null,
+      /* @__PURE__ */ jsx6(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          className: "w-full",
+          disabled: activating,
+          onClick: () => void handleActivate(),
+          children: "Activate Anyway"
+        }
+      )
+    ] });
+  } else {
+    footer = /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
+      error != null ? /* @__PURE__ */ jsx6("p", { className: "text-failure-bg text-sm", children: error }) : null,
+      /* @__PURE__ */ jsxs5("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ jsx6(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: saving, children: "Cancel" }),
+        /* @__PURE__ */ jsx6(Button, { type: "submit", form: "schedule-form", disabled: !canSubmit || saving, children: "Save" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx6(
+    SideDrawer,
+    {
+      open,
+      onOpenChange,
+      title,
+      description,
+      anchor: "right",
+      size: "lg",
+      headerIcon: /* @__PURE__ */ jsx6("span", { className: "text-primary-button-bg inline-flex size-8 items-center justify-center", children: /* @__PURE__ */ jsx6(
+        Icon,
+        {
+          name: view.kind === "test" || isExternalEdit || isCreatedEdit ? "calendar" : "calendar-plus",
+          className: "size-5"
+        }
+      ) }),
+      footer,
+      children: view.kind === "test" ? /* @__PURE__ */ jsx6(
+        TestScheduleScreen,
+        {
+          schedule: view.schedule,
+          agentName: agentLabel,
+          mcpMounts,
+          onEditConfiguration: () => {
+            setError(null);
+            setView({ kind: "form", saved: view.schedule });
+          }
+        }
+      ) : /* @__PURE__ */ jsx6("form", { id: "schedule-form", onSubmit: (event) => void handleSave(event), children: /* @__PURE__ */ jsx6(
+        ScheduleFormFields,
+        {
+          values: form,
+          onChange: setForm,
+          agentId,
+          onAgentIdChange: isExternalEdit || isCreatedEdit ? void 0 : setAgentId,
+          agentOptions,
+          agentPickerDisabled: isExternalEdit || isCreatedEdit
+        }
+      ) })
+    }
+  );
+}
+function ScheduleFormDrawer(props) {
+  return /* @__PURE__ */ jsx6(DraftCatalogProvider, { children: /* @__PURE__ */ jsx6(ScheduleFormDrawerBody, { ...props }) });
+}
+
+// src/atoms/schedules/ScheduleLastRunsCell.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function ScheduleLastRunsCell({ runs }) {
+  const history = lastHistoricalRuns(runs);
+  if (history.length === 0) {
+    return /* @__PURE__ */ jsx7("span", { className: "text-text-secondary text-sm", children: "\u2014" });
+  }
+  return /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-1", children: history.map((run) => /* @__PURE__ */ jsx7(ScheduleRunChip, { run }, run.id)) });
+}
+
+// src/atoms/schedules/SchedulesPage.tsx
+import { Fragment, jsx as jsx8, jsxs as jsxs6 } 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 ScheduleRowActions({
+  schedule,
+  running,
+  onRunNow,
+  onEdit,
+  onTogglePause,
+  onDelete
+}) {
+  return /* @__PURE__ */ jsxs6("div", { className: "inline-flex items-center justify-end gap-1.5", children: [
+    /* @__PURE__ */ jsxs6(
+      "button",
+      {
+        type: "button",
+        disabled: running,
+        "aria-label": `Run now ${schedule.name}`,
+        className: auiButtonClass({ variant: "outline", size: "sm" }),
+        onClick: onRunNow,
+        children: [
+          /* @__PURE__ */ jsx8(Icon, { name: running ? "loader" : "play", className: cn("size-3.5", running && "animate-spin") }),
+          "Run now"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs6(
+      DropdownMenu,
+      {
+        align: "end",
+        trigger: /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            className: auiButtonClass({ variant: "ghost", size: "icon" }),
+            "aria-label": `Actions for ${schedule.name}`,
+            children: /* @__PURE__ */ jsx8(Icon, { name: "ellipsis", className: "size-4" })
+          }
+        ),
+        children: [
+          /* @__PURE__ */ jsxs6(DropdownMenuItem, { onClick: onEdit, children: [
+            /* @__PURE__ */ jsx8(Icon, { name: "pencil", className: "size-3.5" }),
+            "Edit"
+          ] }),
+          /* @__PURE__ */ jsxs6(DropdownMenuItem, { onClick: onTogglePause, children: [
+            /* @__PURE__ */ jsx8(Icon, { name: schedule.status === "active" ? "pause" : "play", className: "size-3.5" }),
+            schedule.status === "active" ? "Pause" : "Resume"
+          ] }),
+          /* @__PURE__ */ jsxs6(DropdownMenuItem, { className: "text-failure-bg focus:text-failure-bg", onClick: onDelete, children: [
+            /* @__PURE__ */ jsx8(Icon, { name: "trash", className: "size-3.5" }),
+            "Delete"
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SchedulesPage() {
+  const scheduleServer = useScheduleServer();
+  const server = useServer();
+  const toaster = useToasterOptional();
+  const [schedules, setSchedules] = useState3([]);
+  const [runsByScheduleId, setRunsByScheduleId] = useState3({});
+  const [runsLoading, setRunsLoading] = useState3(false);
+  const [runningScheduleIds, setRunningScheduleIds] = useState3(() => /* @__PURE__ */ new Set());
+  const [agentOptions, setAgentOptions] = useState3([]);
+  const [loading, setLoading] = useState3(true);
+  const [error, setError] = useState3(null);
+  const [nameQuery, setNameQuery] = useState3(() => filtersFromSearch(window.location.search).nameQuery);
+  const [statusFilter, setStatusFilter] = useState3(
+    () => filtersFromSearch(window.location.search).statusFilter
+  );
+  const [agentFilter, setAgentFilter] = useState3(() => filtersFromSearch(window.location.search).agentFilter);
+  const [drawer, setDrawer] = useState3({ kind: "closed" });
+  const [pendingDelete, setPendingDelete] = useState3(null);
+  const [pageSize, setPageSize] = useState3(() => clampPageSize(DEFAULT_TABLE_PAGE_SIZE));
+  const [pageToken, setPageToken] = useState3(void 0);
+  const [nextPageToken, setNextPageToken] = useState3(void 0);
+  const [prevTokenStack, setPrevTokenStack] = useState3([]);
+  const loadGenRef = useRef(0);
+  const didConsumeIsNewRef = useRef(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 }) => {
+      const gen = ++loadGenRef.current;
+      setLoading(true);
+      setError(null);
+      try {
+        const page = await scheduleServer.listSchedules({
+          limit: clampPageSize(size),
+          ...token === void 0 || token === "" ? {} : { pageToken: token },
+          ...agentId === "all" ? {} : { agentIds: [agentId] }
+        });
+        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 agentId = next?.agentId ?? agentFilter;
+      setPageToken(void 0);
+      setPrevTokenStack([]);
+      void loadSchedules({ token: void 0, size, agentId });
+    },
+    [agentFilter, loadSchedules, pageSize]
+  );
+  useEffect3(() => {
+    replaceScheduleShareSearch({
+      agent: agentFilter === "all" ? null : agentFilter,
+      status: statusFilter === "all" ? null : statusFilter,
+      q: nameQuery.trim().length === 0 ? null : nameQuery
+    });
+  }, [agentFilter, statusFilter, nameQuery]);
+  useEffect3(() => {
+    if (didConsumeIsNewRef.current) return;
+    const share = readScheduleShareSearch(window.location.search);
+    if (!share.isNew) return;
+    didConsumeIsNewRef.current = true;
+    setDrawer({
+      kind: "create",
+      ...share.agent != null ? { agentId: share.agent } : {}
+    });
+    replaceScheduleShareSearch({ isNew: null });
+  }, []);
+  useEffect3(() => {
+    const syncFromUrl = () => {
+      const next = filtersFromSearch(window.location.search);
+      setNameQuery(next.nameQuery);
+      setStatusFilter(next.statusFilter);
+      setAgentFilter((current) => {
+        if (current === next.agentFilter) return current;
+        setPageToken(void 0);
+        setPrevTokenStack([]);
+        return next.agentFilter;
+      });
+    };
+    window.addEventListener("popstate", syncFromUrl);
+    return () => {
+      window.removeEventListener("popstate", syncFromUrl);
+    };
+  }, []);
+  useEffect3(() => {
+    void loadSchedules({ token: pageToken, size: pageSize, agentId: agentFilter });
+  }, [agentFilter, pageSize, pageToken, loadSchedules]);
+  useEffect3(() => {
+    let cancelled = false;
+    void searchAllAgents(server).then((rows) => {
+      if (cancelled) return;
+      setAgentOptions(rows.map((agent) => ({ agentId: libraryAgentId(agent), name: agent.name })));
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [server]);
+  const agentNameById = useMemo2(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const agent of agentOptions) {
+      map.set(agent.agentId, agent.name);
+    }
+    return map;
+  }, [agentOptions]);
+  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 hasPageNav = prevTokenStack.length > 0 || nextPageToken != null;
+  const handleTogglePause = async (schedule) => {
+    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) => {
+    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) => {
+    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__ */ jsxs6("div", { className: "flex h-full min-h-0 flex-col bg-primary-bg", children: [
+    /* @__PURE__ */ jsx8(
+      PageHeader,
+      {
+        title: "Scheduled Agents",
+        end: /* @__PURE__ */ jsxs6(Fragment, { children: [
+          /* @__PURE__ */ jsx8("div", { className: "w-full sm:w-56", children: /* @__PURE__ */ jsx8(SearchInput_default, { query: nameQuery, setQuery: setNameQuery, placeholder: "Search schedules by name" }) }),
+          /* @__PURE__ */ jsx8(
+            PopoverSelect,
+            {
+              value: statusFilter,
+              onValueChange: setStatusFilter,
+              options: STATUS_FILTER_OPTIONS,
+              className: "sm:w-40",
+              "aria-label": "Filter by status"
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            PopoverSelect,
+            {
+              value: agentFilter,
+              onValueChange: (value) => {
+                setAgentFilter(value);
+                setPageToken(void 0);
+                setPrevTokenStack([]);
+              },
+              options: [
+                { value: "all", label: "All agents" },
+                ...agentOptions.map((agent) => ({ value: agent.agentId, label: agent.name }))
+              ],
+              className: "sm:w-40",
+              "aria-label": "Filter by agent"
+            }
+          ),
+          /* @__PURE__ */ jsxs6(
+            Button,
+            {
+              type: "button",
+              onClick: () => setDrawer({
+                kind: "create",
+                agentId: agentFilter !== "all" ? agentFilter : void 0
+              }),
+              children: [
+                /* @__PURE__ */ jsx8(Icon, { name: "plus", className: "size-3.5" }),
+                "Create Schedule"
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-auto px-4 py-4 md:px-6", children: loading ? /* @__PURE__ */ jsx8("div", { className: "flex flex-col gap-2", role: "status", "aria-label": "Loading schedules", children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsx8(Skeleton, { className: "h-12 w-full rounded-md" }, i)) }) : error != null ? /* @__PURE__ */ jsx8("p", { className: "text-failure-bg px-3 py-8 text-center text-sm", children: error }) : schedules.length === 0 ? /* @__PURE__ */ jsx8(EmptyScreen, { title: "No Schedules Found", description: "Create one to get started.", className: "min-h-full" }) : filtered.length === 0 ? /* @__PURE__ */ jsxs6("div", { className: "flex min-h-full flex-col", children: [
+      /* @__PURE__ */ jsx8(EmptyScreen, { title: "No Schedules Found", description: "No schedules match your filters.", className: "flex-1" }),
+      hasPageNav ? /* @__PURE__ */ jsx8(
+        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__ */ jsxs6("div", { className: "rounded-lg border border-border", children: [
+      /* @__PURE__ */ jsxs6(Table, { className: "min-w-[48rem]", children: [
+        /* @__PURE__ */ jsx8(TableHeader, { children: /* @__PURE__ */ jsxs6(TableRow, { className: "hover:bg-transparent", children: [
+          /* @__PURE__ */ jsx8(TableHead, { children: "Name" }),
+          /* @__PURE__ */ jsx8(TableHead, { children: "Agent" }),
+          /* @__PURE__ */ jsx8(TableHead, { children: "Cadence" }),
+          /* @__PURE__ */ jsx8(TableHead, { children: "Status" }),
+          /* @__PURE__ */ jsx8(TableHead, { children: "Last 5 runs" }),
+          /* @__PURE__ */ jsx8(TableHead, { children: /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Actions" }) })
+        ] }) }),
+        /* @__PURE__ */ jsx8(TableBody, { children: filtered.map((schedule) => {
+          const cadence = formatCadenceSummary({ cron: schedule.cron, timezone: schedule.timezone });
+          const agentLabel = schedule.agentName ?? agentNameById.get(schedule.agentId) ?? schedule.agentId;
+          return /* @__PURE__ */ jsxs6(TableRow, { children: [
+            /* @__PURE__ */ jsx8(TableCell, { className: "text-text-primary font-medium", children: /* @__PURE__ */ jsx8(
+              "button",
+              {
+                type: "button",
+                className: "text-primary-button-bg hover:underline text-left",
+                onClick: () => setDrawer({ kind: "edit", schedule }),
+                children: schedule.name
+              }
+            ) }),
+            /* @__PURE__ */ jsx8(TableCell, { children: agentLabel }),
+            /* @__PURE__ */ jsx8(TableCell, { children: cadence }),
+            /* @__PURE__ */ jsx8(TableCell, { children: /* @__PURE__ */ jsx8(ScheduleStatusBadge, { status: schedule.status }) }),
+            /* @__PURE__ */ jsx8(TableCell, { children: runsLoading ? /* @__PURE__ */ jsx8("span", { className: "text-text-secondary text-sm", children: "\u2026" }) : /* @__PURE__ */ jsx8(ScheduleLastRunsCell, { runs: runsByScheduleId[schedule.id] ?? [] }) }),
+            /* @__PURE__ */ jsx8(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx8(
+              ScheduleRowActions,
+              {
+                schedule,
+                running: runningScheduleIds.has(schedule.id),
+                onRunNow: () => void handleRunNow(schedule),
+                onEdit: () => setDrawer({ kind: "edit", schedule }),
+                onTogglePause: () => void handleTogglePause(schedule),
+                onDelete: () => setPendingDelete(schedule)
+              }
+            ) })
+          ] }, schedule.id);
+        }) })
+      ] }),
+      (filtered.length > 0 || hasPageNav) && /* @__PURE__ */ jsx8(
+        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__ */ jsx8(
+      ScheduleFormDrawer,
+      {
+        open: true,
+        mode: "create",
+        initialAgentId: drawer.agentId ?? "",
+        onOpenChange: (open) => {
+          if (!open) setDrawer({ kind: "closed" });
+        },
+        onSaved: () => resetToFirstPage()
+      }
+    ) : null,
+    drawer.kind === "edit" ? /* @__PURE__ */ jsx8(
+      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__ */ jsxs6(
+      Dialog,
+      {
+        open: true,
+        onOpenChange: (open) => {
+          if (!open) setPendingDelete(null);
+        },
+        "aria-label": "Delete schedule",
+        className: "max-w-md",
+        children: [
+          /* @__PURE__ */ jsx8(DialogContent, { children: /* @__PURE__ */ jsxs6(DialogHeader, { children: [
+            /* @__PURE__ */ jsx8(DialogTitle, { children: "Delete schedule" }),
+            /* @__PURE__ */ jsxs6("p", { className: "text-text-secondary text-sm", children: [
+              "\u201C",
+              pendingDelete.name,
+              "\u201D will stop running. This cannot be undone."
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs6(DialogFooter, { children: [
+            /* @__PURE__ */ jsx8(Button, { type: "button", variant: "secondary", onClick: () => setPendingDelete(null), children: "Cancel" }),
+            /* @__PURE__ */ jsx8(Button, { type: "button", variant: "destructive", onClick: () => void handleDelete(pendingDelete), children: "Delete" })
+          ] })
+        ]
+      }
+    ) : null
+  ] });
+}
+
+export {
+  ScheduleFormFields,
+  ScheduleRunChip,
+  ScheduleStatusBadge,
+  TestScheduleScreen,
+  ScheduleFormDrawer,
+  ScheduleLastRunsCell,
+  SchedulesPage
+};
+//# sourceMappingURL=chunk-6O6FWUDW.js.map