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

package/dist/{chunk-6O6FWUDW.js → chunk-UWLL327M.js}

@@ -1,6 +1,7 @@
 import {
   Button,
   ConnectorConnectButton,
+  CreatedByCell,
   DEFAULT_TABLE_PAGE_SIZE,
   Dialog,
   DialogContent,
@@ -23,33 +24,266 @@ import {
   TableTokenPagination,
   Tooltip,
   auiInputClass,
+  auiSelectMenuClass,
+  auiSelectOptionClass,
+  auiSelectTriggerClass,
+  hasCreatedBySubject,
   mountName,
-  searchAllAgents,
+  themePortalRoot,
+  useResourcePermissions,
+  useSlot,
   useToasterOptional
-} from "./chunk-ZTMKFZQ3.js";
+} from "./chunk-OH357IHR.js";
 import {
+  findLibraryAgent,
   readScheduleShareSearch,
-  replaceScheduleShareSearch
-} from "./chunk-2XPPBEYF.js";
+  replaceScheduleShareSearch,
+  useSearchAgentsList
+} from "./chunk-T6QQV5LK.js";
 import {
   DraftCatalogProvider,
   Icon,
   PageHeader,
   auiButtonClass,
   useDraftCatalog
-} from "./chunk-XAU7QFG3.js";
+} from "./chunk-5N5V7YLO.js";
 import {
   libraryAgentId,
   useOptionalCatalogServer,
+  useOptionalShellMode,
   useScheduleServer,
   useServer
-} from "./chunk-U7KURWW3.js";
+} from "./chunk-2GIZY3JJ.js";
 import {
   cn
-} from "./chunk-7Z2C2K7F.js";
+} from "./chunk-GKXDRULM.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 = [
@@ -255,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" },
@@ -276,9 +510,11 @@ function ScheduleFormFields({
   values,
   onChange,
   agentId,
+  agentLabel,
   onAgentIdChange,
-  agentOptions,
-  agentPickerDisabled = false
+  onAgentPicked,
+  agentPickerDisabled = false,
+  onBuildAgent
 }) {
   const cron = valuesToCron(values);
   const cadence = formatCadenceSummary({ cron, timezone: values.timezone });
@@ -291,37 +527,39 @@ 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),
-          disabled: agentPickerDisabled || onAgentIdChange == null
+          onAgentPicked,
+          disabled: agentPickerDisabled || onAgentIdChange == 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,
           onChange: (e) => set("name", e.target.value),
           placeholder: "harness-daily-digest",
-          className: auiInputClass("h-9"),
+          className: auiInputClass("h-8"),
           required: true
         }
       )
     ] }),
-    /* @__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,
@@ -333,114 +571,103 @@ function ScheduleFormFields({
         }
       )
     ] }),
-    /* @__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" })
+    /* @__PURE__ */ jsxs2("fieldset", { children: [
+      /* @__PURE__ */ jsx2("legend", { className: "mb-1.5 text-sm font-medium", children: "Frequency" }),
+      /* @__PURE__ */ jsx2("div", { className: "rounded-t-lg border border-border p-4", children: /* @__PURE__ */ jsxs2("div", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-3 gap-1 rounded-lg border border-border bg-primary-bg p-1", children: RECURRENCE_OPTIONS.map((opt) => {
+          const selected = values.recurrence === opt.value;
+          return /* @__PURE__ */ jsx2(
+            "button",
+            {
+              type: "button",
+              className: cn(
+                "rounded-md border px-2 py-2 text-sm font-medium transition-colors",
+                selected ? "border-primary-button-bg/40 bg-primary-button-bg/10 font-semibold text-primary-button-bg" : "border-transparent text-text-secondary hover:bg-ghost-button-hover"
+              ),
+              "aria-pressed": selected,
+              onClick: () => set("recurrence", opt.value),
+              children: opt.label
+            },
+            opt.value
+          );
+        }) }),
+        values.recurrence === "custom" ? /* @__PURE__ */ jsxs2("div", { className: "rounded-md border border-border bg-secondary-bg/40 px-3 py-2", children: [
+          /* @__PURE__ */ jsx2("span", { className: "block text-xs text-text-secondary", children: "Existing custom schedule" }),
+          /* @__PURE__ */ jsx2("code", { className: "mt-1 block font-mono text-sm text-text-primary", children: values.customCron }),
+          /* @__PURE__ */ jsx2("span", { className: "mt-1 block text-xs text-text-secondary", children: "Select Hourly, Daily, or Weekly to replace this schedule." })
+        ] }) : null,
+        values.recurrence === "weekly" ? /* @__PURE__ */ jsxs2("fieldset", { children: [
+          /* @__PURE__ */ jsx2("legend", { className: "mb-2 text-sm font-medium", children: "Days" }),
+          /* @__PURE__ */ jsx2("div", { className: "flex gap-2", children: WEEKDAY_OPTIONS.map((day) => {
+            const selected = values.weekdays.includes(day.value);
+            return /* @__PURE__ */ jsx2(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "min-w-0 flex-1 rounded-md border px-3 py-2 text-[0.8125rem] font-medium",
+                  selected ? "border-primary-button-bg/40 bg-primary-button-bg/10 font-semibold text-primary-button-bg" : "border-border text-text-secondary hover:bg-ghost-button-hover"
+                ),
+                "aria-pressed": selected,
+                onClick: () => toggleWeekday(day.value),
+                children: day.label
+              },
+              day.value
+            );
+          }) })
+        ] }) : null,
+        /* @__PURE__ */ jsxs2("div", { className: "flex gap-4", children: [
+          values.recurrence === "daily" || values.recurrence === "weekly" ? /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Hour" }),
+            /* @__PURE__ */ jsx2(
+              PopoverSelect,
+              {
+                "aria-label": "Hour",
+                value: String(values.hour),
+                options: HOUR_OPTIONS,
+                onValueChange: (value) => set("hour", Number(value))
+              }
+            )
+          ] }) : null,
+          values.recurrence !== "custom" ? /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Minute" }),
+            /* @__PURE__ */ jsx2(
+              PopoverSelect,
+              {
+                "aria-label": "Minute",
+                value: String(values.minute),
+                options: MINUTE_OPTIONS,
+                onValueChange: (value) => set("minute", Number(value))
+              }
+            )
+          ] }) : null,
+          /* @__PURE__ */ jsxs2("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx2("span", { className: "mb-1.5 block text-sm font-medium", children: "Timezone" }),
+            /* @__PURE__ */ jsx2(
+              PopoverSelect,
+              {
+                "aria-label": "Timezone",
+                value: values.timezone,
+                options: timezoneOptions,
+                onValueChange: (value) => set("timezone", value),
+                menuClassName: "w-full min-w-0"
+              }
+            )
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsx2("div", { className: "rounded-b-lg border border-t-0 border-border bg-primary-button-bg/10 px-4 py-3", children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx2(Icon, { name: "clock", className: "size-4 shrink-0 text-primary-button-bg" }),
+        /* @__PURE__ */ jsx2("span", { className: "shrink-0 text-xs font-medium text-text-secondary", children: "Schedule" }),
+        /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate text-sm text-text-primary", children: cadence || "\u2014" }),
+        /* @__PURE__ */ jsx2("code", { className: "shrink-0 whitespace-nowrap font-mono text-[0.8125rem] font-bold text-text-secondary", children: cron || "\u2014" })
+      ] }) })
     ] })
   ] });
 }
 
 // src/atoms/schedules/TestScheduleScreen.tsx
-import { useEffect, useState } from "react";
+import { useEffect as useEffect2, useState as useState2 } from "react";
 
 // src/atoms/schedules/scheduleRuns.ts
 function isManualRun(name) {
@@ -477,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
     ] })
@@ -498,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"
@@ -506,34 +733,34 @@ 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(
         "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"
+        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(
               "size-1.5 shrink-0 rounded-full",
-              active ? "bg-emerald-600 dark:bg-emerald-400" : "bg-text-secondary"
+              active ? "bg-emerald-600 dark:bg-emerald-400" : "bg-amber-600 dark:bg-amber-400"
             ),
             "aria-hidden": true
           }
@@ -545,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;
 }
@@ -555,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);
@@ -582,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: "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 })
+  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(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" }),
+      /* @__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(
@@ -618,36 +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",
-          {
-            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"
-            ]
-          }
-        )
+    /* @__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) })
         ] })
       ] })
     ] })
@@ -655,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,
@@ -666,32 +884,30 @@ function ScheduleFormDrawerBody({
 }) {
   const scheduleServer = useScheduleServer();
   const server = useServer();
+  const shell = useOptionalShellMode();
   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 [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;
-  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(() => {
+  const isInitialCreate = mode === "create" && view.kind === "form" && view.saved == null;
+  const { allows: allowsAgent } = useResourcePermissions({
+    resourceType: "agent",
+    resourceIds: agentId.length === 0 ? [] : [agentId]
+  });
+  useEffect3(() => {
     if (!open) {
       setForm(defaultScheduleFormValues());
       setAgentId(initialAgentId);
+      setSelectedAgent(null);
       setError(null);
       setView({ kind: "form" });
       setActivating(false);
@@ -707,30 +923,38 @@ 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 }));
   }, [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]);
+    return form.name.trim().length > 0 && form.task.trim().length > 0 && cron.length > 0 && agentId.length > 0 && (!isInitialCreate || allowsAgent(agentId, "USE"));
+  }, [agentId, allowsAgent, form, isInitialCreate]);
   const enterTestView = (saved) => {
     setView({ kind: "test", schedule: saved });
     setForm(
@@ -829,30 +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,
-        {
-          type: "button",
-          variant: "secondary",
-          className: "w-full",
-          disabled: activating,
-          onClick: () => void handleActivate(),
-          children: "Activate Anyway"
-        }
-      )
+    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, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: saving, children: "Cancel" }),
-        /* @__PURE__ */ jsx6(Button, { 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,
@@ -860,8 +1074,8 @@ function ScheduleFormDrawerBody({
       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(
+      size: "xl",
+      headerIcon: /* @__PURE__ */ jsx7("span", { className: "text-primary-button-bg inline-flex size-8 items-center justify-center", children: /* @__PURE__ */ jsx7(
         Icon,
         {
           name: view.kind === "test" || isExternalEdit || isCreatedEdit ? "calendar" : "calendar-plus",
@@ -869,7 +1083,7 @@ function ScheduleFormDrawerBody({
         }
       ) }),
       footer,
-      children: view.kind === "test" ? /* @__PURE__ */ jsx6(
+      children: view.kind === "test" ? /* @__PURE__ */ jsx7(
         TestScheduleScreen,
         {
           schedule: view.schedule,
@@ -880,36 +1094,44 @@ 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,
-          agentPickerDisabled: isExternalEdit || isCreatedEdit
+          agentLabel,
+          onAgentIdChange: isExternalEdit || isCreatedEdit ? void 0 : (nextId) => {
+            setAgentId(nextId);
+            if (nextId.length === 0) setSelectedAgent(null);
+          },
+          onAgentPicked: setSelectedAgent,
+          agentPickerDisabled: isExternalEdit || isCreatedEdit,
+          onBuildAgent: mode === "create" && shell?.isComposerEnabled === true ? () => {
+            onOpenChange(false);
+            shell.openAgentBuilder();
+          } : void 0
         }
       ) })
     }
   );
 }
 function ScheduleFormDrawer(props) {
-  return /* @__PURE__ */ 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" },
@@ -927,84 +1149,108 @@ function filtersFromSearch(search) {
     agentFilter: share.agent ?? "all"
   };
 }
+function initialDrawerState(agentId) {
+  const share = readScheduleShareSearch(window.location.search);
+  if (!share.isNew) return { kind: "closed" };
+  const initialAgentId = agentId ?? share.agent;
+  return {
+    kind: "create",
+    ...initialAgentId == null ? {} : { agentId: initialAgentId }
+  };
+}
 function ScheduleRowActions({
   schedule,
   running,
+  canManage,
+  canDelete,
   onRunNow,
   onEdit,
   onTogglePause,
   onDelete
 }) {
-  return /* @__PURE__ */ jsxs6("div", { className: "inline-flex items-center justify-end gap-1.5", children: [
-    /* @__PURE__ */ jsxs6(
-      "button",
+  const PermissionGuard = useSlot("PermissionGuard");
+  return /* @__PURE__ */ jsxs7("div", { className: "inline-flex items-center justify-end gap-1.5", children: [
+    /* @__PURE__ */ jsx9(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs7(
+      Button.Secondary,
       {
         type: "button",
         disabled: running,
         "aria-label": `Run now ${schedule.name}`,
-        className: auiButtonClass({ variant: "outline", size: "sm" }),
+        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", className: "size-4" })
+            children: /* @__PURE__ */ jsx9(Icon, { name: "ellipsis" })
           }
         ),
         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__ */ 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__ */ 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"
-          ] })
+          ] }) })
         ]
       }
     )
   ] });
 }
-function SchedulesPage() {
+function SchedulesPage({ agentId }) {
   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(
+  const [schedules, setSchedules] = useState4([]);
+  const { allows } = useResourcePermissions({
+    resourceType: "schedule",
+    resourceIds: schedules.map((schedule) => schedule.id)
+  });
+  const [runsByScheduleId, setRunsByScheduleId] = useState4({});
+  const [runsLoading, setRunsLoading] = useState4(false);
+  const [runningScheduleIds, setRunningScheduleIds] = useState4(() => /* @__PURE__ */ new Set());
+  const [agentLabelById, setAgentLabelById] = useState4({});
+  const [loading, setLoading] = useState4(true);
+  const [error, setError] = useState4(null);
+  const [nameQuery, setNameQuery] = useState4(() => filtersFromSearch(window.location.search).nameQuery);
+  const [statusFilter, setStatusFilter] = useState4(
     () => filtersFromSearch(window.location.search).statusFilter
   );
-  const [agentFilter, setAgentFilter] = 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 [agentFilter, setAgentFilter] = useState4(
+    () => agentId ?? filtersFromSearch(window.location.search).agentFilter
+  );
+  const permissionAgentId = agentId ?? (agentFilter === "all" ? null : agentFilter);
+  const { allows: allowsAgent } = useResourcePermissions({
+    resourceType: "agent",
+    resourceIds: permissionAgentId == null ? [] : [permissionAgentId]
+  });
+  const canCreateSchedule = server.permissions == null || permissionAgentId == null || allowsAgent(permissionAgentId, "USE");
+  const [drawer, setDrawer] = useState4(() => initialDrawerState(agentId));
+  const [pendingDelete, setPendingDelete] = useState4(null);
+  const [pageSize, setPageSize] = useState4(() => clampPageSize(DEFAULT_TABLE_PAGE_SIZE));
+  const [pageToken, setPageToken] = useState4(void 0);
+  const [nextPageToken, setNextPageToken] = useState4(void 0);
+  const [prevTokenStack, setPrevTokenStack] = useState4([]);
+  const loadGenRef = useRef3(0);
+  const didConsumeIsNewRef = useRef3(false);
   const loadRunsForSchedules = useCallback(
     async ({ rows, gen }) => {
       if (rows.length === 0) {
@@ -1033,7 +1279,7 @@ function SchedulesPage() {
     [scheduleServer]
   );
   const loadSchedules = useCallback(
-    async ({ token, size, agentId }) => {
+    async ({ token, size, agentId: agentId2 }) => {
       const gen = ++loadGenRef.current;
       setLoading(true);
       setError(null);
@@ -1041,7 +1287,7 @@ function SchedulesPage() {
         const page = await scheduleServer.listSchedules({
           limit: clampPageSize(size),
           ...token === void 0 || token === "" ? {} : { pageToken: token },
-          ...agentId === "all" ? {} : { agentIds: [agentId] }
+          ...agentId2 === "all" ? {} : { agentIds: [agentId2] }
         });
         if (gen !== loadGenRef.current) return;
         setSchedules(page.data);
@@ -1063,68 +1309,57 @@ function SchedulesPage() {
   const resetToFirstPage = useCallback(
     (next) => {
       const size = next?.size ?? pageSize;
-      const agentId = next?.agentId ?? agentFilter;
+      const agentId2 = next?.agentId ?? agentFilter;
       setPageToken(void 0);
       setPrevTokenStack([]);
-      void loadSchedules({ token: void 0, size, agentId });
+      void loadSchedules({ token: void 0, size, agentId: agentId2 });
     },
     [agentFilter, loadSchedules, pageSize]
   );
-  useEffect3(() => {
+  useEffect4(() => {
     replaceScheduleShareSearch({
-      agent: agentFilter === "all" ? null : agentFilter,
+      agent: agentId === void 0 && agentFilter !== "all" ? agentFilter : null,
       status: statusFilter === "all" ? null : statusFilter,
       q: nameQuery.trim().length === 0 ? null : nameQuery
     });
-  }, [agentFilter, statusFilter, nameQuery]);
-  useEffect3(() => {
+  }, [agentFilter, agentId, statusFilter, nameQuery]);
+  useEffect4(() => {
+    if (agentId === void 0) return;
+    setAgentFilter((current) => {
+      if (current === agentId) return current;
+      setPageToken(void 0);
+      setPrevTokenStack([]);
+      return agentId;
+    });
+  }, [agentId]);
+  useEffect4(() => {
     if (didConsumeIsNewRef.current) return;
     const share = readScheduleShareSearch(window.location.search);
     if (!share.isNew) return;
     didConsumeIsNewRef.current = true;
-    setDrawer({
-      kind: "create",
-      ...share.agent != null ? { agentId: share.agent } : {}
-    });
     replaceScheduleShareSearch({ isNew: null });
   }, []);
-  useEffect3(() => {
+  useEffect4(() => {
     const syncFromUrl = () => {
       const next = filtersFromSearch(window.location.search);
       setNameQuery(next.nameQuery);
       setStatusFilter(next.statusFilter);
       setAgentFilter((current) => {
-        if (current === next.agentFilter) return current;
+        const nextAgentFilter = agentId ?? next.agentFilter;
+        if (current === nextAgentFilter) return current;
         setPageToken(void 0);
         setPrevTokenStack([]);
-        return next.agentFilter;
+        return nextAgentFilter;
       });
     };
     window.addEventListener("popstate", syncFromUrl);
     return () => {
       window.removeEventListener("popstate", syncFromUrl);
     };
-  }, []);
-  useEffect3(() => {
+  }, [agentId]);
+  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) => {
@@ -1133,8 +1368,10 @@ function SchedulesPage() {
       return true;
     });
   }, [schedules, nameQuery, statusFilter]);
+  const showCreatedByColumn = hasCreatedBySubject(schedules);
   const hasPageNav = prevTokenStack.length > 0 || nextPageToken != null;
   const handleTogglePause = async (schedule) => {
+    if (!allows(schedule.id, "MANAGE")) return;
     const nextStatus = schedule.status === "active" ? "paused" : "active";
     try {
       await scheduleServer.updateSchedule({ ...schedule, status: nextStatus });
@@ -1144,6 +1381,7 @@ function SchedulesPage() {
     }
   };
   const handleRunNow = async (schedule) => {
+    if (!allows(schedule.id, "MANAGE")) return;
     setRunningScheduleIds((prev) => new Set(prev).add(schedule.id));
     try {
       await scheduleServer.createScheduleRun({ scheduleId: schedule.id });
@@ -1161,6 +1399,7 @@ function SchedulesPage() {
     }
   };
   const handleDelete = async (schedule) => {
+    if (!allows(schedule.id, "DELETE")) return;
     setPendingDelete(null);
     try {
       await scheduleServer.deleteSchedule({ id: schedule.id });
@@ -1181,14 +1420,14 @@ function SchedulesPage() {
     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: "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(
+        title: agentId === void 0 ? "Scheduled Agents" : void 0,
+        end: /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          /* @__PURE__ */ jsx9("div", { className: "w-full sm:w-60", children: /* @__PURE__ */ jsx9(SearchInput_default, { query: nameQuery, setQuery: setNameQuery, placeholder: "Search schedules by name" }) }),
+          /* @__PURE__ */ jsx9(
             PopoverSelect,
             {
               value: statusFilter,
@@ -1198,33 +1437,39 @@ function SchedulesPage() {
               "aria-label": "Filter by status"
             }
           ),
-          /* @__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"
             }
-          ),
-          /* @__PURE__ */ jsxs6(
-            Button,
+          ) : null,
+          /* @__PURE__ */ jsxs7(
+            Button.Primary,
             {
               type: "button",
-              onClick: () => setDrawer({
+              disabled: !canCreateSchedule,
+              onClick: () => canCreateSchedule && setDrawer({
                 kind: "create",
                 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"
               ]
             }
@@ -1232,9 +1477,9 @@ function SchedulesPage() {
         ] })
       }
     ),
-    /* @__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(
+    /* @__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,
@@ -1252,48 +1497,48 @@ function SchedulesPage() {
           }
         }
       ) : 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__ */ 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(
-              "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(
+          const agentLabel = schedule.agentName ?? agentLabelById[schedule.agentId] ?? schedule.agentId;
+          return /* @__PURE__ */ jsxs7(TableRow, { children: [
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-text-primary font-medium", children: /* @__PURE__ */ jsx9("span", { className: "text-left !no-underline", children: schedule.name }) }),
+            /* @__PURE__ */ jsx9(TableCell, { children: agentLabel }),
+            showCreatedByColumn ? /* @__PURE__ */ jsx9(TableCell, { children: /* @__PURE__ */ jsx9(CreatedByCell, { subject: schedule.createdBySubject }) }) : null,
+            /* @__PURE__ */ jsx9(TableCell, { children: cadence }),
+            /* @__PURE__ */ jsx9(TableCell, { children: /* @__PURE__ */ jsx9(ScheduleStatusBadge, { status: schedule.status }) }),
+            /* @__PURE__ */ jsx9(TableCell, { children: runsLoading ? /* @__PURE__ */ jsx9("span", { className: "text-text-secondary text-sm", children: "\u2026" }) : /* @__PURE__ */ jsx9(ScheduleLastRunsCell, { runs: runsByScheduleId[schedule.id] ?? [] }) }),
+            /* @__PURE__ */ jsx9(TableCell, { className: "text-right", children: /* @__PURE__ */ jsx9(
               ScheduleRowActions,
               {
                 schedule,
                 running: runningScheduleIds.has(schedule.id),
+                canManage: allows(schedule.id, "MANAGE"),
+                canDelete: allows(schedule.id, "DELETE"),
                 onRunNow: () => void handleRunNow(schedule),
-                onEdit: () => setDrawer({ kind: "edit", schedule }),
+                onEdit: () => {
+                  if (allows(schedule.id, "MANAGE")) setDrawer({ kind: "edit", schedule });
+                },
                 onTogglePause: () => void handleTogglePause(schedule),
-                onDelete: () => setPendingDelete(schedule)
+                onDelete: () => {
+                  if (allows(schedule.id, "DELETE")) setPendingDelete(schedule);
+                }
               }
             ) })
           ] }, schedule.id);
         }) })
       ] }),
-      (filtered.length > 0 || hasPageNav) && /* @__PURE__ */ jsx8(
+      (filtered.length > 0 || hasPageNav) && /* @__PURE__ */ jsx9(
         TableTokenPagination,
         {
           pageSize,
@@ -1312,7 +1557,7 @@ function SchedulesPage() {
         }
       )
     ] }) }),
-    drawer.kind === "create" ? /* @__PURE__ */ jsx8(
+    drawer.kind === "create" ? /* @__PURE__ */ jsx9(
       ScheduleFormDrawer,
       {
         open: true,
@@ -1324,7 +1569,7 @@ function SchedulesPage() {
         onSaved: () => resetToFirstPage()
       }
     ) : null,
-    drawer.kind === "edit" ? /* @__PURE__ */ jsx8(
+    drawer.kind === "edit" ? /* @__PURE__ */ jsx9(
       ScheduleFormDrawer,
       {
         open: true,
@@ -1336,7 +1581,7 @@ function SchedulesPage() {
         onSaved: () => void loadSchedules({ token: pageToken, size: pageSize, agentId: agentFilter })
       }
     ) : null,
-    pendingDelete != null ? /* @__PURE__ */ jsxs6(
+    pendingDelete != null ? /* @__PURE__ */ jsxs7(
       Dialog,
       {
         open: true,
@@ -1346,17 +1591,25 @@ function SchedulesPage() {
         "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, { type: "button", variant: "secondary", onClick: () => setPendingDelete(null), children: "Cancel" }),
-            /* @__PURE__ */ jsx8(Button, { type: "button", variant: "destructive", onClick: () => void handleDelete(pendingDelete), children: "Delete" })
+          /* @__PURE__ */ jsxs7(DialogFooter, { children: [
+            /* @__PURE__ */ jsx9(Button.Secondary, { type: "button", onClick: () => setPendingDelete(null), children: "Cancel" }),
+            /* @__PURE__ */ jsx9(
+              Button.Destructive,
+              {
+                type: "button",
+                disabled: !allows(pendingDelete.id, "DELETE"),
+                onClick: () => void handleDelete(pendingDelete),
+                children: "Delete"
+              }
+            )
           ] })
         ]
       }
@@ -1373,4 +1626,4 @@ export {
   ScheduleLastRunsCell,
   SchedulesPage
 };
-//# sourceMappingURL=chunk-6O6FWUDW.js.map
+//# sourceMappingURL=chunk-UWLL327M.js.map