@agent-native/dispatch 0.30.5 → 0.31.0

package/src/routes/pages/automations.tsx

@@ -5,17 +5,19 @@ import {
   IconFileSearch,
   IconListDetails,
   IconPlus,
+  IconSearch,
   IconSettingsAutomation,
 } from "@tabler/icons-react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { Link } from "react-router";
 import { toast } from "sonner";
 
-import { AutomationRunHistoryDialog } from "../../components/automation-run-history-dialog";
+import { AutomationDetailsPanel } from "../../components/automation-details-panel";
 import { DispatchShell } from "../../components/dispatch-shell";
 import { Badge } from "../../components/ui/badge";
 import { Button } from "../../components/ui/button";
+import { Input } from "../../components/ui/input";
 import {
   Popover,
   PopoverContent,
@@ -188,6 +190,7 @@ function CreateAutomationButton() {
 
 export default function AutomationsRoute() {
   const [view, setView] = useState<"dispatch" | "all">("dispatch");
+  const [query, setQuery] = useState("");
   const [detailsTarget, setDetailsTarget] =
     useState<DispatchAutomationItem | null>(null);
   const automationsQuery = useAutomations();
@@ -204,6 +207,25 @@ export default function AutomationsRoute() {
     () => sortAutomations(visibleAutomations),
     [visibleAutomations],
   );
+  const filtered = useMemo(() => {
+    const normalized = query.trim().toLowerCase();
+    if (!normalized) return ordered;
+    return ordered.filter((item) =>
+      [
+        item.name,
+        item.event,
+        item.schedule,
+        item.scheduleDescription,
+        item.body,
+        item.model,
+        item.domain,
+      ]
+        .filter(Boolean)
+        .join(" ")
+        .toLowerCase()
+        .includes(normalized),
+    );
+  }, [ordered, query]);
   const enabledCount = visibleAutomations.filter((item) => item.enabled).length;
   const errorCount = visibleAutomations.filter(
     (item) =>
@@ -216,6 +238,18 @@ export default function AutomationsRoute() {
       : null
     : null;
 
+  useEffect(() => {
+    if (!detailsTarget) return;
+    const current = filtered.find(
+      (item) => automationIdentity(item) === automationIdentity(detailsTarget),
+    );
+    if (current) {
+      if (current !== detailsTarget) setDetailsTarget(current);
+    } else {
+      setDetailsTarget(null);
+    }
+  }, [detailsTarget, filtered]);
+
   return (
     <DispatchShell
       title="Automations"
@@ -223,12 +257,28 @@ export default function AutomationsRoute() {
     >
       <section className="flex flex-col gap-4">
         <div className="flex flex-wrap items-center justify-between gap-3">
-          <div className="flex min-w-0 items-center gap-2 text-sm text-muted-foreground">
-            <IconSettingsAutomation size={16} className="shrink-0" />
-            <span>
-              {enabledCount} enabled
-              {errorCount > 0 ? ` · ${errorCount} errors` : ""}
-            </span>
+          <div className="flex min-w-0 flex-1 flex-wrap items-center gap-3">
+            <div className="relative w-full max-w-sm">
+              <IconSearch
+                size={15}
+                aria-hidden="true"
+                className="pointer-events-none absolute left-2.5 top-1/2 -translate-y-1/2 text-muted-foreground"
+              />
+              <Input
+                value={query}
+                onChange={(event) => setQuery(event.target.value)}
+                placeholder="Search automations"
+                aria-label="Search automations"
+                className="h-8 pl-8 text-xs"
+              />
+            </div>
+            <div className="flex items-center gap-2 text-sm text-muted-foreground">
+              <IconSettingsAutomation size={16} className="shrink-0" />
+              <span>
+                {enabledCount} enabled
+                {errorCount > 0 ? ` · ${errorCount} errors` : ""}
+              </span>
+            </div>
           </div>
           <div className="flex flex-wrap items-center justify-end gap-2">
             <Select
@@ -252,61 +302,75 @@ export default function AutomationsRoute() {
           </div>
         </div>
 
-        <div className="divide-y rounded-lg bg-card">
-          {automationsQuery.isLoading && ordered.length === 0 ? (
-            Array.from({ length: 4 }).map((_, index) => (
-              <div key={index} className="px-4 py-3">
-                <Skeleton className="h-4 w-40" />
-                <Skeleton className="mt-2 h-3 w-28" />
-              </div>
-            ))
-          ) : ordered.length > 0 ? (
-            ordered.map((item) => {
-              const status = automationStatus(item);
-              const canUpdate = item.canUpdate !== false;
-              const isToggling =
-                pendingToggleIdentity === automationIdentity(item);
-              return (
-                <div
-                  key={item.id}
-                  className="grid grid-cols-[minmax(0,1fr)_auto] gap-3 px-4 py-3"
-                >
-                  <div className="min-w-0">
-                    <div className="flex min-w-0 items-center gap-2">
-                      <StatusDot tone={status.tone} />
-                      <span className="truncate text-sm font-medium text-foreground">
-                        {item.name}
-                      </span>
-                    </div>
-                    <div className="mt-1 truncate text-xs text-muted-foreground">
-                      {automationTarget(item)}
-                    </div>
-                    <div className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground">
-                      <span>Last {automationLastRun(item)}</span>
-                      <span>Next {automationNextRun(item)}</span>
-                      <span>{automationScopeLabel(item)}</span>
-                      {item.lastCheck ? (
-                        <span>Checked {automationLastCheck(item)}</span>
+        <div className="grid gap-4 lg:grid-cols-[minmax(0,1fr)_minmax(24rem,32rem)]">
+          <div className="min-w-0 divide-y rounded-lg bg-card">
+            {automationsQuery.isLoading && ordered.length === 0 ? (
+              Array.from({ length: 4 }).map((_, index) => (
+                <div key={index} className="px-4 py-3">
+                  <Skeleton className="h-4 w-40" />
+                  <Skeleton className="mt-2 h-3 w-28" />
+                </div>
+              ))
+            ) : filtered.length > 0 ? (
+              filtered.map((item) => {
+                const status = automationStatus(item);
+                const canUpdate = item.canUpdate !== false;
+                const isToggling =
+                  pendingToggleIdentity === automationIdentity(item);
+                const isSelected =
+                  detailsTarget !== null &&
+                  automationIdentity(detailsTarget) ===
+                    automationIdentity(item);
+                return (
+                  <div
+                    key={item.id}
+                    className={cn(
+                      "grid grid-cols-[minmax(0,1fr)_auto] gap-3 px-4 py-3 transition-colors",
+                      isSelected && "bg-accent/40",
+                    )}
+                  >
+                    <div className="min-w-0">
+                      <button
+                        type="button"
+                        className="w-full min-w-0 cursor-pointer text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card"
+                        aria-pressed={isSelected}
+                        onClick={() => setDetailsTarget(item)}
+                      >
+                        <div className="flex min-w-0 items-center gap-2">
+                          <StatusDot tone={status.tone} />
+                          <span className="truncate text-sm font-medium text-foreground">
+                            {item.name}
+                          </span>
+                        </div>
+                        <div className="mt-1 truncate text-xs text-muted-foreground">
+                          {automationTarget(item)}
+                        </div>
+                        <div className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-muted-foreground">
+                          <span>Last {automationLastRun(item)}</span>
+                          <span>Next {automationNextRun(item)}</span>
+                          <span>{automationScopeLabel(item)}</span>
+                          {item.lastCheck ? (
+                            <span>Checked {automationLastCheck(item)}</span>
+                          ) : null}
+                        </div>
+                      </button>
+                      {item.lastError ? (
+                        <div className="mt-1 flex flex-wrap items-baseline gap-x-2 gap-y-1 text-xs text-destructive">
+                          <span className="min-w-0 break-words">
+                            {item.lastError}
+                          </span>
+                          <Link
+                            to={automationTroubleshootPath(item)}
+                            className="inline-flex shrink-0 items-center gap-1 font-medium text-foreground underline-offset-4 hover:underline"
+                            aria-label={`Troubleshoot ${item.name} in Thread Debug`}
+                          >
+                            <IconFileSearch size={13} aria-hidden="true" />
+                            Troubleshoot in Thread Debug
+                          </Link>
+                        </div>
                       ) : null}
                     </div>
-                    {item.lastError ? (
-                      <div className="mt-1 flex flex-wrap items-baseline gap-x-2 gap-y-1 text-xs text-destructive">
-                        <span className="min-w-0 break-words">
-                          {item.lastError}
-                        </span>
-                        <Link
-                          to={automationTroubleshootPath(item)}
-                          className="inline-flex shrink-0 items-center gap-1 font-medium text-foreground underline-offset-4 hover:underline"
-                          aria-label={`Troubleshoot ${item.name} in Thread Debug`}
-                        >
-                          <IconFileSearch size={13} aria-hidden="true" />
-                          Troubleshoot in Thread Debug
-                        </Link>
-                      </div>
-                    ) : null}
-                  </div>
-                  <div className="flex flex-col items-end gap-2">
-                    <div className="flex items-center gap-2">
+                    <div className="flex flex-col items-end gap-2">
                       <Badge
                         variant={
                           status.tone === "danger" ? "destructive" : "outline"
@@ -315,49 +379,65 @@ export default function AutomationsRoute() {
                       >
                         {status.label}
                       </Badge>
-                      <Button
-                        type="button"
-                        variant="ghost"
-                        size="sm"
-                        className="h-7 px-2 text-xs"
-                        onClick={() => setDetailsTarget(item)}
-                      >
-                        <IconListDetails size={14} />
-                        Details
-                      </Button>
+                      <Switch
+                        checked={!!item.enabled}
+                        disabled={!canUpdate || isToggling}
+                        aria-label={`${item.enabled ? "Disable" : "Enable"} automation ${item.name}`}
+                        onCheckedChange={(checked) =>
+                          toggleAutomation.mutate({
+                            owner: item.owner,
+                            path: item.path,
+                            enabled: checked,
+                          })
+                        }
+                      />
                     </div>
-                    <Switch
-                      checked={!!item.enabled}
-                      disabled={!canUpdate || isToggling}
-                      aria-label={`${item.enabled ? "Disable" : "Enable"} automation ${item.name}`}
-                      onCheckedChange={(checked) =>
-                        toggleAutomation.mutate({
-                          owner: item.owner,
-                          path: item.path,
-                          enabled: checked,
-                        })
-                      }
-                    />
                   </div>
-                </div>
-              );
-            })
+                );
+              })
+            ) : (
+              <div className="px-4 py-10 text-center text-sm text-muted-foreground">
+                {query
+                  ? "No matching automations."
+                  : view === "all"
+                    ? "No automations yet. Create one here, or ask Dispatch to set up a scheduled or event-triggered job."
+                    : "No Dispatch automations yet. Switch to All apps to inspect workspace automations."}
+              </div>
+            )}
+          </div>
+
+          {detailsTarget ? (
+            <AutomationDetailsPanel
+              automation={detailsTarget}
+              isToggling={
+                pendingToggleIdentity === automationIdentity(detailsTarget)
+              }
+              onToggle={() =>
+                toggleAutomation.mutate({
+                  owner: detailsTarget.owner,
+                  path: detailsTarget.path,
+                  enabled: !detailsTarget.enabled,
+                })
+              }
+            />
           ) : (
-            <div className="px-4 py-10 text-center text-sm text-muted-foreground">
-              {view === "all"
-                ? "No automations yet. Create one here, or ask Dispatch to set up a scheduled or event-triggered job."
-                : "No Dispatch automations yet. Switch to All apps to inspect workspace automations."}
+            <div className="flex min-h-[34rem] flex-col items-center justify-center rounded-lg border border-dashed bg-card p-6 text-center">
+              <IconListDetails
+                size={24}
+                strokeWidth={1.6}
+                className="text-muted-foreground"
+              />
+              <p className="mt-3 text-sm font-medium text-foreground">
+                Select an automation
+              </p>
+              <p className="mt-1 max-w-xs text-sm text-muted-foreground">
+                Inspect its prompt, configuration, capabilities, and run
+                history.
+              </p>
             </div>
           )}
         </div>
       </section>
-      <AutomationRunHistoryDialog
-        automation={detailsTarget}
-        open={detailsTarget !== null}
-        onOpenChange={(open) => {
-          if (!open) setDetailsTarget(null);
-        }}
-      />
     </DispatchShell>
   );
 }

package/dist/components/automation-run-history-dialog.d.ts

@@ -1,9 +0,0 @@
-import type { DispatchAutomationItem } from "../lib/automations.js";
-interface AutomationRunHistoryDialogProps {
-    automation: DispatchAutomationItem | null;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-}
-export declare function AutomationRunHistoryDialog({ automation, open, onOpenChange, }: AutomationRunHistoryDialogProps): import("node_modules/@types/react").JSX.Element;
-export {};
-//# sourceMappingURL=automation-run-history-dialog.d.ts.map

package/dist/components/automation-run-history-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"automation-run-history-dialog.d.ts","sourceRoot":"","sources":["../../src/components/automation-run-history-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAsBjE,UAAU,+BAA+B;IACvC,UAAU,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAC1C,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAgCD,wBAAgB,0BAA0B,CAAC,EACzC,UAAU,EACV,IAAI,EACJ,YAAY,GACb,EAAE,+BAA+B,mDA4KjC"}

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"]}