@agent-native/dispatch 0.30.3 → 0.31.0

package/dist/components/automation-run-history-dialog.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useActionQuery } from "@agent-native/core/client/hooks";
-import { IconAlertTriangle, IconClock, IconExternalLink, } from "@tabler/icons-react";
-import { Link } from "react-router";
-import { automationScopeLabel, automationTarget, } from "../lib/automation-display.js";
-import { ActionQueryError } from "./action-query-error.js";
-import { Badge } from "./ui/badge.js";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./ui/dialog.js";
-import { Skeleton } from "./ui/skeleton.js";
-function runStatusVariant(status) {
-    if (status === "error")
-        return "destructive";
-    if (status === "success")
-        return "default";
-    return "outline";
-}
-function formatTimestamp(value) {
-    const date = new Date(value);
-    return Number.isNaN(date.getTime()) ? "Unknown time" : date.toLocaleString();
-}
-function formatDuration(run) {
-    if (!run.finishedAt)
-        return null;
-    const seconds = Math.max(0, Math.round((run.finishedAt - run.startedAt) / 1000));
-    return `${seconds}s`;
-}
-function runDebugPath(run) {
-    const params = new URLSearchParams();
-    if (run.runId)
-        params.set("runId", run.runId);
-    else if (run.threadId)
-        params.set("threadId", run.threadId);
-    else
-        return null;
-    return `/admin/thread-debug?${params.toString()}`;
-}
-export function AutomationRunHistoryDialog({ automation, open, onOpenChange, }) {
-    const scope = automation?.scope === "organization" ||
-        automation?.owner.startsWith("__organization__:") ||
-        automation?.owner === "__shared__"
-        ? "organization"
-        : "personal";
-    const runsQuery = useActionQuery("list-automation-runs", {
-        name: automation?.name ?? "",
-        scope,
-        appId: automation?.appId ?? "dispatch",
-    }, {
-        enabled: open && Boolean(automation),
-        staleTime: 5_000,
-    });
-    const runs = runsQuery.data ?? [];
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-h-[85vh] max-w-2xl overflow-y-auto", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: automation?.name ?? "Automation details" }), _jsx(DialogDescription, { children: automation
-                                ? `${automationTarget(automation)} · ${automationScopeLabel(automation)}`
-                                : "Execution history" })] }), automation ? (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-x-4 gap-y-3 rounded-lg border bg-muted/20 p-3 text-sm", children: [_jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Status" }), _jsx("div", { className: "mt-1 font-medium", children: automation.lastStatus ??
-                                                (automation.enabled ? "ready" : "paused") })] }), _jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Last check" }), _jsx("div", { className: "mt-1 font-medium", children: automation.lastCheck
-                                                ? formatTimestamp(new Date(automation.lastCheck).getTime())
-                                                : "Not recorded" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Created by" }), _jsx("div", { className: "mt-1 break-words font-medium", children: automation.createdBy ?? "Unknown" })] }), _jsxs("div", { children: [_jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: "Timezone" }), _jsx("div", { className: "mt-1 font-medium", children: automation.timezone ?? "Account default" })] })] }), automation.lastError ? (_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3", children: [_jsx(IconAlertTriangle, { className: "mt-0.5 size-4 shrink-0 text-destructive" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-medium text-destructive", children: "Latest scheduler result" }), _jsx("p", { className: "mt-1 break-words text-sm text-muted-foreground", children: automation.lastError })] })] })) : null, _jsxs("div", { children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Past runs" }), _jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: "Only executions that actually started appear here. Blocked or skipped scheduler checks are shown above, not as fake runs." })] }), runs.length > 0 ? (_jsxs(Badge, { variant: "outline", children: [runs.length, " shown"] })) : null] }), _jsx("div", { className: "mt-3", children: runsQuery.isLoading ? (_jsx("div", { className: "space-y-3 rounded-lg border p-4", children: Array.from({ length: 3 }).map((_, index) => (_jsxs("div", { className: "space-y-2", children: [_jsx(Skeleton, { className: "h-4 w-2/3" }), _jsx(Skeleton, { className: "h-3 w-1/2" })] }, index))) })) : runsQuery.isError ? (_jsx(ActionQueryError, { error: runsQuery.error, onRetry: () => void runsQuery.refetch() })) : runs.length === 0 ? (_jsx("div", { className: "rounded-lg border border-dashed p-4 text-sm text-muted-foreground", children: "This automation has not recorded an execution yet. If it is enabled but shows no runs, inspect the latest scheduler result and last check above." })) : (_jsx("ul", { className: "divide-y rounded-lg border", children: runs.map((run) => {
-                                            const debugPath = runDebugPath(run);
-                                            const duration = formatDuration(run);
-                                            return (_jsxs("li", { className: "space-y-2 p-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [_jsx(Badge, { variant: runStatusVariant(run.status), children: run.status }), _jsx("span", { className: "text-muted-foreground", children: formatTimestamp(run.startedAt) }), duration ? (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(IconClock, { className: "size-3.5" }), duration] })) : null, debugPath ? (_jsxs(Link, { to: debugPath, className: "ml-auto inline-flex items-center gap-1 text-xs font-medium text-foreground underline-offset-4 hover:underline", children: [_jsx(IconExternalLink, { className: "size-3.5" }), "Open debug"] })) : null] }), run.error ? (_jsx("p", { className: "break-words text-sm text-destructive", children: run.error })) : null] }, run.id));
-                                        }) })) })] })] })) : null] }) }));
-}
-//# sourceMappingURL=automation-run-history-dialog.js.map

package/dist/components/automation-run-history-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"automation-run-history-dialog.js","sourceRoot":"","sources":["../../src/components/automation-run-history-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useActionQuery } from \"@agent-native/core/client/hooks\";\nimport {\n  IconAlertTriangle,\n  IconClock,\n  IconExternalLink,\n} from \"@tabler/icons-react\";\nimport { Link } from \"react-router\";\n\nimport {\n  automationScopeLabel,\n  automationTarget,\n} from \"../lib/automation-display\";\nimport type { DispatchAutomationItem } from \"../lib/automations\";\nimport { ActionQueryError } from \"./action-query-error\";\nimport { Badge } from \"./ui/badge\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"./ui/dialog\";\nimport { Skeleton } from \"./ui/skeleton\";\n\ninterface AutomationRun {\n  id: string;\n  runId: string | null;\n  threadId: string | null;\n  status: \"running\" | \"success\" | \"error\" | \"interrupted\";\n  startedAt: number;\n  finishedAt: number | null;\n  error: string | null;\n}\n\ninterface AutomationRunHistoryDialogProps {\n  automation: DispatchAutomationItem | null;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nfunction runStatusVariant(\n  status: AutomationRun[\"status\"],\n): \"default\" | \"destructive\" | \"outline\" {\n  if (status === \"error\") return \"destructive\";\n  if (status === \"success\") return \"default\";\n  return \"outline\";\n}\n\nfunction formatTimestamp(value: number): string {\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? \"Unknown time\" : date.toLocaleString();\n}\n\nfunction formatDuration(run: AutomationRun): string | null {\n  if (!run.finishedAt) return null;\n  const seconds = Math.max(\n    0,\n    Math.round((run.finishedAt - run.startedAt) / 1000),\n  );\n  return `${seconds}s`;\n}\n\nfunction runDebugPath(run: AutomationRun): string | null {\n  const params = new URLSearchParams();\n  if (run.runId) params.set(\"runId\", run.runId);\n  else if (run.threadId) params.set(\"threadId\", run.threadId);\n  else return null;\n  return `/admin/thread-debug?${params.toString()}`;\n}\n\nexport function AutomationRunHistoryDialog({\n  automation,\n  open,\n  onOpenChange,\n}: AutomationRunHistoryDialogProps) {\n  const scope =\n    automation?.scope === \"organization\" ||\n    automation?.owner.startsWith(\"__organization__:\") ||\n    automation?.owner === \"__shared__\"\n      ? \"organization\"\n      : \"personal\";\n  const runsQuery = useActionQuery<AutomationRun[]>(\n    \"list-automation-runs\",\n    {\n      name: automation?.name ?? \"\",\n      scope,\n      appId: automation?.appId ?? \"dispatch\",\n    },\n    {\n      enabled: open && Boolean(automation),\n      staleTime: 5_000,\n    },\n  );\n  const runs = runsQuery.data ?? [];\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"max-h-[85vh] max-w-2xl overflow-y-auto\">\n        <DialogHeader>\n          <DialogTitle>{automation?.name ?? \"Automation details\"}</DialogTitle>\n          <DialogDescription>\n            {automation\n              ? `${automationTarget(automation)} · ${automationScopeLabel(automation)}`\n              : \"Execution history\"}\n          </DialogDescription>\n        </DialogHeader>\n\n        {automation ? (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-2 gap-x-4 gap-y-3 rounded-lg border bg-muted/20 p-3 text-sm\">\n              <div>\n                <div className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n                  Status\n                </div>\n                <div className=\"mt-1 font-medium\">\n                  {automation.lastStatus ??\n                    (automation.enabled ? \"ready\" : \"paused\")}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n                  Last check\n                </div>\n                <div className=\"mt-1 font-medium\">\n                  {automation.lastCheck\n                    ? formatTimestamp(new Date(automation.lastCheck).getTime())\n                    : \"Not recorded\"}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n                  Created by\n                </div>\n                <div className=\"mt-1 break-words font-medium\">\n                  {automation.createdBy ?? \"Unknown\"}\n                </div>\n              </div>\n              <div>\n                <div className=\"text-[11px] uppercase tracking-wide text-muted-foreground\">\n                  Timezone\n                </div>\n                <div className=\"mt-1 font-medium\">\n                  {automation.timezone ?? \"Account default\"}\n                </div>\n              </div>\n            </div>\n\n            {automation.lastError ? (\n              <div className=\"flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3\">\n                <IconAlertTriangle className=\"mt-0.5 size-4 shrink-0 text-destructive\" />\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-medium text-destructive\">\n                    Latest scheduler result\n                  </p>\n                  <p className=\"mt-1 break-words text-sm text-muted-foreground\">\n                    {automation.lastError}\n                  </p>\n                </div>\n              </div>\n            ) : null}\n\n            <div>\n              <div className=\"flex items-center justify-between gap-3\">\n                <div>\n                  <h3 className=\"text-sm font-semibold text-foreground\">\n                    Past runs\n                  </h3>\n                  <p className=\"mt-1 text-xs text-muted-foreground\">\n                    Only executions that actually started appear here. Blocked\n                    or skipped scheduler checks are shown above, not as fake\n                    runs.\n                  </p>\n                </div>\n                {runs.length > 0 ? (\n                  <Badge variant=\"outline\">{runs.length} shown</Badge>\n                ) : null}\n              </div>\n\n              <div className=\"mt-3\">\n                {runsQuery.isLoading ? (\n                  <div className=\"space-y-3 rounded-lg border p-4\">\n                    {Array.from({ length: 3 }).map((_, index) => (\n                      <div key={index} className=\"space-y-2\">\n                        <Skeleton className=\"h-4 w-2/3\" />\n                        <Skeleton className=\"h-3 w-1/2\" />\n                      </div>\n                    ))}\n                  </div>\n                ) : runsQuery.isError ? (\n                  <ActionQueryError\n                    error={runsQuery.error}\n                    onRetry={() => void runsQuery.refetch()}\n                  />\n                ) : runs.length === 0 ? (\n                  <div className=\"rounded-lg border border-dashed p-4 text-sm text-muted-foreground\">\n                    This automation has not recorded an execution yet. If it is\n                    enabled but shows no runs, inspect the latest scheduler\n                    result and last check above.\n                  </div>\n                ) : (\n                  <ul className=\"divide-y rounded-lg border\">\n                    {runs.map((run) => {\n                      const debugPath = runDebugPath(run);\n                      const duration = formatDuration(run);\n                      return (\n                        <li key={run.id} className=\"space-y-2 p-3\">\n                          <div className=\"flex flex-wrap items-center gap-2 text-sm\">\n                            <Badge variant={runStatusVariant(run.status)}>\n                              {run.status}\n                            </Badge>\n                            <span className=\"text-muted-foreground\">\n                              {formatTimestamp(run.startedAt)}\n                            </span>\n                            {duration ? (\n                              <span className=\"inline-flex items-center gap-1 text-xs text-muted-foreground\">\n                                <IconClock className=\"size-3.5\" />\n                                {duration}\n                              </span>\n                            ) : null}\n                            {debugPath ? (\n                              <Link\n                                to={debugPath}\n                                className=\"ml-auto inline-flex items-center gap-1 text-xs font-medium text-foreground underline-offset-4 hover:underline\"\n                              >\n                                <IconExternalLink className=\"size-3.5\" />\n                                Open debug\n                              </Link>\n                            ) : null}\n                          </div>\n                          {run.error ? (\n                            <p className=\"break-words text-sm text-destructive\">\n                              {run.error}\n                            </p>\n                          ) : null}\n                        </li>\n                      );\n                    })}\n                  </ul>\n                )}\n              </div>\n            </div>\n          </div>\n        ) : null}\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/src/components/automation-run-history-dialog.tsx

@@ -1,247 +0,0 @@
-import { useActionQuery } from "@agent-native/core/client/hooks";
-import {
-  IconAlertTriangle,
-  IconClock,
-  IconExternalLink,
-} from "@tabler/icons-react";
-import { Link } from "react-router";
-
-import {
-  automationScopeLabel,
-  automationTarget,
-} from "../lib/automation-display";
-import type { DispatchAutomationItem } from "../lib/automations";
-import { ActionQueryError } from "./action-query-error";
-import { Badge } from "./ui/badge";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from "./ui/dialog";
-import { Skeleton } from "./ui/skeleton";
-
-interface AutomationRun {
-  id: string;
-  runId: string | null;
-  threadId: string | null;
-  status: "running" | "success" | "error" | "interrupted";
-  startedAt: number;
-  finishedAt: number | null;
-  error: string | null;
-}
-
-interface AutomationRunHistoryDialogProps {
-  automation: DispatchAutomationItem | null;
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-}
-
-function runStatusVariant(
-  status: AutomationRun["status"],
-): "default" | "destructive" | "outline" {
-  if (status === "error") return "destructive";
-  if (status === "success") return "default";
-  return "outline";
-}
-
-function formatTimestamp(value: number): string {
-  const date = new Date(value);
-  return Number.isNaN(date.getTime()) ? "Unknown time" : date.toLocaleString();
-}
-
-function formatDuration(run: AutomationRun): string | null {
-  if (!run.finishedAt) return null;
-  const seconds = Math.max(
-    0,
-    Math.round((run.finishedAt - run.startedAt) / 1000),
-  );
-  return `${seconds}s`;
-}
-
-function runDebugPath(run: AutomationRun): string | null {
-  const params = new URLSearchParams();
-  if (run.runId) params.set("runId", run.runId);
-  else if (run.threadId) params.set("threadId", run.threadId);
-  else return null;
-  return `/admin/thread-debug?${params.toString()}`;
-}
-
-export function AutomationRunHistoryDialog({
-  automation,
-  open,
-  onOpenChange,
-}: AutomationRunHistoryDialogProps) {
-  const scope =
-    automation?.scope === "organization" ||
-    automation?.owner.startsWith("__organization__:") ||
-    automation?.owner === "__shared__"
-      ? "organization"
-      : "personal";
-  const runsQuery = useActionQuery<AutomationRun[]>(
-    "list-automation-runs",
-    {
-      name: automation?.name ?? "",
-      scope,
-      appId: automation?.appId ?? "dispatch",
-    },
-    {
-      enabled: open && Boolean(automation),
-      staleTime: 5_000,
-    },
-  );
-  const runs = runsQuery.data ?? [];
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="max-h-[85vh] max-w-2xl overflow-y-auto">
-        <DialogHeader>
-          <DialogTitle>{automation?.name ?? "Automation details"}</DialogTitle>
-          <DialogDescription>
-            {automation
-              ? `${automationTarget(automation)} · ${automationScopeLabel(automation)}`
-              : "Execution history"}
-          </DialogDescription>
-        </DialogHeader>
-
-        {automation ? (
-          <div className="space-y-4">
-            <div className="grid grid-cols-2 gap-x-4 gap-y-3 rounded-lg border bg-muted/20 p-3 text-sm">
-              <div>
-                <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-                  Status
-                </div>
-                <div className="mt-1 font-medium">
-                  {automation.lastStatus ??
-                    (automation.enabled ? "ready" : "paused")}
-                </div>
-              </div>
-              <div>
-                <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-                  Last check
-                </div>
-                <div className="mt-1 font-medium">
-                  {automation.lastCheck
-                    ? formatTimestamp(new Date(automation.lastCheck).getTime())
-                    : "Not recorded"}
-                </div>
-              </div>
-              <div>
-                <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-                  Created by
-                </div>
-                <div className="mt-1 break-words font-medium">
-                  {automation.createdBy ?? "Unknown"}
-                </div>
-              </div>
-              <div>
-                <div className="text-[11px] uppercase tracking-wide text-muted-foreground">
-                  Timezone
-                </div>
-                <div className="mt-1 font-medium">
-                  {automation.timezone ?? "Account default"}
-                </div>
-              </div>
-            </div>
-
-            {automation.lastError ? (
-              <div className="flex items-start gap-2 rounded-lg border border-destructive/30 bg-destructive/5 p-3">
-                <IconAlertTriangle className="mt-0.5 size-4 shrink-0 text-destructive" />
-                <div className="min-w-0">
-                  <p className="text-sm font-medium text-destructive">
-                    Latest scheduler result
-                  </p>
-                  <p className="mt-1 break-words text-sm text-muted-foreground">
-                    {automation.lastError}
-                  </p>
-                </div>
-              </div>
-            ) : null}
-
-            <div>
-              <div className="flex items-center justify-between gap-3">
-                <div>
-                  <h3 className="text-sm font-semibold text-foreground">
-                    Past runs
-                  </h3>
-                  <p className="mt-1 text-xs text-muted-foreground">
-                    Only executions that actually started appear here. Blocked
-                    or skipped scheduler checks are shown above, not as fake
-                    runs.
-                  </p>
-                </div>
-                {runs.length > 0 ? (
-                  <Badge variant="outline">{runs.length} shown</Badge>
-                ) : null}
-              </div>
-
-              <div className="mt-3">
-                {runsQuery.isLoading ? (
-                  <div className="space-y-3 rounded-lg border p-4">
-                    {Array.from({ length: 3 }).map((_, index) => (
-                      <div key={index} className="space-y-2">
-                        <Skeleton className="h-4 w-2/3" />
-                        <Skeleton className="h-3 w-1/2" />
-                      </div>
-                    ))}
-                  </div>
-                ) : runsQuery.isError ? (
-                  <ActionQueryError
-                    error={runsQuery.error}
-                    onRetry={() => void runsQuery.refetch()}
-                  />
-                ) : runs.length === 0 ? (
-                  <div className="rounded-lg border border-dashed p-4 text-sm text-muted-foreground">
-                    This automation has not recorded an execution yet. If it is
-                    enabled but shows no runs, inspect the latest scheduler
-                    result and last check above.
-                  </div>
-                ) : (
-                  <ul className="divide-y rounded-lg border">
-                    {runs.map((run) => {
-                      const debugPath = runDebugPath(run);
-                      const duration = formatDuration(run);
-                      return (
-                        <li key={run.id} className="space-y-2 p-3">
-                          <div className="flex flex-wrap items-center gap-2 text-sm">
-                            <Badge variant={runStatusVariant(run.status)}>
-                              {run.status}
-                            </Badge>
-                            <span className="text-muted-foreground">
-                              {formatTimestamp(run.startedAt)}
-                            </span>
-                            {duration ? (
-                              <span className="inline-flex items-center gap-1 text-xs text-muted-foreground">
-                                <IconClock className="size-3.5" />
-                                {duration}
-                              </span>
-                            ) : null}
-                            {debugPath ? (
-                              <Link
-                                to={debugPath}
-                                className="ml-auto inline-flex items-center gap-1 text-xs font-medium text-foreground underline-offset-4 hover:underline"
-                              >
-                                <IconExternalLink className="size-3.5" />
-                                Open debug
-                              </Link>
-                            ) : null}
-                          </div>
-                          {run.error ? (
-                            <p className="break-words text-sm text-destructive">
-                              {run.error}
-                            </p>
-                          ) : null}
-                        </li>
-                      );
-                    })}
-                  </ul>
-                )}
-              </div>
-            </div>
-          </div>
-        ) : null}
-      </DialogContent>
-    </Dialog>
-  );
-}