@truefoundry/trueforge-ui 0.3.0-rc.2 → 0.3.0-rc.3

package/dist/{chunk-GXYAOAK5.js → chunk-GSJAYYLR.js}

@@ -24,29 +24,32 @@ import {
   Tooltip,
   auiInputClass,
   mountName,
-  searchAllAgents,
+  useResourcePermissions,
+  useSlot,
   useToasterOptional
-} from "./chunk-YQO2NMJ3.js";
+} from "./chunk-2O5EJ6QS.js";
 import {
   readScheduleShareSearch,
-  replaceScheduleShareSearch
-} from "./chunk-NHHSZB5N.js";
+  replaceScheduleShareSearch,
+  searchAllAgents
+} from "./chunk-KR7WYHVF.js";
 import {
   DraftCatalogProvider,
   Icon,
   PageHeader,
   auiButtonClass,
   useDraftCatalog
-} from "./chunk-H6WTY5PM.js";
+} from "./chunk-Q6TCT7ZJ.js";
 import {
   libraryAgentId,
   useOptionalCatalogServer,
+  useOptionalShellMode,
   useScheduleServer,
   useServer
-} from "./chunk-FQK2XVVE.js";
+} from "./chunk-PT4EENB3.js";
 import {
   cn
-} from "./chunk-BWHOZFIV.js";
+} from "./chunk-LXJMINS6.js";
 
 // src/atoms/schedules/SchedulesPage.tsx
 import { useCallback, useEffect as useEffect3, useMemo as useMemo2, useRef, useState as useState3 } from "react";
@@ -278,7 +281,9 @@ function ScheduleFormFields({
   agentId,
   onAgentIdChange,
   agentOptions,
-  agentPickerDisabled = false
+  agentOptionsLoaded = true,
+  agentPickerDisabled = false,
+  onBuildAgent
 }) {
   const cron = valuesToCron(values);
   const cadence = formatCadenceSummary({ cron, timezone: values.timezone });
@@ -302,7 +307,12 @@ function ScheduleFormFields({
           value: agentId,
           options: agentOptions.map((agent) => ({ value: agent.agentId, label: agent.name })),
           onValueChange: (value) => onAgentIdChange?.(value),
-          disabled: agentPickerDisabled || onAgentIdChange == null
+          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
         }
       )
     ] }),
@@ -334,107 +344,96 @@ 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__ */ 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) => {
+          const selected = values.recurrence === opt.value;
+          return /* @__PURE__ */ jsx(
+            "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__ */ 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." })
+        ] }) : 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) => {
+            const selected = values.weekdays.includes(day.value);
+            return /* @__PURE__ */ jsx(
+              "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__ */ 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(
+              PopoverSelect,
+              {
+                "aria-label": "Hour",
+                value: String(values.hour),
+                options: HOUR_OPTIONS,
+                onValueChange: (value) => set("hour", Number(value))
+              }
+            )
+          ] }) : 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(
+              PopoverSelect,
+              {
+                "aria-label": "Minute",
+                value: String(values.minute),
+                options: MINUTE_OPTIONS,
+                onValueChange: (value) => set("minute", Number(value))
+              }
+            )
+          ] }) : 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(
+              PopoverSelect,
+              {
+                "aria-label": "Timezone",
+                value: values.timezone,
+                options: timezoneOptions,
+                onValueChange: (value) => set("timezone", value),
+                menuClassName: "w-full min-w-0"
+              }
+            )
+          ] })
+        ] })
+      ] }) }),
+      /* @__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" })
+      ] }) })
     ] })
   ] });
 }
@@ -525,7 +524,7 @@ function ScheduleStatusBadge({ status }) {
     {
       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(
@@ -533,7 +532,7 @@ function ScheduleStatusBadge({ status }) {
           {
             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
           }
@@ -592,12 +591,12 @@ function TestScheduleScreen({ schedule, agentName, mcpMounts, onEditConfiguratio
     /* @__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: "Cadence", children: /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap items-center justify-end gap-1.5", children: [
+      /* @__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 })
       ] }) }),
-      /* @__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.Secondary, { type: "button", size: "small", onClick: onEditConfiguration, children: [
         /* @__PURE__ */ jsx5(Icon, { name: "pencil", className: "size-3.5" }),
         "Edit Configuration"
@@ -657,10 +656,12 @@ 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 [agentsLoaded, setAgentsLoaded] = useState2(false);
   const [view, setView] = useState2({ kind: "form" });
   const [saving, setSaving] = useState2(false);
   const [activating, setActivating] = useState2(false);
@@ -668,12 +669,19 @@ function ScheduleFormDrawerBody({
   const savedFromCreate = view.kind === "form" ? view.saved : view.schedule;
   const isExternalEdit = mode === "edit" && view.kind === "form" && view.saved == null && schedule != null;
   const isCreatedEdit = view.kind === "form" && view.saved != null;
+  const isInitialCreate = mode === "create" && view.kind === "form" && view.saved == null;
+  const { allows: allowsAgent } = useResourcePermissions({
+    resourceType: "agent",
+    resourceIds: agentId.length === 0 ? [] : [agentId]
+  });
   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;
@@ -720,8 +728,8 @@ function ScheduleFormDrawerBody({
   }, [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(
@@ -822,7 +830,7 @@ function ScheduleFormDrawerBody({
   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 Anyway" })
+      /* @__PURE__ */ jsx6(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: [
@@ -841,7 +849,7 @@ function ScheduleFormDrawerBody({
       title,
       description,
       anchor: "right",
-      size: "lg",
+      size: "xl",
       headerIcon: /* @__PURE__ */ jsx6("span", { className: "text-primary-button-bg inline-flex size-8 items-center justify-center", children: /* @__PURE__ */ jsx6(
         Icon,
         {
@@ -869,7 +877,12 @@ function ScheduleFormDrawerBody({
           agentId,
           onAgentIdChange: isExternalEdit || isCreatedEdit ? void 0 : setAgentId,
           agentOptions,
-          agentPickerDisabled: isExternalEdit || isCreatedEdit
+          agentOptionsLoaded: agentsLoaded,
+          agentPickerDisabled: isExternalEdit || isCreatedEdit,
+          onBuildAgent: mode === "create" && shell?.isComposerEnabled === true ? () => {
+            onOpenChange(false);
+            shell.openAgentBuilder();
+          } : void 0
         }
       ) })
     }
@@ -908,16 +921,28 @@ 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
 }) {
+  const PermissionGuard = useSlot("PermissionGuard");
   return /* @__PURE__ */ jsxs6("div", { className: "inline-flex items-center justify-end gap-1.5", children: [
-    /* @__PURE__ */ jsxs6(
+    /* @__PURE__ */ jsx8(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs6(
       Button.Secondary,
       {
         type: "button",
@@ -930,7 +955,7 @@ function ScheduleRowActions({
           "Run now"
         ]
       }
-    ),
+    ) }),
     /* @__PURE__ */ jsxs6(
       DropdownMenu,
       {
@@ -945,28 +970,32 @@ function ScheduleRowActions({
           }
         ),
         children: [
-          /* @__PURE__ */ jsxs6(DropdownMenuItem, { onClick: onEdit, children: [
+          /* @__PURE__ */ jsx8(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs6(DropdownMenuItem, { onClick: onEdit, children: [
             /* @__PURE__ */ jsx8(Icon, { name: "pencil", className: "size-3.5" }),
             "Edit"
-          ] }),
-          /* @__PURE__ */ jsxs6(DropdownMenuItem, { onClick: onTogglePause, children: [
+          ] }) }),
+          /* @__PURE__ */ jsx8(PermissionGuard, { allowed: canManage, children: /* @__PURE__ */ jsxs6(DropdownMenuItem, { onClick: onTogglePause, children: [
             /* @__PURE__ */ jsx8(Icon, { name: schedule.status === "active" ? "pause" : "play", className: "size-3.5" }),
             schedule.status === "active" ? "Pause" : "Resume"
-          ] }),
-          /* @__PURE__ */ jsxs6(DropdownMenuItem, { className: "text-failure-bg focus:text-failure-bg", onClick: onDelete, children: [
+          ] }) }),
+          /* @__PURE__ */ jsx8(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" }),
             "Delete"
-          ] })
+          ] }) })
         ]
       }
     )
   ] });
 }
-function SchedulesPage() {
+function SchedulesPage({ agentId }) {
   const scheduleServer = useScheduleServer();
   const server = useServer();
   const toaster = useToasterOptional();
   const [schedules, setSchedules] = useState3([]);
+  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());
@@ -977,8 +1006,20 @@ function SchedulesPage() {
   const [statusFilter, setStatusFilter] = useState3(
     () => filtersFromSearch(window.location.search).statusFilter
   );
-  const [agentFilter, setAgentFilter] = useState3(() => filtersFromSearch(window.location.search).agentFilter);
-  const [drawer, setDrawer] = useState3({ kind: "closed" });
+  const [agentFilter, setAgentFilter] = useState3(
+    () => 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
+  });
+  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);
@@ -1014,7 +1055,7 @@ function SchedulesPage() {
     [scheduleServer]
   );
   const loadSchedules = useCallback(
-    async ({ token, size, agentId }) => {
+    async ({ token, size, agentId: agentId2 }) => {
       const gen = ++loadGenRef.current;
       setLoading(true);
       setError(null);
@@ -1022,7 +1063,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);
@@ -1044,29 +1085,34 @@ 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(() => {
     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]);
+  }, [agentFilter, agentId, statusFilter, nameQuery]);
+  useEffect3(() => {
+    if (agentId === void 0) return;
+    setAgentFilter((current) => {
+      if (current === agentId) return current;
+      setPageToken(void 0);
+      setPrevTokenStack([]);
+      return agentId;
+    });
+  }, [agentId]);
   useEffect3(() => {
     if (didConsumeIsNewRef.current) return;
     const share = readScheduleShareSearch(window.location.search);
     if (!share.isNew) return;
     didConsumeIsNewRef.current = true;
-    setDrawer({
-      kind: "create",
-      ...share.agent != null ? { agentId: share.agent } : {}
-    });
     replaceScheduleShareSearch({ isNew: null });
   }, []);
   useEffect3(() => {
@@ -1075,17 +1121,18 @@ function SchedulesPage() {
       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);
     };
-  }, []);
+  }, [agentId]);
   useEffect3(() => {
     void loadSchedules({ token: pageToken, size: pageSize, agentId: agentFilter });
   }, [agentFilter, pageSize, pageToken, loadSchedules]);
@@ -1116,6 +1163,7 @@ function SchedulesPage() {
   }, [schedules, nameQuery, statusFilter]);
   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 });
@@ -1125,6 +1173,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 });
@@ -1142,6 +1191,7 @@ function SchedulesPage() {
     }
   };
   const handleDelete = async (schedule) => {
+    if (!allows(schedule.id, "DELETE")) return;
     setPendingDelete(null);
     try {
       await scheduleServer.deleteSchedule({ id: schedule.id });
@@ -1166,7 +1216,7 @@ function SchedulesPage() {
     /* @__PURE__ */ jsx8(
       PageHeader,
       {
-        title: "Scheduled Agents",
+        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(
@@ -1179,7 +1229,7 @@ function SchedulesPage() {
               "aria-label": "Filter by status"
             }
           ),
-          /* @__PURE__ */ jsx8(
+          agentId === void 0 ? /* @__PURE__ */ jsx8(
             PopoverSelect,
             {
               value: agentFilter,
@@ -1195,12 +1245,13 @@ function SchedulesPage() {
               className: "sm:w-40",
               "aria-label": "Filter by agent"
             }
-          ),
+          ) : null,
           /* @__PURE__ */ jsxs6(
             Button.Primary,
             {
               type: "button",
-              onClick: () => setDrawer({
+              disabled: !canCreateSchedule,
+              onClick: () => canCreateSchedule && setDrawer({
                 kind: "create",
                 agentId: agentFilter !== "all" ? agentFilter : void 0
               }),
@@ -1213,7 +1264,7 @@ 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("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(
         TableTokenPagination,
@@ -1238,7 +1289,7 @@ function SchedulesPage() {
         /* @__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: "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" }) })
@@ -1247,15 +1298,7 @@ function SchedulesPage() {
           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: "cursor-pointer text-left",
-                onClick: () => setDrawer({ kind: "edit", schedule }),
-                children: schedule.name
-              }
-            ) }),
+            /* @__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 }),
             /* @__PURE__ */ jsx8(TableCell, { children: cadence }),
             /* @__PURE__ */ jsx8(TableCell, { children: /* @__PURE__ */ jsx8(ScheduleStatusBadge, { status: schedule.status }) }),
@@ -1265,10 +1308,16 @@ function SchedulesPage() {
               {
                 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);
@@ -1337,7 +1386,15 @@ function SchedulesPage() {
           ] }) }),
           /* @__PURE__ */ jsxs6(DialogFooter, { children: [
             /* @__PURE__ */ jsx8(Button.Secondary, { type: "button", onClick: () => setPendingDelete(null), children: "Cancel" }),
-            /* @__PURE__ */ jsx8(Button.Destructive, { type: "button", onClick: () => void handleDelete(pendingDelete), children: "Delete" })
+            /* @__PURE__ */ jsx8(
+              Button.Destructive,
+              {
+                type: "button",
+                disabled: !allows(pendingDelete.id, "DELETE"),
+                onClick: () => void handleDelete(pendingDelete),
+                children: "Delete"
+              }
+            )
           ] })
         ]
       }
@@ -1354,4 +1411,4 @@ export {
   ScheduleLastRunsCell,
   SchedulesPage
 };
-//# sourceMappingURL=chunk-GXYAOAK5.js.map
+//# sourceMappingURL=chunk-GSJAYYLR.js.map