opencami 1.4.0 → 1.5.0

package/dist/server/assets/bots-screen-DS_ZF9Ec.js

@@ -1,417 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useMemo } from "react";
-import { HugeiconsIcon } from "@hugeicons/react";
-import { Loading01Icon, Clock01Icon, PlayIcon, SmartPhone01Icon, ArrowLeft01Icon } from "@hugeicons/core-free-icons";
-import { Link } from "@tanstack/react-router";
-import { c as cn, B as Button, b as buttonVariants } from "./button-DtQ3rV1m.js";
-import { motion, AnimatePresence } from "motion/react";
-import { S as Switch } from "./switch-DnX0MjGS.js";
-import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
-import "@base-ui/react/merge-props";
-import "@base-ui/react/use-render";
-import "class-variance-authority";
-import "clsx";
-import "tailwind-merge";
-import "@base-ui/react/switch";
-const CRON_JOBS_KEY = ["cron-jobs"];
-function useCronJobs() {
-  return useQuery({
-    queryKey: CRON_JOBS_KEY,
-    queryFn: async ({ signal }) => {
-      const controller = new AbortController();
-      const onAbort = () => controller.abort();
-      signal.addEventListener("abort", onAbort);
-      try {
-        const res = await fetch("/api/cron", { signal: controller.signal });
-        if (!res.ok) throw new Error("Failed to fetch cron jobs");
-        const data = await res.json();
-        return Array.isArray(data.jobs) ? data.jobs : [];
-      } finally {
-        signal.removeEventListener("abort", onAbort);
-      }
-    },
-    refetchInterval: 3e4
-  });
-}
-function useCronJobRuns(jobId) {
-  return useQuery({
-    queryKey: ["cron-job-runs", jobId],
-    queryFn: async ({ signal }) => {
-      if (!jobId) return [];
-      const controller = new AbortController();
-      const onAbort = () => controller.abort();
-      signal.addEventListener("abort", onAbort);
-      try {
-        const res = await fetch(`/api/cron?jobId=${encodeURIComponent(jobId)}`, {
-          signal: controller.signal
-        });
-        if (!res.ok) throw new Error("Failed to fetch cron job runs");
-        const data = await res.json();
-        return Array.isArray(data.runs) ? data.runs : [];
-      } finally {
-        signal.removeEventListener("abort", onAbort);
-      }
-    },
-    enabled: !!jobId
-  });
-}
-function useRunCronJob() {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async (jobId) => {
-      const controller = new AbortController();
-      const res = await fetch("/api/cron", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ jobId }),
-        signal: controller.signal
-      });
-      if (!res.ok) throw new Error("Failed to run cron job");
-      return res.json();
-    },
-    onSuccess: () => {
-      void queryClient.invalidateQueries({ queryKey: CRON_JOBS_KEY });
-    }
-  });
-}
-function useToggleCronJob() {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({ jobId, enabled }) => {
-      const controller = new AbortController();
-      const res = await fetch("/api/cron", {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ jobId, patch: { enabled } }),
-        signal: controller.signal
-      });
-      if (!res.ok) throw new Error("Failed to update cron job");
-      return res.json();
-    },
-    onSuccess: () => {
-      void queryClient.invalidateQueries({ queryKey: CRON_JOBS_KEY });
-    }
-  });
-}
-function formatDuration(ms) {
-  if (!ms || ms <= 0) return "—";
-  if (ms < 1e3) return `${ms}ms`;
-  if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
-  return `${(ms / 6e4).toFixed(1)}m`;
-}
-function formatTime(ts) {
-  if (!ts) return "—";
-  return new Date(ts).toLocaleString();
-}
-function CronJobDetail({ job }) {
-  const runsQuery = useCronJobRuns(job.id);
-  const runs = runsQuery.data ?? [];
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      initial: { height: 0, opacity: 0 },
-      animate: { height: "auto", opacity: 1 },
-      exit: { height: 0, opacity: 0 },
-      transition: { duration: 0.15 },
-      className: "overflow-hidden",
-      children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-primary-200 bg-primary-50 px-4 py-3", children: [
-        (job.payload.message || job.payload.prompt) && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-primary-500", children: "Prompt / Message" }),
-          /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words rounded bg-primary-100 p-2 text-sm text-primary-800", children: job.payload.message ?? job.payload.prompt })
-        ] }),
-        job.delivery && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-primary-500", children: "Delivery" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3 text-sm text-primary-700", children: [
-            job.delivery.mode && /* @__PURE__ */ jsxs("span", { children: [
-              "Mode: ",
-              /* @__PURE__ */ jsx("strong", { children: job.delivery.mode })
-            ] }),
-            job.delivery.channel && /* @__PURE__ */ jsxs("span", { children: [
-              "Channel: ",
-              /* @__PURE__ */ jsx("strong", { children: job.delivery.channel })
-            ] }),
-            job.delivery.to && /* @__PURE__ */ jsxs("span", { children: [
-              "To: ",
-              /* @__PURE__ */ jsx("strong", { children: job.delivery.to })
-            ] })
-          ] })
-        ] }),
-        job.payload.model && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-primary-500", children: "Model" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-700 font-mono", children: job.payload.model })
-        ] }),
-        job.state?.lastError && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-red-500", children: "Last Error" }),
-          /* @__PURE__ */ jsx("p", { className: "rounded bg-red-50 p-2 font-mono text-xs text-red-700", children: job.state.lastError })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-primary-500", children: "Recent Runs" }),
-          runsQuery.isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-primary-500", children: [
-            /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Loading01Icon, size: 14, className: "animate-spin" }),
-            "Loading..."
-          ] }) : runs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-400", children: "No run history available" }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: runs.slice(0, 5).map((run) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1 text-sm", children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: cn(
-                  "inline-block h-2 w-2 shrink-0 rounded-full",
-                  run.status === "ok" ? "bg-green-500" : "bg-red-500"
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Clock01Icon, size: 12, className: "text-primary-500" }),
-            /* @__PURE__ */ jsx("span", { className: "tabular-nums text-xs text-primary-600", children: formatTime(run.ranAt) }),
-            /* @__PURE__ */ jsx("span", { className: "tabular-nums text-xs text-primary-500", children: formatDuration(run.durationMs) }),
-            run.error && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-red-500", children: run.error })
-          ] }, run.id)) })
-        ] })
-      ] })
-    }
-  );
-}
-function parseCronExpr(expr) {
-  const parts = expr.trim().split(/\s+/);
-  if (parts.length < 5) return expr;
-  const [min, hour, dom, mon, dow] = parts;
-  const timeStr = `${hour.padStart(2, "0")}:${min.padStart(2, "0")}`;
-  if (dom === "*" && mon === "*" && dow === "*") return `Daily at ${timeStr}`;
-  if (dom === "*" && mon === "*" && dow !== "*") {
-    const days = {
-      "0": "Sun",
-      "1": "Mon",
-      "2": "Tue",
-      "3": "Wed",
-      "4": "Thu",
-      "5": "Fri",
-      "6": "Sat",
-      "7": "Sun"
-    };
-    const dayNames = dow.split(",").map((d) => days[d] ?? d).join(", ");
-    return `${dayNames} at ${timeStr}`;
-  }
-  return expr;
-}
-function humanSchedule(job) {
-  const schedule = job.schedule;
-  if (schedule.kind === "every" && schedule.expr) return `Every ${schedule.expr}`;
-  if (schedule.kind === "at" && schedule.expr) return `Once at ${schedule.expr}`;
-  if (schedule.kind === "cron" && schedule.expr) return parseCronExpr(schedule.expr);
-  return schedule.expr ?? "Unknown";
-}
-function formatRelativeMs$1(ms) {
-  if (!ms) return "—";
-  const diff = Date.now() - ms;
-  if (diff < 6e4) return "just now";
-  if (diff < 36e5) return `${Math.floor(diff / 6e4)}m ago`;
-  if (diff < 864e5) return `${Math.floor(diff / 36e5)}h ago`;
-  return new Date(ms).toLocaleDateString();
-}
-function formatFutureMs(ms) {
-  if (!ms) return "—";
-  const diff = ms - Date.now();
-  if (diff < 0) return "overdue";
-  if (diff < 6e4) return "in <1m";
-  if (diff < 36e5) return `in ${Math.floor(diff / 6e4)}m`;
-  if (diff < 864e5) return `in ${Math.floor(diff / 36e5)}h`;
-  return new Date(ms).toLocaleDateString();
-}
-function CronJobTable({ jobs }) {
-  const [expandedId, setExpandedId] = useState(null);
-  const runMutation = useRunCronJob();
-  const toggleMutation = useToggleCronJob();
-  const handleToggle = useCallback(
-    (job) => {
-      toggleMutation.mutate({ jobId: job.id, enabled: !job.enabled });
-    },
-    [toggleMutation]
-  );
-  const handleRun = useCallback(
-    (jobId) => {
-      runMutation.mutate(jobId);
-    },
-    [runMutation]
-  );
-  if (jobs.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: "py-8 text-center text-sm text-primary-500", children: "No cron jobs configured" });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "divide-y divide-primary-200", children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_auto_auto_auto_auto] gap-3 bg-primary-50 px-4 py-2 text-xs font-medium text-primary-500", children: [
-      /* @__PURE__ */ jsx("div", { children: "Name" }),
-      /* @__PURE__ */ jsx("div", { className: "w-44", children: "Schedule" }),
-      /* @__PURE__ */ jsx("div", { className: "w-20 text-center", children: "Last Run" }),
-      /* @__PURE__ */ jsx("div", { className: "w-16 text-center", children: "Status" }),
-      /* @__PURE__ */ jsx("div", { className: "w-20 text-center", children: "Next Run" }),
-      /* @__PURE__ */ jsx("div", { className: "w-24 text-right", children: "Actions" })
-    ] }),
-    jobs.map((job) => {
-      const isExpanded = expandedId === job.id;
-      const isRunning = runMutation.isPending && runMutation.variables === job.id;
-      return /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => setExpandedId(isExpanded ? null : job.id),
-            className: cn(
-              "grid w-full grid-cols-[1fr_auto_auto_auto_auto_auto] gap-3 px-4 py-3 text-left text-sm",
-              "transition-colors duration-100 hover:bg-primary-100",
-              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300",
-              isExpanded && "bg-primary-100"
-            ),
-            children: [
-              /* @__PURE__ */ jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsx("span", { className: cn("block truncate font-medium", !job.enabled && "text-primary-400"), children: job.name ?? job.id }) }),
-              /* @__PURE__ */ jsx("div", { className: "w-44 truncate text-primary-600", children: humanSchedule(job) }),
-              /* @__PURE__ */ jsx("div", { className: "w-20 text-center tabular-nums text-primary-500", children: formatRelativeMs$1(job.state?.lastRunAtMs) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex w-16 justify-center", children: [
-                job.state?.lastStatus === "ok" && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-green-100 px-1.5 py-0.5 text-xs font-medium text-green-700", children: "ok" }),
-                job.state?.lastStatus === "error" && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-red-100 px-1.5 py-0.5 text-xs font-medium text-red-700", children: "error" }),
-                !job.state?.lastStatus && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-full bg-primary-100 px-1.5 py-0.5 text-xs font-medium text-primary-400", children: "—" })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "w-20 text-center tabular-nums text-primary-500", children: formatFutureMs(job.state?.nextRunAtMs) }),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: "flex w-24 items-center justify-end gap-2",
-                  onClick: (event) => event.stopPropagation(),
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      Switch,
-                      {
-                        checked: job.enabled,
-                        onCheckedChange: () => handleToggle(job),
-                        "aria-label": `${job.enabled ? "Disable" : "Enable"} ${job.name ?? job.id}`,
-                        disabled: toggleMutation.isPending
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        variant: "ghost",
-                        size: "icon-sm",
-                        onClick: () => handleRun(job.id),
-                        disabled: isRunning,
-                        "aria-label": `Run ${job.name ?? job.id} now`,
-                        children: /* @__PURE__ */ jsx(
-                          HugeiconsIcon,
-                          {
-                            icon: isRunning ? Loading01Icon : PlayIcon,
-                            size: 16,
-                            className: cn(isRunning && "animate-spin")
-                          }
-                        )
-                      }
-                    )
-                  ]
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(AnimatePresence, { children: isExpanded && /* @__PURE__ */ jsx(CronJobDetail, { job }) })
-      ] }, job.id);
-    })
-  ] });
-}
-function formatRelativeMs(ms) {
-  if (!ms) return "never";
-  const diff = Date.now() - ms;
-  if (diff < 6e4) return "just now";
-  if (diff < 36e5) return `${Math.floor(diff / 6e4)}m ago`;
-  if (diff < 864e5) return `${Math.floor(diff / 36e5)}h ago`;
-  return new Date(ms).toLocaleDateString();
-}
-function extractBotName(jobName) {
-  for (const separator of [" - ", " | ", ": ", " / "]) {
-    const index = jobName.indexOf(separator);
-    if (index > 0) return jobName.substring(0, index).trim();
-  }
-  return jobName;
-}
-function groupJobsIntoBots(jobs) {
-  const grouped = /* @__PURE__ */ new Map();
-  for (const job of jobs) {
-    const name = extractBotName(job.name ?? job.id);
-    const existing = grouped.get(name);
-    if (existing) {
-      existing.push(job);
-    } else {
-      grouped.set(name, [job]);
-    }
-  }
-  return Array.from(grouped.entries()).map(([name, groupedJobs]) => ({ name, jobs: groupedJobs })).sort((a, b) => a.name.localeCompare(b.name));
-}
-function BotCard({ bot }) {
-  const lastActivity = bot.jobs.reduce((max, job) => Math.max(max, job.state?.lastRunAtMs ?? 0), 0);
-  const hasErrors = bot.jobs.some((job) => job.state?.lastStatus === "error");
-  return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-primary-200 bg-primary-50 p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx("div", { className: cn("rounded-lg p-2", hasErrors ? "bg-red-100" : "bg-primary-100"), children: /* @__PURE__ */ jsx(
-      HugeiconsIcon,
-      {
-        icon: SmartPhone01Icon,
-        size: 24,
-        strokeWidth: 1.5,
-        className: hasErrors ? "text-red-600" : "text-primary-600"
-      }
-    ) }),
-    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx("h3", { className: "truncate font-medium text-primary-900", children: bot.name }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-1 flex items-center gap-2 text-xs text-primary-500", children: [
-        /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Clock01Icon, size: 12 }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          "Last active: ",
-          formatRelativeMs(lastActivity || void 0)
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxs("span", { className: "rounded-full bg-primary-100 px-2 py-0.5 text-xs text-primary-600", children: [
-        bot.jobs.length,
-        " job",
-        bot.jobs.length !== 1 ? "s" : ""
-      ] }) })
-    ] })
-  ] }) });
-}
-function BotsScreen() {
-  const cronJobsQuery = useCronJobs();
-  const jobs = cronJobsQuery.data ?? [];
-  const bots = useMemo(() => groupJobsIntoBots(jobs), [jobs]);
-  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen flex-col bg-surface text-primary-900", children: [
-    /* @__PURE__ */ jsx("header", { className: "border-b border-primary-200 bg-primary-100 px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(Link, { to: "/new", className: cn(buttonVariants({ variant: "ghost", size: "icon-sm" })), children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArrowLeft01Icon, size: 20, strokeWidth: 1.5 }) }),
-      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: SmartPhone01Icon, size: 24, strokeWidth: 1.5, className: "text-primary-600" }),
-      /* @__PURE__ */ jsx("h1", { className: "text-lg font-semibold text-primary-900", children: "Cron Jobs" })
-    ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto", children: cronJobsQuery.isLoading ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Loading01Icon, size: 24, className: "animate-spin text-primary-400" }) }) : cronJobsQuery.isError ? /* @__PURE__ */ jsxs("div", { className: "p-6 text-center", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600", children: cronJobsQuery.error instanceof Error ? cronJobsQuery.error.message : "Failed to load cron jobs" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => void cronJobsQuery.refetch(),
-          className: "mt-2 text-sm text-primary-600 underline hover:text-primary-900",
-          children: "Retry"
-        }
-      )
-    ] }) : /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-6 p-6", children: [
-      bots.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
-        /* @__PURE__ */ jsxs("h2", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-primary-500", children: [
-          /* @__PURE__ */ jsx(HugeiconsIcon, { icon: SmartPhone01Icon, size: 16 }),
-          "Bots (",
-          bots.length,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: bots.map((bot) => /* @__PURE__ */ jsx(BotCard, { bot }, bot.name)) })
-      ] }),
-      /* @__PURE__ */ jsxs("section", { children: [
-        /* @__PURE__ */ jsxs("h2", { className: "mb-3 flex items-center gap-2 text-sm font-medium text-primary-500", children: [
-          /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Clock01Icon, size: 16 }),
-          "All Cron Jobs (",
-          jobs.length,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-lg border border-primary-200 bg-white", children: /* @__PURE__ */ jsx(CronJobTable, { jobs }) })
-      ] })
-    ] }) })
-  ] });
-}
-export {
-  BotsScreen
-};