@truefoundry/trueforge-ui 0.3.0-rc.5 → 0.3.0-rc.7

package/dist/{chunk-DCVKW445.js → chunk-TMIILLHB.js}

@@ -24,37 +24,266 @@ import {
   TableTokenPagination,
   Tooltip,
   auiInputClass,
+  auiSelectMenuClass,
+  auiSelectOptionClass,
+  auiSelectTriggerClass,
   hasCreatedBySubject,
   mountName,
+  themePortalRoot,
   useResourcePermissions,
   useSlot,
   useToasterOptional
-} from "./chunk-MMU55KCW.js";
+} from "./chunk-XANC4F2H.js";
 import {
+  findLibraryAgent,
   readScheduleShareSearch,
   replaceScheduleShareSearch,
-  searchAllAgents
-} from "./chunk-3QWUHGNL.js";
+  useSearchAgentsList
+} from "./chunk-T6QQV5LK.js";
 import {
   DraftCatalogProvider,
   Icon,
   PageHeader,
   auiButtonClass,
   useDraftCatalog
-} from "./chunk-IIHJ32YH.js";
+} from "./chunk-3ZW74FHC.js";
 import {
   libraryAgentId,
   useOptionalCatalogServer,
   useOptionalShellMode,
   useScheduleServer,
   useServer
-} from "./chunk-TAABBM7F.js";
+} from "./chunk-2GIZY3JJ.js";
 import {
   cn
-} from "./chunk-OWDH67NY.js";
+} from "./chunk-JCL3Q7RW.js";
 
 // src/atoms/schedules/SchedulesPage.tsx
-import { useCallback, useEffect as useEffect3, useMemo as useMemo2, useRef, useState as useState3 } from "react";
+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 = [
@@ -260,10 +489,10 @@ function formatRelativeTime(iso, nowMs = Date.now()) {
 }
 
 // src/atoms/schedules/ScheduleFormDrawer.tsx
-import { useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { useEffect as useEffect3, useMemo, useRef as useRef2, useState as useState3 } from "react";
 
 // src/atoms/schedules/ScheduleFormFields.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var RECURRENCE_OPTIONS = [
   { value: "hourly", label: "Hourly" },
   { value: "daily", label: "Daily" },
@@ -281,9 +510,9 @@ function ScheduleFormFields({
   values,
   onChange,
   agentId,
+  agentLabel,
   onAgentIdChange,
-  agentOptions,
-  agentOptionsLoaded = true,
+  onAgentPicked,
   agentPickerDisabled = false,
   onBuildAgent
 }) {
@@ -298,29 +527,26 @@ function ScheduleFormFields({
     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,
+  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: "Select an agent",
+          placeholder: "Search agent",
           value: agentId,
-          options: agentOptions.map((agent) => ({ value: agent.agentId, label: agent.name })),
+          selectedLabel: agentLabel,
           onValueChange: (value) => onAgentIdChange?.(value),
+          onAgentPicked,
           disabled: agentPickerDisabled || onAgentIdChange == null,
-          emptyContent: agentOptionsLoaded ? /* @__PURE__ */ jsx("p", { className: "text-text-secondary px-3 py-5 text-center text-sm", children: "No Agents created yet" }) : null,
-          footer: agentOptionsLoaded && agentOptions.length === 0 && 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
+          onBuildAgent
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("label", { className: "block", children: [
-      /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Name" }),
-      /* @__PURE__ */ jsx(
+    /* @__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,
@@ -331,9 +557,9 @@ function ScheduleFormFields({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("label", { className: "block", children: [
-      /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Task" }),
-      /* @__PURE__ */ jsx(
+    /* @__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,
@@ -345,12 +571,12 @@ function ScheduleFormFields({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("fieldset", { children: [
-      /* @__PURE__ */ jsx("legend", { className: "mb-1.5 text-sm font-medium", children: "Frequency" }),
-      /* @__PURE__ */ jsx("div", { className: "rounded-t-lg border border-border p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-1 rounded-lg border border-border bg-primary-bg p-1", children: RECURRENCE_OPTIONS.map((opt) => {
+    /* @__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__ */ jsx(
+          return /* @__PURE__ */ jsx2(
             "button",
             {
               type: "button",
@@ -365,16 +591,16 @@ function ScheduleFormFields({
             opt.value
           );
         }) }),
-        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: "block text-xs text-text-secondary", children: "Existing custom schedule" }),
-          /* @__PURE__ */ jsx("code", { className: "mt-1 block font-mono text-sm text-text-primary", children: values.customCron }),
-          /* @__PURE__ */ jsx("span", { className: "mt-1 block text-xs text-text-secondary", children: "Select Hourly, Daily, or Weekly to replace this schedule." })
+        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__ */ jsxs("fieldset", { children: [
-          /* @__PURE__ */ jsx("legend", { className: "mb-2 text-sm font-medium", children: "Days" }),
-          /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: WEEKDAY_OPTIONS.map((day) => {
+        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__ */ jsx(
+            return /* @__PURE__ */ jsx2(
               "button",
               {
                 type: "button",
@@ -390,10 +616,10 @@ function ScheduleFormFields({
             );
           }) })
         ] }) : null,
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-          values.recurrence === "daily" || values.recurrence === "weekly" ? /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Hour" }),
-            /* @__PURE__ */ jsx(
+        /* @__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",
@@ -403,9 +629,9 @@ function ScheduleFormFields({
               }
             )
           ] }) : null,
-          values.recurrence !== "custom" ? /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Minute" }),
-            /* @__PURE__ */ jsx(
+          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",
@@ -415,9 +641,9 @@ function ScheduleFormFields({
               }
             )
           ] }) : null,
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "mb-1.5 block text-sm font-medium", children: "Timezone" }),
-            /* @__PURE__ */ jsx(
+          /* @__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",
@@ -430,18 +656,18 @@ function ScheduleFormFields({
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "rounded-b-lg border border-t-0 border-border bg-primary-button-bg/10 px-4 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Icon, { name: "clock", className: "size-4 shrink-0 text-primary-button-bg" }),
-        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-medium text-text-secondary", children: "Schedule" }),
-        /* @__PURE__ */ jsx("p", { className: "min-w-0 flex-1 truncate text-sm text-text-primary", children: cadence || "\u2014" }),
-        /* @__PURE__ */ jsx("code", { className: "shrink-0 whitespace-nowrap font-mono text-[0.8125rem] font-bold text-text-secondary", children: cron || "\u2014" })
+      /* @__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, useState } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/atoms/schedules/scheduleRuns.ts
 function isManualRun(name) {
@@ -478,20 +704,20 @@ function formatScheduleRunInstant(iso) {
 }
 
 // src/atoms/schedules/ScheduleRunTooltip.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } 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: [
+  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__ */ jsxs2("p", { className: "text-text-secondary", children: [
+    run.triggeredAt != null ? /* @__PURE__ */ jsxs3("p", { className: "text-text-secondary", children: [
       "Triggered at: ",
       formatScheduleRunInstant(run.triggeredAt)
     ] }) : null,
-    /* @__PURE__ */ jsxs2("p", { className: "text-text-secondary", children: [
+    /* @__PURE__ */ jsxs3("p", { className: "text-text-secondary", children: [
       "Triggered by: ",
       run.triggeredBy
     ] })
@@ -499,7 +725,7 @@ function ScheduleRunTooltip({ run }) {
 }
 
 // src/atoms/schedules/ScheduleRunChip.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+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"
@@ -507,21 +733,21 @@ var CHIP_STYLES = {
 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(
+  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__ */ jsx3(Icon, { name: kind === "failed" ? "triangle-exclamation" : "check", className: "size-3.5" })
+      children: /* @__PURE__ */ jsx4(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";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ScheduleStatusBadge({ status }) {
   const active = status === "active";
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs4(
     "span",
     {
       className: cn(
@@ -529,7 +755,7 @@ function ScheduleStatusBadge({ status }) {
         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__ */ jsx4(
+        /* @__PURE__ */ jsx5(
           "span",
           {
             className: cn(
@@ -546,7 +772,7 @@ function ScheduleStatusBadge({ status }) {
 }
 
 // src/atoms/schedules/TestScheduleScreen.tsx
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+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;
 }
@@ -556,20 +782,20 @@ function ScheduleMcpConnect({
 }) {
   const catalog = useOptionalCatalogServer();
   if (catalog == null) return null;
-  return /* @__PURE__ */ jsx5(ConnectorConnectButton, { connector, onConnected });
+  return /* @__PURE__ */ jsx6(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 })
+  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] = useState(false);
-  const [lastTestRun, setLastTestRun] = useState(null);
+  const [running, setRunning] = useState2(false);
+  const [lastTestRun, setLastTestRun] = useState2(null);
   const cadence = formatCadenceSummary({ cron: schedule.cron, timezone: schedule.timezone });
   const handleRunTest = async () => {
     setRunning(true);
@@ -583,35 +809,35 @@ function TestScheduleScreen({ schedule, agentName, mcpMounts, onEditConfiguratio
       setRunning(false);
     }
   };
-  useEffect(() => {
+  useEffect2(() => {
     ensureLoaded();
   }, [ensureLoaded]);
-  useEffect(() => {
+  useEffect2(() => {
     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: "Status", children: /* @__PURE__ */ jsx5(ScheduleStatusBadge, { status: schedule.status }) }),
-      /* @__PURE__ */ jsx5(DetailRow, { label: "Task", children: /* @__PURE__ */ jsx5("span", { className: "whitespace-pre-wrap break-words", children: schedule.task }) }),
-      /* @__PURE__ */ jsx5(DetailRow, { label: "Frequency", 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 })
+  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__ */ jsx5("div", { className: "flex justify-end px-3 py-2.5", children: /* @__PURE__ */ jsxs4(Button.Secondary, { type: "button", size: "small", onClick: onEditConfiguration, children: [
-        /* @__PURE__ */ jsx5(Icon, { name: "pencil", className: "size-3.5" }),
+      /* @__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__ */ 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) => {
+    /* @__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__ */ jsxs4("li", { className: "flex items-center gap-2 px-3 py-2.5", children: [
-          /* @__PURE__ */ jsx5(
+        return /* @__PURE__ */ jsxs5("li", { className: "flex items-center gap-2 px-3 py-2.5", children: [
+          /* @__PURE__ */ jsx6(
             "span",
             {
               className: cn(
@@ -619,27 +845,27 @@ function TestScheduleScreen({ schedule, agentName, mcpMounts, onEditConfiguratio
                 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
+              children: authenticated ? /* @__PURE__ */ jsx6(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
+          /* @__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__ */ 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.Primary, { type: "button", disabled: running, size: "small", onClick: () => void handleRunTest(), children: [
-          /* @__PURE__ */ jsx5(Icon, { name: running ? "loader" : "play", className: cn("size-3.5", running && "animate-spin") }),
+    /* @__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__ */ 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) })
+      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) })
         ] })
       ] })
     ] })
@@ -647,7 +873,7 @@ function TestScheduleScreen({ schedule, agentName, mcpMounts, onEditConfiguratio
 }
 
 // src/atoms/schedules/ScheduleFormDrawer.tsx
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function ScheduleFormDrawerBody({
   open,
   onOpenChange,
@@ -660,14 +886,15 @@ function ScheduleFormDrawerBody({
   const server = useServer();
   const shell = useOptionalShellMode();
   const toaster = useToasterOptional();
-  const [form, setForm] = useState2(defaultScheduleFormValues);
-  const [agentId, setAgentId] = useState2(initialAgentId);
-  const [agents, setAgents] = useState2([]);
-  const [agentsLoaded, setAgentsLoaded] = useState2(false);
-  const [view, setView] = useState2({ kind: "form" });
-  const [saving, setSaving] = useState2(false);
-  const [activating, setActivating] = useState2(false);
-  const [error, setError] = useState2(null);
+  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;
@@ -676,23 +903,11 @@ function ScheduleFormDrawerBody({
     resourceType: "agent",
     resourceIds: agentId.length === 0 ? [] : [agentId]
   });
-  useEffect2(() => {
-    if (!open) return;
-    let cancelled = false;
-    setAgentsLoaded(false);
-    void searchAllAgents(server).then((rows) => {
-      if (cancelled) return;
-      setAgents(rows);
-      setAgentsLoaded(true);
-    }).catch(() => void 0);
-    return () => {
-      cancelled = true;
-    };
-  }, [open, server]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!open) {
       setForm(defaultScheduleFormValues());
       setAgentId(initialAgentId);
+      setSelectedAgent(null);
       setError(null);
       setView({ kind: "form" });
       setActivating(false);
@@ -708,22 +923,30 @@ function ScheduleFormDrawerBody({
         })
       );
       setAgentId(schedule.agentId);
+      setSelectedAgent(null);
       setView({ kind: "form" });
       return;
     }
     setForm(defaultScheduleFormValues());
     setAgentId(initialAgentId);
+    setSelectedAgent(null);
     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;
+  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 }));
@@ -830,20 +1053,20 @@ function ScheduleFormDrawerBody({
   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.Secondary, { type: "button", className: "w-full", disabled: activating, onClick: () => void handleActivate(), children: "Activate Schedule" })
+    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__ */ 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.Secondary, { type: "button", onClick: () => onOpenChange(false), disabled: saving, children: "Cancel" }),
-        /* @__PURE__ */ jsx6(Button.Primary, { type: "submit", form: "schedule-form", disabled: !canSubmit || saving, children: "Save" })
+    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__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     SideDrawer,
     {
       open,
@@ -852,7 +1075,7 @@ function ScheduleFormDrawerBody({
       description,
       anchor: "right",
       size: "xl",
-      headerIcon: /* @__PURE__ */ jsx6("span", { className: "text-primary-button-bg inline-flex size-8 items-center justify-center", children: /* @__PURE__ */ jsx6(
+      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",
@@ -860,7 +1083,7 @@ function ScheduleFormDrawerBody({
         }
       ) }),
       footer,
-      children: view.kind === "test" ? /* @__PURE__ */ jsx6(
+      children: view.kind === "test" ? /* @__PURE__ */ jsx7(
         TestScheduleScreen,
         {
           schedule: view.schedule,
@@ -871,15 +1094,18 @@ function ScheduleFormDrawerBody({
             setView({ kind: "form", saved: view.schedule });
           }
         }
-      ) : /* @__PURE__ */ jsx6("form", { id: "schedule-form", onSubmit: (event) => void handleSave(event), children: /* @__PURE__ */ jsx6(
+      ) : /* @__PURE__ */ jsx7("form", { id: "schedule-form", onSubmit: (event) => void handleSave(event), children: /* @__PURE__ */ jsx7(
         ScheduleFormFields,
         {
           values: form,
           onChange: setForm,
           agentId,
-          onAgentIdChange: isExternalEdit || isCreatedEdit ? void 0 : setAgentId,
-          agentOptions,
-          agentOptionsLoaded: agentsLoaded,
+          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);
@@ -891,21 +1117,21 @@ function ScheduleFormDrawerBody({
   );
 }
 function ScheduleFormDrawer(props) {
-  return /* @__PURE__ */ jsx6(DraftCatalogProvider, { children: /* @__PURE__ */ jsx6(ScheduleFormDrawerBody, { ...props }) });
+  return /* @__PURE__ */ jsx7(DraftCatalogProvider, { children: /* @__PURE__ */ jsx7(ScheduleFormDrawerBody, { ...props }) });
 }
 
 // src/atoms/schedules/ScheduleLastRunsCell.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } 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__ */ jsx8("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)) });
+  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, jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+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" },
@@ -943,8 +1169,8 @@ function ScheduleRowActions({
   onDelete
 }) {
   const PermissionGuard = useSlot("PermissionGuard");
-  return /* @__PURE__ */ jsxs6("div", { className: "inline-flex items-center justify-end gap-1.5", children: [
-    /* @__PURE__ */ jsx8(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs6(
+  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",
@@ -953,35 +1179,35 @@ function ScheduleRowActions({
         size: "large",
         onClick: onRunNow,
         children: [
-          /* @__PURE__ */ jsx8(Icon, { name: running ? "loader" : "play", className: cn("size-3.5", running && "animate-spin") }),
+          /* @__PURE__ */ jsx9(Icon, { name: running ? "loader" : "play", className: cn("size-3.5", running && "animate-spin") }),
           "Run now"
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsxs7(
       DropdownMenu,
       {
         align: "end",
-        trigger: /* @__PURE__ */ jsx8(
+        trigger: /* @__PURE__ */ jsx9(
           "button",
           {
             type: "button",
             className: auiButtonClass({ variant: "ghost", size: "icon" }),
             "aria-label": `Actions for ${schedule.name}`,
-            children: /* @__PURE__ */ jsx8(Icon, { name: "ellipsis" })
+            children: /* @__PURE__ */ jsx9(Icon, { name: "ellipsis" })
           }
         ),
         children: [
-          /* @__PURE__ */ jsx8(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs6(DropdownMenuItem, { onClick: onEdit, children: [
-            /* @__PURE__ */ jsx8(Icon, { name: "pencil", className: "size-3.5" }),
+          /* @__PURE__ */ jsx9(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs7(DropdownMenuItem, { onClick: onEdit, children: [
+            /* @__PURE__ */ jsx9(Icon, { name: "pencil", className: "size-3.5" }),
             "Edit"
           ] }) }),
-          /* @__PURE__ */ jsx8(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs6(DropdownMenuItem, { onClick: onTogglePause, children: [
-            /* @__PURE__ */ jsx8(Icon, { name: schedule.status === "active" ? "pause" : "play", className: "size-3.5" }),
+          /* @__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__ */ jsx8(PermissionGuard, { allowed: canDelete, children: /* @__PURE__ */ jsxs6(DropdownMenuItem, { className: "text-failure-bg focus:text-failure-bg", onClick: onDelete, children: [
-            /* @__PURE__ */ jsx8(Icon, { name: "trash", className: "size-3.5" }),
+          /* @__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"
           ] }) })
         ]
@@ -993,42 +1219,38 @@ function SchedulesPage({ agentId }) {
   const scheduleServer = useScheduleServer();
   const server = useServer();
   const toaster = useToasterOptional();
-  const [schedules, setSchedules] = useState3([]);
+  const [schedules, setSchedules] = useState4([]);
   const { allows } = useResourcePermissions({
     resourceType: "schedule",
     resourceIds: schedules.map((schedule) => schedule.id)
   });
-  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(
+  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] = useState3(
+  const [agentFilter, setAgentFilter] = useState4(
     () => agentId ?? filtersFromSearch(window.location.search).agentFilter
   );
   const permissionAgentId = agentId ?? (agentFilter === "all" ? null : agentFilter);
-  const permissionAgentIds = useMemo2(
-    () => permissionAgentId == null ? agentOptions.map((option) => option.agentId) : [permissionAgentId],
-    [agentOptions, permissionAgentId]
-  );
   const { allows: allowsAgent } = useResourcePermissions({
     resourceType: "agent",
-    resourceIds: permissionAgentIds
+    resourceIds: permissionAgentId == null ? [] : [permissionAgentId]
   });
-  const canCreateSchedule = server.permissions == null || (permissionAgentId == null ? agentOptions.some((option) => allowsAgent(option.agentId, "USE")) : allowsAgent(permissionAgentId, "USE"));
-  const [drawer, setDrawer] = useState3(() => initialDrawerState(agentId));
-  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 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) {
@@ -1094,14 +1316,14 @@ function SchedulesPage({ agentId }) {
     },
     [agentFilter, loadSchedules, pageSize]
   );
-  useEffect3(() => {
+  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]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (agentId === void 0) return;
     setAgentFilter((current) => {
       if (current === agentId) return current;
@@ -1110,14 +1332,14 @@ function SchedulesPage({ agentId }) {
       return agentId;
     });
   }, [agentId]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (didConsumeIsNewRef.current) return;
     const share = readScheduleShareSearch(window.location.search);
     if (!share.isNew) return;
     didConsumeIsNewRef.current = true;
     replaceScheduleShareSearch({ isNew: null });
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     const syncFromUrl = () => {
       const next = filtersFromSearch(window.location.search);
       setNameQuery(next.nameQuery);
@@ -1135,26 +1357,9 @@ function SchedulesPage({ agentId }) {
       window.removeEventListener("popstate", syncFromUrl);
     };
   }, [agentId]);
-  useEffect3(() => {
+  useEffect4(() => {
     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) => {
@@ -1215,14 +1420,14 @@ function SchedulesPage({ agentId }) {
     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(
+  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__ */ 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(
+        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,
@@ -1232,24 +1437,29 @@ function SchedulesPage({ agentId }) {
               "aria-label": "Filter by status"
             }
           ),
-          agentId === void 0 ? /* @__PURE__ */ jsx8(
-            PopoverSelect,
+          agentId === void 0 ? /* @__PURE__ */ jsx9(
+            AgentSearchPicker,
             {
               value: agentFilter,
+              selectedLabel: agentFilter === "all" ? "All agents" : agentLabelById[agentFilter] ?? 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"
+              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__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             Button.Primary,
             {
               type: "button",
@@ -1259,7 +1469,7 @@ function SchedulesPage({ agentId }) {
                 agentId: agentFilter !== "all" ? agentFilter : void 0
               }),
               children: [
-                /* @__PURE__ */ jsx8(Icon, { name: "plus", className: "size-3.5" }),
+                /* @__PURE__ */ jsx9(Icon, { name: "plus", className: "size-3.5" }),
                 "Create Schedule"
               ]
             }
@@ -1267,9 +1477,9 @@ function SchedulesPage({ agentId }) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx8("div", { className: "min-h-0 flex-1 overflow-auto px-4 py-4", 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(
+    /* @__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,
@@ -1287,28 +1497,28 @@ function SchedulesPage({ agentId }) {
           }
         }
       ) : null
-    ] }) : /* @__PURE__ */ jsxs6("div", { className: "overflow-hidden 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" }),
-          showCreatedByColumn ? /* @__PURE__ */ jsx8(TableHead, { children: "Created by" }) : null,
-          /* @__PURE__ */ jsx8(TableHead, { children: "Frequency" }),
-          /* @__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__ */ 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__ */ jsx8(TableBody, { children: filtered.map((schedule) => {
+        /* @__PURE__ */ jsx9(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("span", { className: "text-left !no-underline", children: schedule.name }) }),
-            /* @__PURE__ */ jsx8(TableCell, { children: agentLabel }),
-            showCreatedByColumn ? /* @__PURE__ */ jsx8(TableCell, { children: /* @__PURE__ */ jsx8(CreatedByCell, { subject: schedule.createdBySubject }) }) : null,
-            /* @__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(
+          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,
@@ -1328,7 +1538,7 @@ function SchedulesPage({ agentId }) {
           ] }, schedule.id);
         }) })
       ] }),
-      (filtered.length > 0 || hasPageNav) && /* @__PURE__ */ jsx8(
+      (filtered.length > 0 || hasPageNav) && /* @__PURE__ */ jsx9(
         TableTokenPagination,
         {
           pageSize,
@@ -1347,7 +1557,7 @@ function SchedulesPage({ agentId }) {
         }
       )
     ] }) }),
-    drawer.kind === "create" ? /* @__PURE__ */ jsx8(
+    drawer.kind === "create" ? /* @__PURE__ */ jsx9(
       ScheduleFormDrawer,
       {
         open: true,
@@ -1359,7 +1569,7 @@ function SchedulesPage({ agentId }) {
         onSaved: () => resetToFirstPage()
       }
     ) : null,
-    drawer.kind === "edit" ? /* @__PURE__ */ jsx8(
+    drawer.kind === "edit" ? /* @__PURE__ */ jsx9(
       ScheduleFormDrawer,
       {
         open: true,
@@ -1371,7 +1581,7 @@ function SchedulesPage({ agentId }) {
         onSaved: () => void loadSchedules({ token: pageToken, size: pageSize, agentId: agentFilter })
       }
     ) : null,
-    pendingDelete != null ? /* @__PURE__ */ jsxs6(
+    pendingDelete != null ? /* @__PURE__ */ jsxs7(
       Dialog,
       {
         open: true,
@@ -1381,17 +1591,17 @@ function SchedulesPage({ agentId }) {
         "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: [
+          /* @__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__ */ jsxs6(DialogFooter, { children: [
-            /* @__PURE__ */ jsx8(Button.Secondary, { type: "button", onClick: () => setPendingDelete(null), children: "Cancel" }),
-            /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs7(DialogFooter, { children: [
+            /* @__PURE__ */ jsx9(Button.Secondary, { type: "button", onClick: () => setPendingDelete(null), children: "Cancel" }),
+            /* @__PURE__ */ jsx9(
               Button.Destructive,
               {
                 type: "button",
@@ -1416,4 +1626,4 @@ export {
   ScheduleLastRunsCell,
   SchedulesPage
 };
-//# sourceMappingURL=chunk-DCVKW445.js.map
+//# sourceMappingURL=chunk-TMIILLHB.js.map