hermium 0.1.2 → 0.1.4

package/dist/web-server/_ssr/index-BLK6uN4p.mjs

@@ -0,0 +1,612 @@
+import { r as reactExports, j as jsxRuntimeExports } from "../_libs/react.mjs";
+import { u as useQueryClient, b as useMutation, a as useQuery } from "../_libs/tanstack__react-query.mjs";
+import { B as Button, a as cn, e as patch, p as post, f as del, g as get } from "./router-59cN5lqo.mjs";
+import { I as Input } from "./input-BQFduUUo.mjs";
+import { T as Textarea } from "./textarea-CK0ROhfF.mjs";
+import { S as IconPlus, F as IconRefresh, T as IconClock, U as IconPower, v as IconPencil, y as IconTrash, V as IconPlayerPlay, W as IconCalendar, X as IconChevronRight, G as IconLoader2 } from "../_libs/tabler__icons-react.mjs";
+import "../_libs/tanstack__query-core.mjs";
+import "../_libs/tanstack__react-router.mjs";
+import "../_libs/tanstack__router-core.mjs";
+import "../_libs/tanstack__history.mjs";
+import "../_libs/cookie-es.mjs";
+import "../_libs/seroval.mjs";
+import "../_libs/seroval-plugins.mjs";
+import "node:stream/web";
+import "node:stream";
+import "../_libs/react-dom.mjs";
+import "util";
+import "crypto";
+import "async_hooks";
+import "stream";
+import "../_libs/isbot.mjs";
+import "../_libs/clsx.mjs";
+import "../_libs/class-variance-authority.mjs";
+import "../_libs/zustand.mjs";
+import "../_libs/base-ui__react.mjs";
+import "../_libs/base-ui__utils.mjs";
+import "../_libs/use-sync-external-store.mjs";
+import "../_libs/floating-ui__utils.mjs";
+import "../_libs/floating-ui__react-dom.mjs";
+import "../_libs/floating-ui__dom.mjs";
+import "../_libs/floating-ui__core.mjs";
+import "../_libs/zod.mjs";
+const DialogContext = reactExports.createContext(null);
+function useDialog() {
+  const ctx = reactExports.useContext(DialogContext);
+  if (!ctx) throw new Error("Dialog components must be used within <Dialog>");
+  return ctx;
+}
+function Dialog({
+  open,
+  onOpenChange,
+  children
+}) {
+  const setOpen = reactExports.useCallback(
+    (v) => onOpenChange(v),
+    [onOpenChange]
+  );
+  reactExports.useEffect(() => {
+    if (!open) return;
+    const handleEsc = (e) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("keydown", handleEsc);
+    return () => document.removeEventListener("keydown", handleEsc);
+  }, [open, setOpen]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContext.Provider, { value: { open, setOpen }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-black/40 backdrop-blur-sm",
+        onClick: () => setOpen(false)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "relative w-full max-w-lg rounded-xl border border-border bg-card shadow-xl",
+        onClick: (e) => e.stopPropagation(),
+        children
+      }
+    ) })
+  ] });
+}
+function DialogContent({ children, className }) {
+  useDialog();
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("p-5", className), children });
+}
+function DialogHeader({ children, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("mb-4", className), children });
+}
+function DialogTitle({ children, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: cn("text-base font-semibold", className), children });
+}
+function DialogFooter({ children, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("flex items-center justify-end gap-2 mt-4", className), children });
+}
+function jobId(job) {
+  return job.job_id || job.id || "";
+}
+function jobName(job) {
+  return job.name || jobId(job) || "Untitled";
+}
+function describeCron(cron) {
+  const parts = cron.trim().split(/\s+/);
+  if (parts.length < 2) return cron;
+  const minute = parseInt(parts[0], 10);
+  const hour = parseInt(parts[1], 10);
+  if (isNaN(minute) || isNaN(hour)) return cron;
+  if (parts[1] === "*") {
+    return `At minute ${minute} past every hour`;
+  }
+  const timeStr = new Date(0, 0, 0, hour, minute).toLocaleTimeString([], {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+  if (parts.length >= 5) {
+    const dayField = parts.slice(2, 5).join(" ");
+    if (dayField === "* * 1-5") return `${timeStr} weekdays`;
+    if (dayField === "* * 0,6") return `${timeStr} weekends`;
+  }
+  return `${timeStr} daily`;
+}
+function scheduleText(schedule) {
+  if (!schedule) return "—";
+  if (typeof schedule === "string") return describeCron(schedule);
+  const raw = schedule.display || schedule.expr || JSON.stringify(schedule);
+  return describeCron(raw);
+}
+function formatSize(bytes) {
+  if (bytes < 1024) return `${bytes}B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)}KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)}MB`;
+}
+function timeAgo(iso) {
+  const d = new Date(iso);
+  const diff = Date.now() - d.getTime();
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hrs = Math.floor(mins / 60);
+  if (hrs < 24) return `${hrs}h ago`;
+  return `${Math.floor(hrs / 24)}d ago`;
+}
+function formatTime(iso) {
+  return new Date(iso).toLocaleString(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function useJobs() {
+  return useQuery({
+    queryKey: ["cron", "jobs"],
+    queryFn: () => get("/api/cron-history/jobs"),
+    refetchInterval: 3e4
+  });
+}
+function useCronRuns(jobId2) {
+  return useQuery({
+    queryKey: ["cron", "runs", jobId2],
+    queryFn: () => get(
+      `/api/cron-history${""}`
+    ),
+    refetchInterval: 15e3
+  });
+}
+function toCron(hour, minute, dayMode) {
+  if (dayMode === "hourly") return `${minute} * * * *`;
+  const base = `${minute} ${hour}`;
+  if (dayMode === "weekdays") return `${base} * * 1-5`;
+  if (dayMode === "weekends") return `${base} * * 0,6`;
+  return `${base} * * *`;
+}
+function describeSchedule(hour, minute, dayMode) {
+  if (dayMode === "hourly") return `At minute ${minute} past every hour`;
+  const timeStr = new Date(0, 0, 0, hour, minute).toLocaleTimeString([], {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+  const suffix = dayMode === "weekdays" ? "on weekdays" : dayMode === "weekends" ? "on weekends" : "daily";
+  return `Runs ${timeStr} ${suffix}`;
+}
+const PRESETS = [
+  { label: "Every hour", dayMode: "hourly", hour: 0, minute: 0 },
+  { label: "Daily 9AM", dayMode: "daily", hour: 9, minute: 0 },
+  { label: "Daily noon", dayMode: "daily", hour: 12, minute: 0 },
+  { label: "Daily 6PM", dayMode: "daily", hour: 18, minute: 0 },
+  { label: "Weekdays 9AM", dayMode: "weekdays", hour: 9, minute: 0 },
+  { label: "Weekdays noon", dayMode: "weekdays", hour: 12, minute: 0 }
+];
+function SchedulePicker({
+  value,
+  onChange
+}) {
+  const [dayMode, setDayMode] = reactExports.useState("daily");
+  const [hour, setHour] = reactExports.useState(9);
+  const [minute, setMinute] = reactExports.useState(0);
+  const [showRaw, setShowRaw] = reactExports.useState(false);
+  const [rawCron, setRawCron] = reactExports.useState(value || "");
+  const parsed = reactExports.useMemo(() => {
+    if (!value) return null;
+    const parts = value.trim().split(/\s+/);
+    if (parts.length < 2) return null;
+    const m = parseInt(parts[0], 10);
+    const h = parseInt(parts[1], 10);
+    if (isNaN(m) || isNaN(h)) return null;
+    return { hour: h, minute: m };
+  }, []);
+  const initialized = reactExports.useRef(false);
+  reactExports.useEffect(() => {
+    if (initialized.current || !parsed) return;
+    initialized.current = true;
+    setHour(parsed.hour);
+    setMinute(parsed.minute);
+    const parts = value.trim().split(/\s+/);
+    if (parts.length >= 5) {
+      const dayField = parts.slice(2, 5).join(" ");
+      if (dayField === "* * 1-5") setDayMode("weekdays");
+      else if (dayField === "* * 0,6") setDayMode("weekends");
+      else if (dayField === "* * *" || parts[2] === "*") setDayMode("daily");
+      if (parts[1] === "*") setDayMode("hourly");
+    }
+    setRawCron(value);
+  }, [parsed, value]);
+  const cronExpr = reactExports.useMemo(() => toCron(hour, minute, dayMode), [hour, minute, dayMode]);
+  const description = reactExports.useMemo(() => describeSchedule(hour, minute, dayMode), [hour, minute, dayMode]);
+  const handleTimeChange = (e) => {
+    const [h, m] = e.target.value.split(":").map(Number);
+    if (!isNaN(h)) setHour(h);
+    if (!isNaN(m)) setMinute(m);
+    if (dayMode === "hourly") setDayMode("daily");
+  };
+  const handlePreset = (preset) => {
+    setHour(preset.hour);
+    setMinute(preset.minute);
+    setDayMode(preset.dayMode);
+  };
+  const handleRawChange = (e) => {
+    setRawCron(e.target.value);
+  };
+  const effectiveCron = showRaw ? rawCron : cronExpr;
+  reactExports.useEffect(() => {
+    onChange(effectiveCron);
+  }, [effectiveCron]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs font-medium text-muted-foreground mb-1 block", children: "Schedule" }),
+    !showRaw ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "input",
+        {
+          type: "time",
+          value: `${String(hour).padStart(2, "0")}:${String(minute).padStart(2, "0")}`,
+          onChange: handleTimeChange,
+          className: "flex h-10 w-full rounded-lg border border-input bg-background px-3 py-2 text-sm shadow-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex rounded-lg border border-border overflow-hidden text-xs font-medium", children: [
+        { value: "daily", label: "Every day" },
+        { value: "weekdays", label: "Weekdays" },
+        { value: "weekends", label: "Weekends" }
+      ].map((d, i) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setDayMode(d.value),
+          className: cn(
+            "flex-1 px-3 py-1.5 transition-colors text-center",
+            i > 0 && "border-l border-border",
+            dayMode === d.value ? "bg-primary text-primary-foreground font-semibold" : "bg-background text-muted-foreground hover:bg-muted"
+          ),
+          children: d.label
+        },
+        d.value
+      )) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-wrap gap-1.5", children: PRESETS.map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handlePreset(p),
+          className: cn(
+            "px-2.5 py-1 rounded-md text-[11px] font-medium transition-colors",
+            hour === p.hour && minute === p.minute && dayMode === p.dayMode ? "bg-emerald-500/10 text-emerald-600 border border-emerald-500/20 shadow-xs" : "bg-muted/50 text-muted-foreground border border-border/50 hover:bg-muted hover:text-foreground"
+          ),
+          children: p.label
+        },
+        p.label
+      )) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(IconClock, { className: "h-3.5 w-3.5" }),
+        description
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "text-[11px] text-muted-foreground/60 font-mono", children: cronExpr }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setRawCron(cronExpr);
+              setShowRaw(true);
+            },
+            className: "text-[10px] text-muted-foreground/40 hover:text-muted-foreground underline underline-offset-2 transition-colors",
+            children: "Raw cron"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Input,
+        {
+          value: rawCron,
+          onChange: handleRawChange,
+          placeholder: "0 9 * * *",
+          className: "h-9 text-sm font-mono"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-[10px] text-muted-foreground flex items-center gap-1.5", children: [
+        "minute hour day month weekday",
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setShowRaw(false),
+            className: "underline underline-offset-2 hover:text-foreground ml-auto transition-colors",
+            children: "Use time picker"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function StatusDot({ status }) {
+  if (!status) return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-2 w-2 rounded-full bg-muted-foreground/30" });
+  const ok = status === "ok" || status === "success" || status === "completed";
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn("h-2 w-2 rounded-full", ok ? "bg-emerald-500" : "bg-red-500") });
+}
+function JobCard({
+  job,
+  onEdit,
+  onDelete,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn(
+    "rounded-xl border bg-card p-5 transition-colors group relative",
+    job.enabled !== false ? "border-border hover:border-emerald-500/30" : "border-border opacity-60"
+  ), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "absolute top-3 right-3 flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          className: "h-7 w-7",
+          onClick: (e) => {
+            e.stopPropagation();
+            onToggle();
+          },
+          title: job.enabled !== false ? "Disable" : "Enable",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPower, { className: cn("h-3.5 w-3.5", job.enabled !== false ? "text-emerald-500" : "text-muted-foreground") })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          className: "h-7 w-7",
+          onClick: (e) => {
+            e.stopPropagation();
+            onEdit();
+          },
+          title: "Edit",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconPencil, { className: "h-3.5 w-3.5 text-muted-foreground" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon-sm",
+          className: "h-7 w-7 hover:text-red-500",
+          onClick: (e) => {
+            e.stopPropagation();
+            onDelete();
+          },
+          title: "Delete",
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconTrash, { className: "h-3.5 w-3.5 text-muted-foreground" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3 mb-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2.5 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn(
+          "h-8 w-8 rounded-lg flex items-center justify-center shrink-0",
+          job.enabled !== false ? "bg-emerald-500/10 text-emerald-600" : "bg-muted text-muted-foreground"
+        ), children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconClock, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "text-sm font-semibold truncate pr-20", children: jobName(job) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-[11px] text-muted-foreground font-mono", children: scheduleText(job.schedule) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(StatusDot, { status: job.last_status })
+    ] }),
+    job.prompt && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed line-clamp-2 mb-3", children: job.prompt }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-4 text-[11px] text-muted-foreground", children: [
+      job.run_count != null && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(IconPlayerPlay, { className: "h-3 w-3" }),
+        job.run_count,
+        " runs"
+      ] }),
+      job.next_run_at && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(IconCalendar, { className: "h-3 w-3" }),
+        "Next: ",
+        formatTime(job.next_run_at)
+      ] }),
+      job.last_run_at && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: timeAgo(job.last_run_at) })
+    ] })
+  ] });
+}
+function RunRow({ run }) {
+  const [open, setOpen] = reactExports.useState(false);
+  const detail = useQuery({
+    queryKey: ["cron", "run", run.jobId, run.fileName],
+    queryFn: () => get(
+      `/api/cron-history/${encodeURIComponent(run.jobId)}/${encodeURIComponent(run.fileName)}`
+    ),
+    enabled: open
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-b border-border/50 last:border-b-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: "flex w-full items-center gap-3 px-4 py-2.5 text-left hover:bg-muted/30 transition-colors group",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IconChevronRight, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", open && "rotate-90") }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-foreground/80 min-w-[80px]", children: run.jobId }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground flex-1", children: run.runTime }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-[10px] text-muted-foreground/60 font-mono shrink-0", children: formatSize(run.size) })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 pb-4 pl-10", children: detail.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 py-3 text-muted-foreground text-xs", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(IconLoader2, { className: "h-3.5 w-3.5 animate-spin" }),
+      "Loading..."
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "text-[12px] font-mono leading-relaxed whitespace-pre-wrap text-foreground/80 bg-muted/30 rounded-lg p-3 border border-border/50 max-h-[400px] overflow-auto", children: detail.data?.content || "No output" }) })
+  ] });
+}
+function AutomationsPage() {
+  const queryClient = useQueryClient();
+  const jobs = useJobs();
+  const runs = useCronRuns(null);
+  const [showForm, setShowForm] = reactExports.useState(false);
+  const [editingJob, setEditingJob] = reactExports.useState(null);
+  const [formName, setFormName] = reactExports.useState("");
+  const [formSchedule, setFormSchedule] = reactExports.useState("");
+  const [formPrompt, setFormPrompt] = reactExports.useState("");
+  const refresh = reactExports.useCallback(() => {
+    jobs.refetch();
+    runs.refetch();
+  }, [jobs, runs]);
+  const createMut = useMutation({
+    mutationFn: (data) => post("/api/cron-history/jobs", data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["cron", "jobs"] });
+      setShowForm(false);
+    }
+  });
+  const updateMut = useMutation({
+    mutationFn: ({ id, data }) => patch(`/api/cron-history/jobs/${id}`, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["cron", "jobs"] });
+      setEditingJob(null);
+      setShowForm(false);
+    }
+  });
+  const deleteMut = useMutation({
+    mutationFn: (id) => del(`/api/cron-history/jobs/${id}`),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ["cron", "jobs"] })
+  });
+  const toggleMut = useMutation({
+    mutationFn: (id) => post(`/api/cron-history/jobs/${id}/toggle`, {}),
+    onSuccess: () => queryClient.invalidateQueries({ queryKey: ["cron", "jobs"] })
+  });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "shrink-0 border-b px-6 py-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "text-lg font-semibold", children: "Automations" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Scheduled cron jobs managed by the Hermes agent" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { size: "sm", variant: "outline", className: "gap-1.5", onClick: () => {
+          setEditingJob(null);
+          setFormName("");
+          setFormSchedule("");
+          setFormPrompt("");
+          setShowForm(true);
+        }, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IconPlus, { className: "h-4 w-4" }),
+          "New Job"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: refresh,
+            className: "flex items-center gap-1.5 text-sm text-muted-foreground hover:text-foreground transition-colors",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(IconRefresh, { className: cn("h-4 w-4", (jobs.isFetching || runs.isFetching) && "animate-spin") })
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showForm, onOpenChange: (v) => {
+        if (!v) {
+          setShowForm(false);
+          setEditingJob(null);
+        }
+      }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: editingJob ? "Edit Cron Job" : "New Cron Job" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs font-medium text-muted-foreground mb-1 block", children: "Name" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Input,
+              {
+                value: formName,
+                onChange: (e) => setFormName(e.target.value),
+                placeholder: "e.g. Daily weather report",
+                className: "h-9 text-sm"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SchedulePicker,
+            {
+              value: formSchedule,
+              onChange: setFormSchedule
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-xs font-medium text-muted-foreground mb-1 block", children: "Prompt" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Textarea,
+              {
+                value: formPrompt,
+                onChange: (e) => setFormPrompt(e.target.value),
+                placeholder: "What should the agent do when this job runs?",
+                className: "min-h-[80px] text-sm",
+                rows: 4
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "sm", variant: "ghost", onClick: () => {
+            setShowForm(false);
+            setEditingJob(null);
+          }, children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              size: "sm",
+              disabled: !formName.trim() || !formSchedule.trim(),
+              onClick: () => {
+                const data = { name: formName.trim(), schedule: formSchedule.trim(), prompt: formPrompt.trim() };
+                if (editingJob) {
+                  updateMut.mutate({ id: jobId(editingJob), data });
+                } else {
+                  createMut.mutate(data);
+                }
+              },
+              children: editingJob ? "Save Changes" : "Create Job"
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-6 pt-5 pb-2", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3", children: "Jobs" }),
+        jobs.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-xl border border-border bg-card h-36 animate-pulse", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "p-5 space-y-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-4 bg-muted rounded w-1/2" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-3 bg-muted rounded w-3/4" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-3 bg-muted rounded w-full" })
+        ] }) }, i)) }) : jobs.data?.jobs?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: jobs.data.jobs.map((job) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          JobCard,
+          {
+            job,
+            onEdit: () => {
+              setEditingJob(job);
+              setFormName(job.name || "");
+              setFormSchedule(scheduleText(job.schedule));
+              setFormPrompt(job.prompt || "");
+              setShowForm(true);
+            },
+            onDelete: () => deleteMut.mutate(jobId(job)),
+            onToggle: () => toggleMut.mutate(jobId(job))
+          },
+          jobId(job)
+        )) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "rounded-xl border border-dashed border-border bg-muted/20 py-12 text-center", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IconClock, { className: "h-8 w-8 text-muted-foreground/40 mx-auto mb-3" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm font-medium text-foreground", children: "No cron jobs yet" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
+            "Click ",
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium", children: "New Job" }),
+            " to create one"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "px-6 pb-6", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-3 mt-6", children: "Run History" }),
+        runs.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "space-y-1", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-10 bg-muted/30 rounded animate-pulse" }, i)) }) : runs.data?.runs?.length ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-xl border border-border bg-card overflow-hidden", children: runs.data.runs.slice(0, 50).map((run) => /* @__PURE__ */ jsxRuntimeExports.jsx(RunRow, { run }, `${run.jobId}/${run.fileName}`)) }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "rounded-xl border border-dashed border-border bg-muted/20 py-10 text-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "No runs yet" }) })
+      ] })
+    ] })
+  ] });
+}
+const SplitComponent = AutomationsPage;
+export {
+  SplitComponent as component
+};