opencami 1.4.0 → 1.5.0

package/dist/server/assets/{agents-screen-CqQPJndp.js → agents-screen-bmrIyFbk.js}

@@ -4,10 +4,10 @@ import { useQueryClient, useQuery } from "@tanstack/react-query";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { SidebarLeft01Icon, ArrowLeft01Icon, Add01Icon, Loading02Icon, PencilEdit01Icon, Delete01Icon, Cancel01Icon, Alert01Icon } from "@hugeicons/core-free-icons";
 import { motion, AnimatePresence } from "motion/react";
-import { c as cn, b as buttonVariants, B as Button } from "./button-DtQ3rV1m.js";
-import { S as Switch } from "./switch-DnX0MjGS.js";
+import { c as cn, b as buttonVariants, B as Button } from "./button-CwY2OHFj.js";
+import { S as Switch } from "./switch-BbkUeVDV.js";
 import { Link } from "@tanstack/react-router";
-import { d as chatUiQueryKey, g as getChatUiState, s as setChatUiState, T as TooltipProvider, a as TooltipRoot, b as TooltipTrigger, c as TooltipContent } from "./tooltip-gbV6rEVv.js";
+import { d as chatUiQueryKey, g as getChatUiState, s as setChatUiState, T as TooltipProvider, a as TooltipRoot, b as TooltipTrigger, c as TooltipContent } from "./tooltip-DgsSPocE.js";
 import { O as OpenCamiLogo, a as OpenCamiText } from "./opencami-logo-C-43FL3R.js";
 import "@base-ui/react/merge-props";
 import "@base-ui/react/use-render";
@@ -38,45 +38,49 @@ function AgentCard({
   const isMain = agent.isDefault || agent.id === "main";
   const displayName = agent.name || agent.id.charAt(0).toUpperCase() + agent.id.slice(1);
   const shortModel = agent.model ? agent.model.split("/").pop() : void 0;
-  return /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-primary-200 bg-surface p-4 hover:border-primary-300 transition-colors", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative flex size-12 shrink-0 items-center justify-center rounded-xl bg-primary-100 text-xl", children: [
+  return /* @__PURE__ */ jsx("div", { className: "group rounded-lg border border-primary-100 bg-surface p-4 transition-all duration-150 ease-out hover:border-primary-200 hover:shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative flex size-12 shrink-0 items-center justify-center rounded-lg bg-primary-50 text-xl", children: [
       agent.emoji || "🤖",
-      isMain && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 size-3 rounded-full bg-green-500 ring-2 ring-surface" })
+      isMain && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 size-3 rounded-full bg-emerald-500 ring-2 ring-surface" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-primary-900 truncate", children: displayName }),
-        displayName !== agent.id && /* @__PURE__ */ jsx("span", { className: "text-xs text-primary-400 font-mono", children: agent.id }),
-        isMain && /* @__PURE__ */ jsx("span", { className: "rounded bg-green-500/15 px-1.5 py-0.5 text-[10px] font-medium text-green-600 dark:text-green-400", children: "PRIMARY" })
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-[13px] font-semibold text-primary-900 leading-tight truncate", children: displayName }),
+          displayName !== agent.id && /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-primary-400 shrink-0", children: agent.id })
+        ] }),
+        isMain && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-emerald-50 text-emerald-600 border border-emerald-100 shrink-0", children: "Primary" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 text-xs text-primary-500 mb-2", children: [
-        shortModel && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-md bg-primary-100 px-2 py-0.5 font-mono text-[11px] text-primary-600 truncate max-w-[250px]", children: shortModel }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 mb-3", children: [
+        shortModel && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[10px] font-mono rounded-full bg-primary-50 text-primary-600 border border-primary-100 truncate max-w-[200px]", children: shortModel }),
         agent.sandbox !== void 0 && /* @__PURE__ */ jsx("span", { className: cn(
-          "inline-flex items-center rounded-md px-2 py-0.5 text-[11px] font-medium",
-          agent.sandbox ? "bg-amber-500/15 text-amber-600 dark:text-amber-400" : "bg-primary-100 text-primary-500"
-        ), children: agent.sandbox ? "🔒 Sandbox" : "🔓 No sandbox" }),
-        agent.sessionScope && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded-md bg-primary-100 px-2 py-0.5 text-[11px] text-primary-500", children: agent.sessionScope === "per-sender" ? "👤 Per-sender" : "🌐 Global" })
+          "inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full border",
+          agent.sandbox ? "bg-amber-50 text-amber-600 border-amber-100" : "bg-primary-50 text-primary-500 border-primary-100"
+        ), children: agent.sandbox ? "🔒 Sandbox" : "🔓 Open" }),
+        agent.sessionScope && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full bg-primary-50 text-primary-500 border border-primary-100", children: agent.sessionScope === "per-sender" ? "👤 Per-sender" : "🌐 Global" })
       ] }),
       agent.tools && agent.tools.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1 mb-2", children: [
-        agent.tools.slice(0, 8).map((tool) => /* @__PURE__ */ jsx("span", { className: "inline-flex items-center rounded bg-blue-500/10 px-1.5 py-0.5 text-[10px] font-mono text-blue-600 dark:text-blue-400", children: tool }, tool)),
-        agent.tools.length > 8 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-primary-400", children: [
+        agent.tools.slice(0, 6).map((tool) => /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-1.5 py-0.5 text-[10px] font-mono rounded bg-sky-50 text-sky-600 border border-sky-100", children: tool }, tool)),
+        agent.tools.length > 6 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-primary-400", children: [
           "+",
-          agent.tools.length - 8,
+          agent.tools.length - 6,
           " more"
         ] })
       ] }),
-      agent.channelBindings && agent.channelBindings.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: agent.channelBindings.map((ch) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center rounded bg-purple-500/10 px-1.5 py-0.5 text-[10px] text-purple-600 dark:text-purple-400", children: [
+      agent.channelBindings && agent.channelBindings.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 mb-2", children: agent.channelBindings.map((ch) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center px-1.5 py-0.5 text-[10px] rounded bg-violet-50 text-violet-600 border border-violet-100", children: [
         "#",
         ch
       ] }, ch)) }),
-      agent.workspace && /* @__PURE__ */ jsx("div", { className: "text-[11px] font-mono text-primary-400 truncate", title: agent.workspace, children: agent.workspace }),
-      agent.activeSessions !== void 0 && agent.activeSessions > 0 && /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-primary-400 mt-1", children: [
-        agent.activeSessions,
-        " active session",
-        agent.activeSessions !== 1 ? "s" : ""
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pt-2 border-t border-primary-50", children: [
+        agent.workspace && /* @__PURE__ */ jsx("span", { className: "text-[11px] font-mono text-primary-400 truncate", title: agent.workspace, children: agent.workspace }),
+        agent.activeSessions !== void 0 && agent.activeSessions > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-primary-400", children: [
+          agent.activeSessions,
+          " active session",
+          agent.activeSessions !== 1 ? "s" : ""
+        ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity duration-150", children: [
       /* @__PURE__ */ jsx(Button, { size: "icon-sm", variant: "ghost", onClick: onEdit, "aria-label": "Edit agent", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: PencilEdit01Icon, size: 16, strokeWidth: 1.5 }) }),
       !isMain && /* @__PURE__ */ jsx(Button, { size: "icon-sm", variant: "ghost", onClick: onDelete, "aria-label": "Delete agent", className: "text-red-500 hover:text-red-600", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Delete01Icon, size: 16, strokeWidth: 1.5 }) })
     ] })
@@ -144,8 +148,8 @@ function AgentForm({
       /* @__PURE__ */ jsx(Button, { size: "icon-sm", variant: "ghost", onClick: onCancel, children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Cancel01Icon, size: 18, strokeWidth: 1.5 }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-primary-200 bg-surface p-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-500 uppercase tracking-wider mb-3", children: "Basic Info" }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-primary-100 bg-surface p-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-3", children: "Basic Info" }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "col-span-2 sm:col-span-1", children: [
             /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: "Name" }),
@@ -185,8 +189,8 @@ function AgentForm({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-primary-200 bg-surface p-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-500 uppercase tracking-wider mb-3", children: "Model & Config" }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-primary-100 bg-surface p-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-3", children: "Model & Config" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("label", { className: "block text-xs text-primary-600 mb-1", children: "Model" }),
@@ -236,8 +240,8 @@ function AgentForm({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-primary-200 bg-surface p-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-500 uppercase tracking-wider mb-3", children: "Tools" }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-primary-100 bg-surface p-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-3", children: "Tools" }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
           /* @__PURE__ */ jsx(
             TagInput,
@@ -259,8 +263,8 @@ function AgentForm({
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-primary-200 bg-surface p-4", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-500 uppercase tracking-wider mb-3", children: "Channel Bindings" }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-primary-100 bg-surface p-4", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-3", children: "Channel Bindings" }),
         /* @__PURE__ */ jsx(
           TagInput,
           {
@@ -549,7 +553,11 @@ function AgentsScreen() {
             },
             agent.id
           )),
-          agents.length === 0 && /* @__PURE__ */ jsx("div", { className: "text-center py-16 text-sm text-primary-400", children: "No agents found. Create one to get started." })
+          agents.length === 0 && /* @__PURE__ */ jsxs("div", { className: "py-12 text-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "inline-flex items-center justify-center w-12 h-12 rounded-lg bg-primary-50 mb-3", children: /* @__PURE__ */ jsx("span", { className: "text-2xl", children: "🤖" }) }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-500", children: "No agents found" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-400 mt-1", children: "Create one to get started" })
+          ] })
         ] }) : view === "create" ? /* @__PURE__ */ jsx(
           AgentForm,
           {

package/dist/server/assets/{bots-6ryCIgKh.js → bots-Byt6jv0a.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Suspense, lazy } from "react";
-const BotsScreen = lazy(() => import("./bots-screen-DS_ZF9Ec.js").then((m) => ({
+const BotsScreen = lazy(() => import("./bots-screen-C2TGFv42.js").then((m) => ({
   default: m.BotsScreen
 })));
 function BotsRoute() {

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

@@ -0,0 +1,474 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo } from "react";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Loading02Icon, Clock01Icon, Calendar01Icon, PlayIcon, SmartPhone01Icon, ArrowLeft01Icon } from "@hugeicons/core-free-icons";
+import { Link } from "@tanstack/react-router";
+import { motion, AnimatePresence } from "motion/react";
+import { c as cn, B as Button } from "./button-CwY2OHFj.js";
+import { S as Switch } from "./switch-BbkUeVDV.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-4 border-t border-primary-100 bg-primary-50/50 px-4 py-4", children: [
+        (job.payload.message || job.payload.prompt) && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-2", children: "Prompt / Message" }),
+          /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap break-words rounded-lg bg-surface border border-primary-100 p-3 text-sm text-primary-700 leading-relaxed", children: job.payload.message ?? job.payload.prompt })
+        ] }),
+        job.delivery && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-2", children: "Delivery" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            job.delivery.mode && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-surface text-primary-600 border border-primary-100", children: [
+              "Mode: ",
+              job.delivery.mode
+            ] }),
+            job.delivery.channel && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-surface text-primary-600 border border-primary-100", children: [
+              "Channel: ",
+              job.delivery.channel
+            ] }),
+            job.delivery.to && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-surface text-primary-600 border border-primary-100", children: [
+              "To: ",
+              job.delivery.to
+            ] })
+          ] })
+        ] }),
+        job.payload.model && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-2", children: "Model" }),
+          /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[10px] font-mono rounded-full bg-surface text-primary-600 border border-primary-100", children: job.payload.model })
+        ] }),
+        job.state?.lastError && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-red-500 uppercase tracking-wider mb-2", children: "Last Error" }),
+          /* @__PURE__ */ jsx("p", { className: "rounded-lg bg-red-50 border border-red-100 p-3 font-mono text-xs text-red-600 leading-relaxed", children: job.state.lastError })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h5", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-2", children: "Recent Runs" }),
+          runsQuery.isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-primary-500", children: [
+            /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Loading02Icon, size: 12, className: "animate-spin" }),
+            "Loading..."
+          ] }) : runs.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-400", children: "No run history available" }) : /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: runs.slice(0, 5).map((run) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-1.5 px-2 rounded-md bg-surface border border-primary-50", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "inline-block h-2 w-2 shrink-0 rounded-full",
+                  run.status === "ok" ? "bg-emerald-500" : "bg-red-500"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Clock01Icon, size: 11, strokeWidth: 1.5, className: "text-primary-400" }),
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums text-[11px] text-primary-600", children: formatTime(run.ranAt) }),
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums text-[11px] text-primary-400", children: formatDuration(run.durationMs) }),
+            run.error && /* @__PURE__ */ jsx("span", { className: "truncate text-[11px] text-red-500 ml-auto", 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 StatusBadge({ status }) {
+  if (status === "ok") {
+    return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-emerald-50 text-emerald-600 border border-emerald-100", children: "ok" });
+  }
+  if (status === "error") {
+    return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-red-50 text-red-600 border border-red-100", children: "error" });
+  }
+  return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-primary-50 text-primary-400 border border-primary-100", children: "—" });
+}
+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 null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: jobs.map((job) => {
+    const isExpanded = expandedId === job.id;
+    const isRunning = runMutation.isPending && runMutation.variables === job.id;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "group rounded-lg border border-primary-100 bg-surface transition-all duration-150 ease-out",
+          isExpanded ? "border-primary-200 shadow-sm" : "hover:border-primary-200 hover:shadow-sm"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setExpandedId(isExpanded ? null : job.id),
+              className: cn(
+                "w-full p-4 text-left",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-300 focus-visible:rounded-lg"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [
+                  /* @__PURE__ */ jsx("h4", { className: cn(
+                    "text-[13px] font-semibold leading-tight truncate",
+                    job.enabled ? "text-primary-900" : "text-primary-400"
+                  ), children: job.name ?? job.id }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
+                    !job.enabled && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-primary-50 text-primary-400 border border-primary-100", children: "Disabled" }),
+                    /* @__PURE__ */ jsx(StatusBadge, { status: job.state?.lastStatus })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-500 leading-relaxed mb-3", children: humanSchedule(job) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2 border-t border-primary-50", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+                    /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-primary-400 flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Clock01Icon, size: 11, strokeWidth: 1.5 }),
+                      "Last: ",
+                      formatRelativeMs$1(job.state?.lastRunAtMs)
+                    ] }),
+                    /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-primary-400 flex items-center gap-1", children: [
+                      /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Calendar01Icon, size: 11, strokeWidth: 1.5 }),
+                      "Next: ",
+                      formatFutureMs(job.state?.nextRunAtMs)
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "flex items-center 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`,
+                            className: "text-primary-500 hover:text-primary-700",
+                            children: /* @__PURE__ */ jsx(
+                              HugeiconsIcon,
+                              {
+                                icon: isRunning ? Loading02Icon : PlayIcon,
+                                size: 16,
+                                strokeWidth: 1.5,
+                                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");
+  const enabledCount = bot.jobs.filter((job) => job.enabled).length;
+  return /* @__PURE__ */ jsxs("div", { className: "group rounded-lg border border-primary-100 bg-surface p-4 transition-all duration-150 ease-out hover:border-primary-200 hover:shadow-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 mb-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: cn(
+          "flex items-center justify-center w-10 h-10 rounded-lg",
+          hasErrors ? "bg-red-50" : "bg-primary-50"
+        ), children: /* @__PURE__ */ jsx(
+          HugeiconsIcon,
+          {
+            icon: SmartPhone01Icon,
+            size: 20,
+            strokeWidth: 1.5,
+            className: hasErrors ? "text-red-500" : "text-primary-500"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("h4", { className: "text-[13px] font-semibold text-primary-900 leading-tight truncate", children: bot.name })
+      ] }),
+      hasErrors && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 text-[11px] font-medium rounded-full bg-red-50 text-red-600 border border-red-100 shrink-0", children: "Error" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2 border-t border-primary-50", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-primary-400 flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Clock01Icon, size: 11, strokeWidth: 1.5 }),
+        formatRelativeMs(lastActivity || void 0)
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full bg-primary-50 text-primary-500 border border-primary-100", children: [
+          bot.jobs.length,
+          " job",
+          bot.jobs.length !== 1 ? "s" : ""
+        ] }),
+        enabledCount < bot.jobs.length && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center px-2 py-0.5 text-[10px] font-medium rounded-full bg-amber-50 text-amber-600 border border-amber-100", children: [
+          bot.jobs.length - enabledCount,
+          " disabled"
+        ] })
+      ] })
+    ] })
+  ] });
+}
+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__ */ jsxs("div", { className: "px-4 pt-4 pb-3 border-b border-primary-100", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            to: "/chat/$sessionKey",
+            params: { sessionKey: "main" },
+            className: "p-1.5 -ml-1.5 rounded-md text-primary-500 hover:text-primary-700 hover:bg-primary-50 transition-colors duration-150",
+            "aria-label": "Back to Chat",
+            children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: ArrowLeft01Icon, size: 18, strokeWidth: 2 })
+          }
+        ),
+        /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-primary-900", children: "Cron Jobs" })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-primary-500", children: [
+        jobs.length,
+        " job",
+        jobs.length !== 1 ? "s" : "",
+        " configured"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-auto px-4 pb-4 pt-4", children: cronJobsQuery.isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Loading02Icon, size: 18, className: "animate-spin text-primary-300" }) }) : cronJobsQuery.isError ? /* @__PURE__ */ jsxs("div", { className: "py-12 text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-red-500", children: cronJobsQuery.error instanceof Error ? cronJobsQuery.error.message : "Failed to load cron jobs" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => void cronJobsQuery.refetch(),
+          className: "mt-2 text-xs font-medium text-primary-500 hover:text-primary-700 transition-colors duration-150",
+          children: "Retry"
+        }
+      )
+    ] }) : jobs.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "py-12 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "inline-flex items-center justify-center w-12 h-12 rounded-lg bg-primary-50 mb-3", children: /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Clock01Icon, size: 24, className: "text-primary-400" }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-primary-500", children: "No cron jobs configured" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-primary-400 mt-1", children: "Jobs will appear here once created" })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      bots.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsxs("h3", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(HugeiconsIcon, { icon: SmartPhone01Icon, size: 14, strokeWidth: 1.5 }),
+          "Bots (",
+          bots.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", children: bots.map((bot) => /* @__PURE__ */ jsx(BotCard, { bot }, bot.name)) })
+      ] }),
+      /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsxs("h3", { className: "text-xs font-medium text-primary-400 uppercase tracking-wider mb-3 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(HugeiconsIcon, { icon: Clock01Icon, size: 14, strokeWidth: 1.5 }),
+          "All Jobs (",
+          jobs.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: /* @__PURE__ */ jsx(CronJobTable, { jobs }) })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  BotsScreen
+};