@elizaos/app-core 2.0.0-alpha.335 → 2.0.0-alpha.337

package/packages/app-core/src/components/pages/AutomationsView.js

@@ -42,6 +42,8 @@ const NODE_CLASS_ORDER = [
 ];
 const PAGE_CHAT_PREFILL_EVENT = "milady:chat:prefill";
 const DESCRIBE_WORKFLOW_PROMPT = "Describe your workflow";
+const WORKFLOW_PROMPT_PLACEHOLDER = "Describe the trigger and steps, e.g. when a GitHub issue opens, summarize it and post to Discord";
+const AUTOMATIONS_OVERVIEW_VISIBILITY_EVENT = "milady:automations:overview-visibility";
 function createWorkflowDraftId() {
     return globalThis.crypto.randomUUID();
 }
@@ -55,6 +57,24 @@ function prefillPageChat(text, options) {
         },
     }));
 }
+function buildWorkflowCopyRequest(workflow, name) {
+    return {
+        name,
+        nodes: workflow.nodes?.map((node) => ({
+            name: node.name,
+            type: node.type,
+            typeVersion: node.typeVersion ?? 1,
+            position: node.position ?? [0, 0],
+            parameters: node.parameters ?? {},
+            ...(node.notes ? { notes: node.notes } : {}),
+            ...(node.notesInFlow !== undefined
+                ? { notesInFlow: node.notesInFlow }
+                : {}),
+        })) ?? [],
+        connections: workflow.connections ?? {},
+        settings: {},
+    };
+}
 // Reads `#automations.trigger=<id>` from the URL hash. The LifeOps chat-sidebar
 // Automations widget writes this when a row is clicked, so /automations can
 // focus the matching trigger card on navigation. Duplicated here (instead of
@@ -199,6 +219,35 @@ function getAutomationIndicatorTone(item) {
     }
     return undefined;
 }
+function getAutomationStatusTone(item) {
+    if (item.isDraft)
+        return "warning";
+    if (item.type === "n8n_workflow") {
+        return item.enabled ? "success" : "muted";
+    }
+    if (item.trigger) {
+        const lastTone = toneForLastStatus(item.trigger.lastStatus);
+        if (lastTone === "danger")
+            return "danger";
+        return item.trigger.enabled ? "success" : "muted";
+    }
+    if (item.task) {
+        return item.task.isCompleted ? "muted" : "success";
+    }
+    return "muted";
+}
+function getTriggerWakeModeLabel(trigger) {
+    return trigger.wakeMode === "inject_now"
+        ? "Interrupt and run now"
+        : "Queue for next cycle";
+}
+function getTriggerStartModeLabel(trigger) {
+    if (trigger.triggerType === "once")
+        return "One time";
+    if (trigger.triggerType === "cron")
+        return "Cron schedule";
+    return "Repeating";
+}
 function buildTriggerSchedulePrompt(trigger) {
     if (trigger.triggerType === "interval") {
         return `Schedule: interval every ${trigger.intervalMs ?? 0}ms.`;
@@ -236,31 +285,6 @@ function buildWorkflowCompilationPrompt(item) {
     lines.push("Ask follow-up questions only when workflow intent is genuinely ambiguous.");
     return lines.join("\n");
 }
-function buildWorkflowDuplicationPrompt(item) {
-    const lines = [
-        "Duplicate this n8n workflow into a new workflow draft.",
-        `Existing workflow name: ${item.title}`,
-        `Description: ${item.description || "No description provided."}`,
-        "Recreate the same workflow structure, preserving the intent, nodes, and connections.",
-    ];
-    if (item.schedules.length > 0) {
-        lines.push("Preserve these schedules on the new workflow:");
-        for (const schedule of item.schedules) {
-            lines.push(`- ${buildTriggerSchedulePrompt(schedule)}`);
-        }
-    }
-    if (item.workflow) {
-        lines.push("Existing workflow JSON:");
-        lines.push(JSON.stringify({
-            id: item.workflow.id,
-            name: item.workflow.name,
-            description: item.workflow.description,
-            nodes: item.workflow.nodes ?? [],
-            connections: item.workflow.connections ?? {},
-        }, null, 2));
-    }
-    return lines.join("\n");
-}
 function getNodeClassLabel(className) {
     switch (className) {
         case "agent":
@@ -558,9 +582,7 @@ function useAutomationsViewController() {
         setEditorOpen(true);
     };
     const openCreateTask = () => {
-        resetEditor();
-        setEditorMode("task");
-        setEditorOpen(true);
+        openCreateTrigger();
     };
     const openEditTrigger = (trigger) => {
         setEditingId(trigger.id);
@@ -591,8 +613,14 @@ function useAutomationsViewController() {
         if (editingId) {
             const updated = await updateTrigger(editingId, buildUpdateRequest(form));
             if (updated) {
-                setSelectedItemId(`trigger:${updated.id}`);
-                setSelectedItemKind("trigger");
+                if (updated.kind === "workflow" && updated.workflowId) {
+                    setSelectedItemId(`workflow:${updated.workflowId}`);
+                    setSelectedItemKind("workflow");
+                }
+                else {
+                    setSelectedItemId(`trigger:${updated.id}`);
+                    setSelectedItemKind("trigger");
+                }
                 await refreshAutomations();
                 closeEditor();
             }
@@ -600,8 +628,14 @@ function useAutomationsViewController() {
         }
         const created = await createTrigger(buildCreateRequest(form));
         if (created) {
-            setSelectedItemId(`trigger:${created.id}`);
-            setSelectedItemKind("trigger");
+            if (created.kind === "workflow" && created.workflowId) {
+                setSelectedItemId(`workflow:${created.workflowId}`);
+                setSelectedItemKind("workflow");
+            }
+            else {
+                setSelectedItemId(`trigger:${created.id}`);
+                setSelectedItemKind("trigger");
+            }
             void loadTriggerRuns(created.id);
             await refreshAutomations();
             closeEditor();
@@ -715,17 +749,21 @@ function useAutomationsViewController() {
         return allItems[0] ?? null;
     }, [allItems, editingId, editingTaskId, editorOpen, selectedItemId]);
     const modalTitle = editorMode === "trigger"
-        ? editingId
-            ? t("heartbeatsview.editTitle", {
-                name: form.displayName.trim() ||
-                    t("automations.taskLabel", {
-                        defaultValue: "Task",
-                    }),
-                defaultValue: "Edit {{name}}",
-            })
-            : t("automations.newTask", {
-                defaultValue: "New task",
-            })
+        ? form.kind === "workflow"
+            ? editingId
+                ? `Edit ${form.displayName.trim() || "schedule"}`
+                : "New schedule"
+            : editingId
+                ? t("heartbeatsview.editTitle", {
+                    name: form.displayName.trim() ||
+                        t("automations.taskLabel", {
+                            defaultValue: "Task",
+                        }),
+                    defaultValue: "Edit {{name}}",
+                })
+                : t("automations.newTask", {
+                    defaultValue: "New task",
+                })
         : editingTaskId
             ? t("automations.editTask", {
                 defaultValue: "Edit task",
@@ -760,6 +798,7 @@ function useAutomationsViewController() {
         editorOpen,
         setEditorOpen,
         editorMode,
+        setEditorMode,
         formError,
         setFormError,
         editorEnabled,
@@ -895,10 +934,8 @@ function WorkflowTemplatesModal({ open, onOpenChange, onSelectTemplate, onSelect
                                         defaultValue: "Use template",
                                     }) })] })] })] }) }));
 }
-function CreateAutomationDialog({ open, mode, onOpenChange, onCreateTask, onCreateScheduledTask, onCreateWorkflow, }) {
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[min(calc(100vw-1.5rem),34rem)] max-w-none", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: mode === "tasks" ? "Create task" : "Create" }), _jsx(DialogDescription, { children: mode === "tasks"
-                                ? "Choose a simple task or a task with a schedule."
-                                : "Choose whether you want a task or a workflow." })] }), _jsxs("div", { className: `grid gap-3 ${mode === "tasks" ? "sm:grid-cols-2" : "sm:grid-cols-3"}`, children: [_jsxs("button", { type: "button", onClick: onCreateTask, className: "rounded-xl border border-border/30 bg-bg/30 p-4 text-left transition-colors hover:border-accent/40 hover:bg-accent/5", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: "Task" }), _jsx("div", { className: "mt-1 text-xs-tight text-muted/80", children: "A simple text editor for something the agent should work on." })] }), _jsxs("button", { type: "button", onClick: onCreateScheduledTask, className: "rounded-xl border border-border/30 bg-bg/30 p-4 text-left transition-colors hover:border-accent/40 hover:bg-accent/5", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: "Task with schedule" }), _jsx("div", { className: "mt-1 text-xs-tight text-muted/80", children: "A text task that runs on a schedule instead of a workflow." })] }), mode === "all" ? (_jsxs("button", { type: "button", onClick: onCreateWorkflow, className: "rounded-xl border border-border/30 bg-bg/30 p-4 text-left transition-colors hover:border-accent/40 hover:bg-accent/5", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: "Workflow" }), _jsx("div", { className: "mt-1 text-xs-tight text-muted/80", children: "Open a graph-based workflow draft and wire the steps visually." })] })) : null] })] }) }));
+function CreateAutomationDialog({ open, onOpenChange, onCreateTask, onCreateWorkflow, }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[min(calc(100vw-1.5rem),34rem)] max-w-none", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Create automation" }) }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx("button", { type: "button", onClick: onCreateTask, className: "rounded-xl border border-border/30 bg-bg/30 p-4 text-left transition-colors hover:border-accent/40 hover:bg-accent/5", children: _jsx("div", { className: "text-sm font-semibold text-txt", children: "Task" }) }), _jsx("button", { type: "button", onClick: onCreateWorkflow, className: "rounded-xl border border-border/30 bg-bg/30 p-4 text-left transition-colors hover:border-accent/40 hover:bg-accent/5", children: _jsx("div", { className: "text-sm font-semibold text-txt", children: "Workflow" }) })] })] }) }));
 }
 // ---------------------------------------------------------------------------
 // Zero-state onboarding CTA (Item 9)
@@ -917,11 +954,7 @@ function AutomationsZeroState({ onBrowseTemplates, onNewTrigger, onNewTask, }) {
 }
 function TaskForm() {
     const { taskFormName, setTaskFormName, taskFormDescription, setTaskFormDescription, editingTaskId, formError, taskSaving, onSubmitTask, onDeleteTask, closeEditor, modalTitle, t, } = useAutomationsViewContext();
-    return (_jsxs(PagePanel, { variant: "padded", className: "space-y-5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h3", { className: "text-lg font-semibold text-txt", children: modalTitle }), _jsx(Button, { variant: "ghost", size: "sm", onClick: closeEditor, children: t("common.cancel") })] }), formError && (_jsx("div", { className: "rounded-lg border border-danger/20 bg-danger/10 p-3 text-sm text-danger", children: formError })), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx(FieldLabel, { children: t("common.name", { defaultValue: "Name" }) }), _jsx(Input, { value: taskFormName, onChange: (event) => setTaskFormName(event.target.value), placeholder: t("automations.taskNamePlaceholder", {
-                                    defaultValue: "Task name...",
-                                }), autoFocus: true })] }), _jsxs("div", { children: [_jsx(FieldLabel, { children: t("common.description", { defaultValue: "Description" }) }), _jsx(Textarea, { value: taskFormDescription, onChange: (event) => setTaskFormDescription(event.target.value), placeholder: t("automations.taskDescriptionPlaceholder", {
-                                    defaultValue: "What should this task do...",
-                                }), rows: 4 })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "default", size: "sm", disabled: taskSaving || !taskFormName.trim(), onClick: () => void onSubmitTask(), children: editingTaskId
+    return (_jsxs(PagePanel, { variant: "padded", className: "space-y-5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h3", { className: "text-lg font-semibold text-txt", children: modalTitle }), _jsx(Button, { variant: "ghost", size: "sm", onClick: closeEditor, children: t("common.cancel") })] }), formError && (_jsx("div", { className: "rounded-lg border border-danger/20 bg-danger/10 p-3 text-sm text-danger", children: formError })), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { children: [_jsx(FieldLabel, { children: "Task name" }), _jsx(Input, { value: taskFormName, onChange: (event) => setTaskFormName(event.target.value), placeholder: "Task name...", autoFocus: true })] }), _jsxs("div", { children: [_jsx(FieldLabel, { children: "Prompt" }), _jsx(Textarea, { value: taskFormDescription, onChange: (event) => setTaskFormDescription(event.target.value), placeholder: "What should this task do?", rows: 4 })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "default", size: "sm", disabled: taskSaving || !taskFormName.trim(), onClick: () => void onSubmitTask(), children: editingTaskId
                             ? t("automations.saveTask", {
                                 defaultValue: "Save task",
                             })
@@ -972,7 +1005,7 @@ function AutomationNodeCatalogPane({ nodes, }) {
     return _jsx(AutomationNodePalette, { nodes: nodes, title: "Nodes" });
 }
 function TaskAutomationDetailPane({ automation, onPromoteToWorkflow, }) {
-    const { openEditTask, onDeleteTask, onToggleTaskCompleted, setEditorOpen, setTaskFormDescription, setTaskFormName, setEditingTaskId, setSelectedItemId, setSelectedItemKind, t, uiLanguage, } = useAutomationsViewContext();
+    const { openEditTask, onDeleteTask, onToggleTaskCompleted, setEditorOpen, setEditorMode, setTaskFormDescription, setTaskFormName, setEditingTaskId, setSelectedItemId, setSelectedItemKind, t, uiLanguage, } = useAutomationsViewContext();
     const task = automation.task;
     if (!task) {
         return null;
@@ -981,28 +1014,59 @@ function TaskAutomationDetailPane({ automation, onPromoteToWorkflow, }) {
         ? "System"
         : task.isCompleted
             ? "Completed"
-            : "Active";
+            : "Open";
     const statusTone = automation.system ? "muted" : task.isCompleted ? "muted" : "success";
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx(DetailHeader, { icon: automation.system ? (_jsx(Settings, { className: "h-3.5 w-3.5", "aria-hidden": true })) : (_jsx(FileText, { className: "h-3.5 w-3.5", "aria-hidden": true })), title: getAutomationDisplayTitle(automation), description: automation.description, status: _jsx(DetailStatusIndicator, { label: statusLabel, tone: statusTone, dotOnly: !automation.system && !task.isCompleted }), actions: !automation.system ? (_jsxs(_Fragment, { children: [_jsx(IconAction, { label: task.isCompleted ? "Reopen" : "Complete", onClick: () => void onToggleTaskCompleted(task.id, task.isCompleted), icon: task.isCompleted ? (_jsx(Circle, { className: "h-3.5 w-3.5" })) : (_jsx(CheckCircle2, { className: "h-3.5 w-3.5" })), tone: task.isCompleted ? "ok" : undefined }), _jsx(IconAction, { label: "Duplicate", onClick: () => {
+    const nextScheduledRun = automation.schedules
+        .map((schedule) => schedule.nextRunAtMs ?? 0)
+        .filter((value) => value > 0)
+        .sort((left, right) => left - right)[0];
+    const taskTypeLabel = automation.system ? "Agent owned" : "Task";
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(DetailHeader, { icon: automation.system ? (_jsx(Settings, { className: "h-3.5 w-3.5", "aria-hidden": true })) : (_jsx(FileText, { className: "h-3.5 w-3.5", "aria-hidden": true })), title: getAutomationDisplayTitle(automation), description: automation.description ||
+                    (automation.system ? "Agent-owned manual task." : "Simple text task."), status: _jsx(DetailStatusIndicator, { label: statusLabel, tone: statusTone, dotOnly: !automation.system && !task.isCompleted }), actions: !automation.system ? (_jsxs(_Fragment, { children: [_jsx(IconAction, { label: task.isCompleted ? "Reopen" : "Complete", onClick: () => void onToggleTaskCompleted(task.id, task.isCompleted), icon: task.isCompleted ? (_jsx(Circle, { className: "h-3.5 w-3.5" })) : (_jsx(CheckCircle2, { className: "h-3.5 w-3.5" })), tone: task.isCompleted ? "ok" : undefined }), _jsx(IconAction, { label: "Duplicate", onClick: () => {
                                 setTaskFormName(`${task.name} copy`);
                                 setTaskFormDescription(task.description);
                                 setEditingTaskId(null);
+                                setEditorMode("task");
                                 setSelectedItemId(null);
                                 setSelectedItemKind(null);
                                 setEditorOpen(true);
-                            }, icon: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: "Compile to Workflow", onClick: () => void onPromoteToWorkflow(automation), icon: _jsx(GitBranch, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: t("triggersview.Edit"), onClick: () => openEditTask(task), icon: _jsx(EditIcon, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: t("triggersview.Delete"), onClick: () => void onDeleteTask(task.id), icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), tone: "danger" })] })) : null }), _jsx(DetailStatsRow, { items: [
-                    {
-                        label: "Type",
-                        value: automation.system ? "Agent owned" : "Text task",
-                    },
-                    {
-                        label: "Updated",
-                        value: formatDateTime(automation.updatedAt, {
-                            fallback: "—",
-                        }),
-                    },
-                    { label: "Tags", value: task.tags.length },
-                ] }), task.tags.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1 px-1", children: task.tags.map((tag) => (_jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] text-muted", children: tag }, tag))) })), _jsx(DetailSection, { title: "Task brief", children: _jsx("div", { className: "px-3 py-2 text-xs-tight text-muted/80", children: task.description || "No description yet." }) }), automation.schedules.length > 0 && (_jsx(DetailSection, { title: "Schedules", children: _jsx("div", { className: "divide-y divide-border/20", children: automation.schedules.map((schedule) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 text-xs-tight", children: [_jsx("span", { className: "truncate font-medium text-txt", children: schedule.displayName }), _jsx(DetailStatusIndicator, { label: schedule.enabled ? "Active" : "Paused", tone: schedule.enabled ? "success" : "muted", dotOnly: schedule.enabled }), _jsx("span", { className: "ml-auto text-muted", children: scheduleLabel(schedule, t, uiLanguage) })] }, schedule.id))) }) }))] }));
+                            }, icon: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: "Compile to Workflow", onClick: () => void onPromoteToWorkflow(automation), icon: _jsx(GitBranch, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: t("triggersview.Edit"), onClick: () => openEditTask(task), icon: _jsx(EditIcon, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: t("triggersview.Delete"), onClick: () => void onDeleteTask(task.id), icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), tone: "danger" })] })) : null }), _jsxs("div", { className: "grid gap-2 sm:grid-cols-2 xl:grid-cols-4", children: [_jsx(OverviewMetricCard, { label: "Task type", value: taskTypeLabel, detail: automation.schedules.length > 0
+                            ? formatScheduleCount(automation.schedules.length)
+                            : "Run it manually" }), _jsx(OverviewMetricCard, { label: "Status", value: statusLabel, detail: task.isCompleted ? "Already completed" : "Still open", tone: task.isCompleted ? "default" : "ok" }), _jsx(OverviewMetricCard, { label: "Starts", value: nextScheduledRun
+                            ? formatRelativeFuture(nextScheduledRun, t)
+                            : "Manual", detail: nextScheduledRun
+                            ? formatDateTime(nextScheduledRun, {
+                                fallback: "—",
+                                locale: uiLanguage,
+                            })
+                            : "Run it yourself or attach a schedule", tone: nextScheduledRun ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Updated", value: formatRelativePast(automation.updatedAt, t), detail: formatDateTime(automation.updatedAt, { fallback: "—" }) })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.12fr)_minmax(320px,0.88fr)]", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(DetailSection, { title: "Prompt", children: _jsx("div", { className: "min-h-[10rem] px-4 py-4 text-sm leading-relaxed text-muted/85 whitespace-pre-wrap", children: task.description || "Describe what this task should do." }) }), _jsx(DetailSection, { title: automation.schedules.length > 0 ? "Starts when" : "How it starts", children: automation.schedules.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: automation.schedules.map((schedule) => (_jsx(OverviewListItem, { title: schedule.displayName, meta: scheduleLabel(schedule, t, uiLanguage), detail: formatDateTime(schedule.nextRunAtMs ?? null, {
+                                            fallback: "No next run queued",
+                                            locale: uiLanguage,
+                                        }), trailing: schedule.enabled ? "Live" : "Paused", tone: schedule.enabled ? "success" : "muted" }, schedule.id))) })) : (_jsx("div", { className: "px-4 py-4 text-xs-tight text-muted/70", children: "This task is manual right now. Add a schedule if you want it to start on its own." })) })] }), _jsx("div", { className: "space-y-4", children: _jsx(DetailSection, { title: "Details", children: _jsx(DetailFactList, { items: [
+                                    {
+                                        label: "State",
+                                        value: task.isCompleted ? "Completed" : "Open",
+                                    },
+                                    {
+                                        label: "Source",
+                                        value: automation.system
+                                            ? "Agent-owned checklist item"
+                                            : "Simple prompt task",
+                                    },
+                                    {
+                                        label: "Next run",
+                                        value: nextScheduledRun
+                                            ? formatDateTime(nextScheduledRun, {
+                                                fallback: "—",
+                                                locale: uiLanguage,
+                                            })
+                                            : "Manual",
+                                    },
+                                    {
+                                        label: "Tags",
+                                        value: task.tags.length > 0 ? (_jsx("div", { className: "flex flex-wrap justify-end gap-1", children: task.tags.map((tag) => (_jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] text-muted", children: tag }, tag))) })) : ("None"),
+                                    },
+                                ] }) }) })] })] }));
 }
 const AUTOMATION_DRAFT_EXAMPLES = [
     {
@@ -1067,22 +1131,26 @@ function OverviewMetricCard({ label, value, detail, tone = "default", }) {
                 : "text-txt";
     return (_jsxs("div", { className: "rounded-xl border border-border/25 bg-bg/35 px-3 py-3 shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: [_jsx("div", { className: "text-[10px] font-semibold uppercase tracking-[0.14em] text-muted/70", children: label }), _jsx("div", { className: `mt-2 text-lg font-semibold leading-none ${valueClass}`, children: value }), _jsx("div", { className: "mt-2 text-[11px] leading-snug text-muted/70", children: detail })] }));
 }
+function OverviewListItem({ title, badge, meta, detail, trailing, tone = "muted", onClick, }) {
+    const content = (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(StatusDot, { tone: tone, className: "mt-1 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate font-medium text-txt", children: title }), badge ? (_jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: badge })) : null, trailing ? (_jsx("span", { className: "ml-auto shrink-0 text-[11px] text-muted/70", children: trailing })) : null] }), meta ? (_jsx("div", { className: "mt-0.5 text-[11px] leading-snug text-muted/70", children: meta })) : null, detail ? (_jsx("div", { className: "mt-1 line-clamp-1 text-[11px] leading-snug text-muted/60", children: detail })) : null] })] }));
+    if (!onClick) {
+        return _jsx("div", { className: "px-3 py-2 text-xs-tight", children: content });
+    }
+    return (_jsx("button", { type: "button", onClick: onClick, className: "w-full px-3 py-2 text-left text-xs-tight transition-colors hover:bg-bg-muted/40", children: content }));
+}
 function AutomationsDashboard({ items, onSelectItem, onCreateTask, onCreateWorkflow, onUseIdea, }) {
     const { t, uiLanguage } = useAutomationsViewContext();
     const now = Date.now();
     const visibleItems = useMemo(() => items.filter((item) => !item.system), [items]);
     const scheduledEntries = useMemo(() => collectScheduledAutomationEntries(visibleItems), [visibleItems]);
     const draftItems = useMemo(() => sortAutomationsByUpdatedAtDesc(visibleItems.filter((item) => item.isDraft)).slice(0, 4), [visibleItems]);
-    const taskHighlights = useMemo(() => sortAutomationsByUpdatedAtDesc(visibleItems.filter((item) => !item.isDraft && item.type !== "n8n_workflow")).slice(0, 5), [visibleItems]);
-    const workflowHighlights = useMemo(() => sortAutomationsByUpdatedAtDesc(visibleItems.filter((item) => item.type === "n8n_workflow" && !item.isDraft)).slice(0, 5), [visibleItems]);
-    const recentlyChanged = useMemo(() => sortAutomationsByUpdatedAtDesc(visibleItems).slice(0, 6), [visibleItems]);
-    const taskCount = visibleItems.filter((item) => item.type === "automation_draft" || item.trigger != null || item.task).length;
+    const taskHighlights = useMemo(() => sortAutomationsByUpdatedAtDesc(visibleItems.filter((item) => item.type !== "n8n_workflow")).slice(0, 6), [visibleItems]);
+    const workflowHighlights = useMemo(() => sortAutomationsByUpdatedAtDesc(visibleItems.filter((item) => item.type === "n8n_workflow")).slice(0, 6), [visibleItems]);
+    const taskCount = visibleItems.filter((item) => item.type !== "n8n_workflow").length;
     const workflowCount = visibleItems.filter((item) => item.type === "n8n_workflow").length;
     const activeCount = visibleItems.filter((item) => item.enabled && !item.isDraft).length;
     const activeScheduleCount = scheduledEntries.filter(({ schedule }) => schedule.enabled).length;
-    const failingCount = scheduledEntries.filter(({ schedule }) => toneForLastStatus(schedule.lastStatus) === "danger").length;
     const draftCount = visibleItems.filter((item) => item.isDraft).length;
-    const totalCount = visibleItems.filter((item) => !item.isDraft).length;
     const upcoming = useMemo(() => scheduledEntries
         .filter(({ schedule }) => schedule.enabled &&
         typeof schedule.nextRunAtMs === "number" &&
@@ -1112,7 +1180,6 @@ function AutomationsDashboard({ items, onSelectItem, onCreateTask, onCreateWorkf
             key,
             item,
             tone: "danger",
-            statusLabel: "Failed",
             title: getOverviewDisplayTitle(item),
             groupLabel: getAutomationGroupLabel(item),
             meta: scheduleLabel(schedule, t, uiLanguage),
@@ -1120,101 +1187,54 @@ function AutomationsDashboard({ items, onSelectItem, onCreateTask, onCreateWorkf
                 `Last run ${formatRelativePast(schedule.lastRunAtIso, t)}.`,
             trailing: formatRelativePast(schedule.lastRunAtIso, t),
         }));
-        for (const item of draftItems) {
-            next.push({
-                key: `draft:${item.id}`,
-                item,
-                tone: "warning",
-                statusLabel: "Draft",
-                title: getOverviewDisplayTitle(item),
-                groupLabel: getAutomationGroupLabel(item),
-                meta: "Finish this in the sidebar agent.",
-                detail: item.description.trim() ||
-                    "Describe the trigger, timing, or result you want so this becomes a real automation.",
-                trailing: formatRelativePast(item.updatedAt, t),
-            });
-        }
         return next.slice(0, 6);
-    }, [draftItems, failures, t, uiLanguage]);
-    if (totalCount === 0 && draftCount === 0) {
-        return (_jsxs("div", { className: "space-y-4 px-1 pt-4", children: [_jsx("section", { className: "overflow-hidden rounded-xl border border-border/25 bg-[radial-gradient(circle_at_top_left,rgba(34,211,238,0.14),transparent_38%),radial-gradient(circle_at_top_right,rgba(34,197,94,0.12),transparent_32%),rgba(255,255,255,0.02)]", children: _jsxs("div", { className: "space-y-3 px-4 py-4 sm:px-5", children: [_jsxs("div", { className: "inline-flex items-center gap-2 rounded-full border border-border/25 bg-bg/40 px-2 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted/70", children: [_jsx(LayoutDashboard, { className: "h-3 w-3", "aria-hidden": true }), "Overview"] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-lg font-semibold text-txt", children: "Build your first task or workflow" }), _jsx("p", { className: "text-xs-tight text-muted/80", children: "Workflows handle multi-step pipelines; tasks are simple prompts that run on a schedule or from an event." })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: "default", size: "sm", onClick: onCreateTask, children: "New task" }), _jsx(Button, { variant: "outline", size: "sm", onClick: onCreateWorkflow, children: "New workflow" })] })] }) }), _jsxs("div", { className: "grid gap-3 xl:grid-cols-2", children: [_jsx(DetailSection, { title: "Task ideas", children: _jsx("div", { className: "p-2", children: _jsx(OverviewIdeaGrid, { ideas: taskIdeas, onSelect: (idea) => onUseIdea(idea) }) }) }), _jsx(DetailSection, { title: "Workflow ideas", children: _jsx("div", { className: "p-2", children: _jsx(OverviewIdeaGrid, { ideas: workflowIdeas, onSelect: (idea) => onUseIdea(idea) }) }) })] })] }));
+    }, [failures, t, uiLanguage]);
+    if (taskCount === 0 && workflowCount === 0) {
+        return (_jsxs("div", { className: "space-y-4 px-1 pt-4", children: [_jsx("section", { className: "overflow-hidden rounded-xl border border-border/25 bg-[radial-gradient(circle_at_top_left,rgba(34,211,238,0.14),transparent_38%),radial-gradient(circle_at_top_right,rgba(34,197,94,0.12),transparent_32%),rgba(255,255,255,0.02)]", children: _jsxs("div", { className: "space-y-3 px-4 py-4 sm:px-5", children: [_jsxs("div", { className: "inline-flex items-center gap-2 rounded-full border border-border/25 bg-bg/40 px-2 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted/70", children: [_jsx(LayoutDashboard, { className: "h-3 w-3", "aria-hidden": true }), "Overview"] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-lg font-semibold text-txt", children: "Build your first automation" }), _jsx("p", { className: "text-xs-tight text-muted/80", children: "Workflows handle multi-step pipelines; tasks are simple prompts that run on a schedule or from an event." })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: "default", size: "sm", onClick: onCreateTask, children: "New task" }), _jsx(Button, { variant: "outline", size: "sm", onClick: onCreateWorkflow, children: "New workflow" })] })] }) }), _jsxs("div", { className: "grid gap-3 xl:grid-cols-2", children: [_jsx(DetailSection, { title: "Task ideas", children: _jsx("div", { className: "p-2", children: _jsx(OverviewIdeaGrid, { ideas: taskIdeas, onSelect: (idea) => onUseIdea(idea) }) }) }), _jsx(DetailSection, { title: "Workflow ideas", children: _jsx("div", { className: "p-2", children: _jsx(OverviewIdeaGrid, { ideas: workflowIdeas, onSelect: (idea) => onUseIdea(idea) }) }) })] }), draftItems.length > 0 && (_jsx(DetailSection, { title: "Drafts in progress", children: _jsx("div", { className: "divide-y divide-border/20", children: draftItems.map((item) => (_jsx(OverviewListItem, { onClick: () => onSelectItem(item), title: getOverviewDisplayTitle(item), badge: "Draft", meta: formatRelativePast(item.updatedAt, t), detail: item.description.trim() ||
+                                "Open it and keep shaping it in the sidebar agent.", tone: "warning" }, item.id))) }) }))] }));
     }
-    return (_jsxs("div", { className: "space-y-4 px-1 pt-4", children: [_jsx("section", { className: "overflow-hidden rounded-xl border border-border/25 bg-[radial-gradient(circle_at_top_left,rgba(34,197,94,0.12),transparent_36%),radial-gradient(circle_at_top_right,rgba(56,189,248,0.14),transparent_34%),rgba(255,255,255,0.02)]", children: _jsxs("div", { className: "grid gap-4 px-4 py-4 sm:px-5 xl:grid-cols-[minmax(0,1.2fr)_minmax(300px,0.8fr)]", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "inline-flex items-center gap-2 rounded-full border border-border/25 bg-bg/40 px-2 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted/70", children: [_jsx(LayoutDashboard, { className: "h-3 w-3", "aria-hidden": true }), "Overview"] }), _jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-lg font-semibold text-txt", children: "Keep tasks and workflows moving" }), _jsx("p", { className: "max-w-2xl text-xs-tight text-muted/80", children: "See what runs next, what needs attention, and which automations changed most recently." })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: "default", size: "sm", onClick: onCreateTask, children: "New task" }), _jsx(Button, { variant: "outline", size: "sm", onClick: onCreateWorkflow, children: "New workflow" })] }), _jsxs("div", { className: "grid gap-2 sm:grid-cols-2 xl:grid-cols-3", children: [_jsx(OverviewMetricCard, { label: "Automations", value: _jsx("span", { className: "tabular-nums", children: totalCount }), detail: `${taskCount} tasks and ${workflowCount} workflows` }), _jsx(OverviewMetricCard, { label: "Active", value: _jsx("span", { className: "tabular-nums", children: activeCount }), detail: activeCount > 0
-                                                ? "Enabled and ready to run."
-                                                : "Nothing is active right now.", tone: activeCount > 0 ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Scheduled", value: _jsx("span", { className: "tabular-nums", children: activeScheduleCount }), detail: activeScheduleCount > 0
-                                                ? "Enabled time-based schedules."
-                                                : "No enabled time-based schedules.", tone: activeScheduleCount > 0 ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Next run", value: nextUpcoming?.schedule.nextRunAtMs
-                                                ? formatRelativeFuture(nextUpcoming.schedule.nextRunAtMs, t)
-                                                : scheduledEntries.length > 0
-                                                    ? "Not queued"
-                                                    : "Event only", detail: nextUpcoming?.schedule.nextRunAtMs
-                                                ? `${getOverviewDisplayTitle(nextUpcoming.item)} at ${formatDateTime(nextUpcoming.schedule.nextRunAtMs, {
-                                                    fallback: "—",
-                                                    locale: uiLanguage,
-                                                })}`
-                                                : scheduledEntries.length > 0
-                                                    ? "All time-based schedules are paused or idle."
-                                                    : "No time-based schedules yet.", tone: nextUpcoming ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Failing", value: _jsx("span", { className: "tabular-nums", children: failingCount }), detail: failingCount > 0
-                                                ? "Recent runs need attention."
-                                                : "All scheduled runs look healthy.", tone: failingCount > 0 ? "danger" : "ok" }), _jsx(OverviewMetricCard, { label: "Drafts", value: _jsx("span", { className: "tabular-nums", children: draftCount }), detail: draftCount > 0
-                                                ? "Still waiting to be finished."
-                                                : "Nothing half-built right now.", tone: draftCount > 0 ? "warning" : "default" })] })] }), _jsxs("div", { className: "rounded-xl border border-border/25 bg-bg/35 p-4 shadow-[inset_0_1px_0_rgba(255,255,255,0.04)]", children: [_jsx("div", { className: "text-[10px] font-semibold uppercase tracking-[0.14em] text-muted/70", children: "Next up" }), nextUpcoming?.schedule.nextRunAtMs ? (_jsxs("button", { type: "button", onClick: () => onSelectItem(nextUpcoming.item), className: "mt-3 flex w-full flex-col items-start gap-1 rounded-xl border border-border/20 bg-bg/30 px-3 py-3 text-left transition-colors hover:border-accent/30 hover:bg-accent/5", children: [_jsxs("div", { className: "flex w-full items-center gap-2", children: [_jsx("span", { className: "truncate text-sm font-semibold text-txt", children: getOverviewDisplayTitle(nextUpcoming.item) }), _jsx("span", { className: "rounded bg-bg/60 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: getAutomationGroupLabel(nextUpcoming.item) })] }), _jsx("div", { className: "text-[11px] text-muted/70", children: scheduleLabel(nextUpcoming.schedule, t, uiLanguage) }), _jsxs("div", { className: "mt-2 flex w-full items-end justify-between gap-3", children: [_jsx("span", { className: "text-lg font-semibold text-txt", children: formatRelativeFuture(nextUpcoming.schedule.nextRunAtMs, t) }), _jsx("span", { className: "text-[11px] text-muted/70", children: formatDateTime(nextUpcoming.schedule.nextRunAtMs, {
-                                                        fallback: "—",
-                                                        locale: uiLanguage,
-                                                    }) })] })] })) : (_jsxs("div", { className: "mt-3 rounded-xl border border-border/20 bg-bg/30 px-3 py-3", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: "No time-based run is queued" }), _jsx("div", { className: "mt-1 text-[11px] leading-snug text-muted/70", children: "Event-driven automations can still run. Add a schedule to a task or workflow if you want upcoming activity to show here." })] })), _jsxs("div", { className: "mt-4 space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-[11px] text-muted/80", children: [_jsx(StatusDot, { tone: failingCount > 0 ? "danger" : "success", className: "shrink-0" }), _jsx("span", { children: failingCount > 0
-                                                        ? `${failingCount} failing run${failingCount === 1 ? "" : "s"} need attention.`
-                                                        : "No failing runs right now." })] }), _jsxs("div", { className: "flex items-center gap-2 text-[11px] text-muted/80", children: [_jsx(StatusDot, { tone: draftCount > 0 ? "warning" : "muted", className: "shrink-0" }), _jsx("span", { children: draftCount > 0
-                                                        ? `${draftCount} draft${draftCount === 1 ? "" : "s"} still need to be finished.`
-                                                        : "No drafts are waiting on you." })] }), _jsxs("div", { className: "flex items-center gap-2 text-[11px] text-muted/80", children: [_jsx(StatusDot, { tone: activeScheduleCount > 0 ? "success" : "muted", className: "shrink-0" }), _jsx("span", { children: activeScheduleCount > 0
-                                                        ? `${activeScheduleCount} enabled schedule${activeScheduleCount === 1 ? "" : "s"} are live.`
-                                                        : "No enabled time-based schedules yet." })] })] })] })] }) }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.15fr)_minmax(320px,0.85fr)]", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(DetailSection, { title: "Needs attention", children: attentionEntries.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: attentionEntries.map((entry) => (_jsxs("button", { type: "button", onClick: () => onSelectItem(entry.item), className: "flex w-full items-start gap-2 px-3 py-2 text-left text-xs-tight hover:bg-bg-muted/40", children: [_jsx(StatusDot, { tone: entry.tone, className: "mt-1 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate font-medium text-txt", children: entry.title }), _jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: entry.groupLabel }), _jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: entry.statusLabel }), _jsx("span", { className: "ml-auto text-muted/70 tabular-nums", children: entry.trailing })] }), _jsx("div", { className: "mt-0.5 text-[11px] text-muted/70", children: entry.meta }), _jsx("div", { className: `mt-1 line-clamp-2 text-[11px] ${entry.tone === "danger"
-                                                            ? "text-danger/80"
-                                                            : "text-muted/70"}`, children: entry.detail })] })] }, entry.key))) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: "Everything looks healthy. No failures and no unfinished drafts are bubbling up right now." })) }), _jsx(DetailSection, { title: "Upcoming runs", action: _jsx("span", { className: "text-[10px] uppercase tracking-[0.12em] text-muted/60", children: activeScheduleCount > 0
-                                        ? `${activeScheduleCount} live`
-                                        : "none live" }), children: upcoming.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: upcoming.map(({ key, item, schedule }) => (_jsxs("button", { type: "button", onClick: () => onSelectItem(item), className: "flex w-full items-start gap-2 px-3 py-2 text-left text-xs-tight hover:bg-bg-muted/40", children: [_jsx(Clock3, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted/60", "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate font-medium text-txt", children: getOverviewDisplayTitle(item) }), _jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: getAutomationGroupLabel(item) }), _jsx("span", { className: "ml-auto text-muted tabular-nums", children: schedule.nextRunAtMs
-                                                                    ? formatRelativeFuture(schedule.nextRunAtMs, t)
-                                                                    : "—" })] }), _jsx("div", { className: "mt-0.5 text-[11px] text-muted/70", children: scheduleLabel(schedule, t, uiLanguage) }), _jsx("div", { className: "mt-1 text-[11px] text-muted/60", children: formatDateTime(schedule.nextRunAtMs ?? null, {
-                                                            fallback: "—",
-                                                            locale: uiLanguage,
-                                                        }) })] })] }, key))) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: scheduledEntries.length > 0
-                                        ? "Nothing is queued right now. Enabled schedules will appear here when they have a next run."
-                                        : "No time-based schedules yet. Event-driven automations can still run without appearing in this list." })) }), _jsx(DetailSection, { title: "Recent runs", children: recent.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: recent.map(({ key, item, schedule }) => {
-                                        const tone = toneForLastStatus(schedule.lastStatus);
-                                        return (_jsxs("button", { type: "button", onClick: () => onSelectItem(item), className: "flex w-full items-start gap-2 px-3 py-2 text-left text-xs-tight hover:bg-bg-muted/40", children: [_jsx(StatusDot, { tone: tone, className: "mt-1 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate font-medium text-txt", children: getOverviewDisplayTitle(item) }), _jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: getAutomationGroupLabel(item) }), _jsx("span", { className: "ml-auto text-muted/70 tabular-nums", children: formatRelativePast(schedule.lastRunAtIso, t) })] }), _jsx("div", { className: "mt-0.5 text-[11px] text-muted/70", children: scheduleLabel(schedule, t, uiLanguage) }), _jsx("div", { className: "mt-1 text-[11px] text-muted/60", children: formatDateTime(schedule.lastRunAtIso, {
-                                                                fallback: "—",
-                                                                locale: uiLanguage,
-                                                            }) })] })] }, key));
-                                    }) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: scheduledEntries.length > 0
-                                        ? "No runs have completed yet."
-                                        : "Runs will show up here once a scheduled automation starts executing." })) })] }), _jsxs("div", { className: "space-y-4", children: [_jsx(DetailSection, { title: "Tasks", action: _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs", onClick: onCreateTask, children: "New task" }), children: taskHighlights.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: taskHighlights.map((item) => (_jsxs("button", { type: "button", onClick: () => onSelectItem(item), className: "flex w-full items-start gap-2 px-3 py-2 text-left text-xs-tight hover:bg-bg-muted/40", children: [_jsx(StatusDot, { tone: item.enabled ? "success" : "muted", className: "mt-1 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate font-medium text-txt", children: getOverviewDisplayTitle(item) }), item.schedules.length > 0 ? (_jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: formatScheduleCount(item.schedules.length) })) : null, _jsx("span", { className: "ml-auto text-muted/70 tabular-nums", children: formatRelativePast(item.updatedAt, t) })] }), _jsx("div", { className: "mt-1 line-clamp-2 text-[11px] text-muted/70", children: item.description.trim() ||
-                                                            (item.schedules.length > 0
-                                                                ? scheduleLabel(item.schedules[0], t, uiLanguage)
-                                                                : "Simple prompt automation.") })] })] }, item.id))) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: "No real tasks yet. Start with a simple prompt automation here." })) }), _jsx(DetailSection, { title: "Workflows", action: _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs", onClick: onCreateWorkflow, children: "New workflow" }), children: workflowHighlights.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: workflowHighlights.map((item) => (_jsxs("button", { type: "button", onClick: () => onSelectItem(item), className: "flex w-full items-start gap-2 px-3 py-2 text-left text-xs-tight hover:bg-bg-muted/40", children: [_jsx(StatusDot, { tone: item.enabled ? "success" : "muted", className: "mt-1 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate font-medium text-txt", children: getOverviewDisplayTitle(item) }), _jsxs("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: [getWorkflowNodeCount(item), " nodes"] }), item.schedules.length > 0 ? (_jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: formatScheduleCount(item.schedules.length) })) : null, _jsx("span", { className: "ml-auto text-muted/70 tabular-nums", children: formatRelativePast(item.updatedAt, t) })] }), _jsx("div", { className: "mt-1 line-clamp-2 text-[11px] text-muted/70", children: item.description.trim() ||
-                                                            (item.schedules.length > 0
-                                                                ? scheduleLabel(item.schedules[0], t, uiLanguage)
-                                                                : "n8n workflow with no time-based schedule yet.") })] })] }, item.id))) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: "No real workflows yet. Use a workflow when the automation needs multiple deterministic steps." })) }), _jsx(DetailSection, { title: "Recently changed", children: recentlyChanged.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: recentlyChanged.map((item) => (_jsxs("button", { type: "button", onClick: () => onSelectItem(item), className: "flex w-full items-start gap-2 px-3 py-2 text-left text-xs-tight hover:bg-bg-muted/40", children: [_jsx(StatusDot, { tone: item.isDraft
-                                                    ? "warning"
-                                                    : item.enabled
-                                                        ? "success"
-                                                        : "muted", className: "mt-1 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate font-medium text-txt", children: getOverviewDisplayTitle(item) }), _jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: item.isDraft
-                                                                    ? "Draft"
-                                                                    : getAutomationGroupLabel(item) }), _jsx("span", { className: "ml-auto text-muted/70 tabular-nums", children: formatRelativePast(item.updatedAt, t) })] }), _jsx("div", { className: "mt-1 line-clamp-2 text-[11px] text-muted/70", children: item.description.trim() ||
-                                                            (item.type === "n8n_workflow"
-                                                                ? `${getWorkflowNodeCount(item)} nodes`
-                                                                : item.schedules.length > 0
-                                                                    ? scheduleLabel(item.schedules[0], t, uiLanguage)
-                                                                    : "Updated recently.") })] })] }, item.id))) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: "Changes will appear here as automations are created or updated." })) })] })] })] }));
+    return (_jsxs("div", { className: "space-y-4 px-1 pt-4", children: [_jsxs("section", { className: "grid gap-4 xl:grid-cols-[minmax(0,1.15fr)_minmax(320px,0.85fr)]", children: [_jsxs("div", { className: "rounded-xl border border-border/25 bg-[radial-gradient(circle_at_top_left,rgba(34,197,94,0.1),transparent_34%),radial-gradient(circle_at_top_right,rgba(56,189,248,0.12),transparent_30%),rgba(255,255,255,0.02)] px-4 py-4 sm:px-5", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "inline-flex items-center gap-2 rounded-full border border-border/25 bg-bg/40 px-2 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted/70", children: [_jsx(LayoutDashboard, { className: "h-3 w-3", "aria-hidden": true }), "Overview"] }), _jsx("h2", { className: "text-lg font-semibold text-txt", children: "Automations" })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: "default", size: "sm", onClick: onCreateTask, children: "New task" }), _jsx(Button, { variant: "outline", size: "sm", onClick: onCreateWorkflow, children: "New workflow" })] })] }), _jsxs("div", { className: "mt-4 grid gap-2 sm:grid-cols-2 xl:grid-cols-4", children: [_jsx(OverviewMetricCard, { label: "Live", value: _jsx("span", { className: "tabular-nums", children: activeCount }), detail: activeCount > 0 ? "Ready to run" : "Nothing enabled", tone: activeCount > 0 ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Scheduled", value: _jsx("span", { className: "tabular-nums", children: activeScheduleCount }), detail: activeScheduleCount > 0
+                                            ? "Time-based runs live"
+                                            : "No live schedule", tone: activeScheduleCount > 0 ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Attention", value: _jsx("span", { className: "tabular-nums", children: attentionEntries.length }), detail: attentionEntries.length > 0 ? "Failed runs" : "Nothing urgent", tone: attentionEntries.length > 0 ? "danger" : "ok" }), _jsx(OverviewMetricCard, { label: "Drafts", value: _jsx("span", { className: "tabular-nums", children: draftCount }), detail: draftCount > 0 ? "Still being shaped" : "Nothing in progress", tone: draftCount > 0 ? "warning" : "default" })] })] }), _jsx(DetailSection, { title: "Next up", className: "h-full", children: nextUpcoming?.schedule.nextRunAtMs ? (_jsxs("button", { type: "button", onClick: () => onSelectItem(nextUpcoming.item), className: "flex w-full flex-col gap-2 px-4 py-4 text-left transition-colors hover:bg-bg-muted/40", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(StatusDot, { tone: "success", className: "shrink-0" }), _jsx("span", { className: "truncate text-sm font-semibold text-txt", children: getOverviewDisplayTitle(nextUpcoming.item) }), _jsx("span", { className: "rounded bg-bg/50 px-1.5 py-0.5 text-[10px] uppercase tracking-[0.12em] text-muted/70", children: getAutomationGroupLabel(nextUpcoming.item) })] }), _jsx("div", { className: "pl-4 text-[11px] text-muted/70", children: scheduleLabel(nextUpcoming.schedule, t, uiLanguage) }), _jsxs("div", { className: "pl-4", children: [_jsx("div", { className: "text-lg font-semibold text-txt", children: formatRelativeFuture(nextUpcoming.schedule.nextRunAtMs, t) }), _jsx("div", { className: "mt-1 text-[11px] text-muted/70", children: formatDateTime(nextUpcoming.schedule.nextRunAtMs, {
+                                                fallback: "—",
+                                                locale: uiLanguage,
+                                            }) })] })] })) : (_jsxs("div", { className: "flex h-full min-h-[11.75rem] flex-col justify-between gap-3 px-4 py-4", children: [_jsx("div", { className: "space-y-1", children: _jsx("div", { className: "text-sm font-medium text-txt", children: "None queued." }) }), draftItems[0] ? (_jsx(Button, { variant: "outline", size: "sm", className: "w-fit", onClick: () => onSelectItem(draftItems[0]), children: "Continue draft" })) : null] })) })] }), attentionEntries.length > 0 ? (_jsx(DetailSection, { title: "Needs attention", children: _jsx("div", { className: "divide-y divide-border/20", children: attentionEntries.map((entry) => (_jsx(OverviewListItem, { onClick: () => onSelectItem(entry.item), title: entry.title, badge: entry.groupLabel, meta: entry.meta, detail: entry.detail, trailing: entry.trailing, tone: entry.tone }, entry.key))) }) })) : null, _jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [_jsx(DetailSection, { title: "Upcoming runs", className: "h-full", children: upcoming.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: upcoming.map(({ key, item, schedule }) => (_jsx(OverviewListItem, { onClick: () => onSelectItem(item), title: getOverviewDisplayTitle(item), badge: getAutomationGroupLabel(item), meta: scheduleLabel(schedule, t, uiLanguage), detail: formatDateTime(schedule.nextRunAtMs ?? null, {
+                                    fallback: "—",
+                                    locale: uiLanguage,
+                                }), trailing: schedule.nextRunAtMs
+                                    ? formatRelativeFuture(schedule.nextRunAtMs, t)
+                                    : "—", tone: "success" }, key))) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: scheduledEntries.length > 0 ? "None queued." : "No schedules." })) }), _jsx(DetailSection, { title: "Recent runs", className: "h-full", children: recent.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: recent.map(({ key, item, schedule }) => {
+                                const tone = toneForLastStatus(schedule.lastStatus);
+                                return (_jsx(OverviewListItem, { onClick: () => onSelectItem(item), title: getOverviewDisplayTitle(item), badge: getAutomationGroupLabel(item), meta: scheduleLabel(schedule, t, uiLanguage), detail: formatDateTime(schedule.lastRunAtIso, {
+                                        fallback: "—",
+                                        locale: uiLanguage,
+                                    }), trailing: formatRelativePast(schedule.lastRunAtIso, t), tone: tone }, key));
+                            }) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: "No runs yet." })) })] }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-2", children: [_jsx(DetailSection, { title: "Tasks", className: "h-full", action: _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs", onClick: onCreateTask, children: "New task" }), children: taskHighlights.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: taskHighlights.map((item) => (_jsx(OverviewListItem, { onClick: () => onSelectItem(item), title: getOverviewDisplayTitle(item), badge: item.isDraft
+                                    ? "Draft"
+                                    : item.schedules.length > 0
+                                        ? formatScheduleCount(item.schedules.length)
+                                        : undefined, meta: item.isDraft
+                                    ? "In progress"
+                                    : item.schedules.length > 0
+                                        ? scheduleLabel(item.schedules[0], t, uiLanguage)
+                                        : "Event or manual", trailing: formatRelativePast(item.updatedAt, t), tone: getAutomationStatusTone(item) }, item.id))) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: "No tasks yet." })) }), _jsx(DetailSection, { title: "Workflows", className: "h-full", action: _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs", onClick: onCreateWorkflow, children: "New workflow" }), children: workflowHighlights.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: workflowHighlights.map((item) => (_jsx(OverviewListItem, { onClick: () => onSelectItem(item), title: getOverviewDisplayTitle(item), badge: item.isDraft
+                                    ? "Draft"
+                                    : `${getWorkflowNodeCount(item)} nodes`, meta: item.isDraft
+                                    ? "In progress"
+                                    : item.schedules.length > 0
+                                        ? scheduleLabel(item.schedules[0], t, uiLanguage)
+                                        : "Event or manual", trailing: formatRelativePast(item.updatedAt, t), tone: getAutomationStatusTone(item) }, item.id))) })) : (_jsx("div", { className: "px-3 py-4 text-xs-tight text-muted/70", children: "No workflows yet." })) })] })] }));
 }
-function AutomationDraftPane({ automation, onSeedPrompt, }) {
+function AutomationDraftPane({ automation, onSeedPrompt, onDeleteDraft, }) {
     const chatChrome = useAppWorkspaceChatChrome();
     const openSidebarDraftChat = useCallback((prompt) => {
         chatChrome?.openChat();
         onSeedPrompt(prompt);
     }, [chatChrome, onSeedPrompt]);
-    return (_jsxs("div", { className: "space-y-4 px-4 pt-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-lg font-semibold text-txt", children: getAutomationDisplayTitle(automation) }), _jsx("p", { className: "max-w-2xl text-xs-tight text-muted/80", children: "Use the sidebar agent to turn this draft into a real task or workflow. Describe the trigger, schedule, and result you want, and the draft will materialize into the actual automation." })] }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 px-3 text-sm", onClick: () => openSidebarDraftChat(DESCRIBE_WORKFLOW_PROMPT), children: DESCRIBE_WORKFLOW_PROMPT })] }), _jsx("div", { className: "grid gap-1.5 sm:grid-cols-2", children: AUTOMATION_DRAFT_EXAMPLES.map((example) => {
+    return (_jsxs("div", { className: "space-y-4 px-4 pt-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h2", { className: "text-lg font-semibold text-txt", children: getAutomationDisplayTitle(automation) }), _jsx("p", { className: "max-w-2xl text-xs-tight text-muted/80", children: "Use the sidebar agent to turn this draft into a task or workflow. Say what should start it and what result you want." })] }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 px-3 text-sm", onClick: () => openSidebarDraftChat(DESCRIBE_WORKFLOW_PROMPT), children: DESCRIBE_WORKFLOW_PROMPT }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-8 px-3 text-sm text-danger hover:bg-danger/10 hover:text-danger", onClick: () => void onDeleteDraft(automation), children: "Delete draft" })] })] }), _jsx("div", { className: "grid gap-1.5 sm:grid-cols-2", children: AUTOMATION_DRAFT_EXAMPLES.map((example) => {
                     const Icon = example.icon;
                     return (_jsxs("button", { type: "button", onClick: () => openSidebarDraftChat(example.prompt), className: "group flex items-start gap-2 rounded-[var(--radius-sm)] border border-border/25 bg-bg/30 px-3 py-2 text-left transition-colors hover:border-accent/40 hover:bg-accent/5", children: [_jsx(Icon, { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-accent/80", "aria-hidden": true }), _jsxs("div", { className: "min-w-0 flex-1 space-y-0.5", children: [_jsx("div", { className: "text-xs-tight font-semibold text-txt", children: example.label }), _jsx("div", { className: "line-clamp-2 text-[11px] leading-snug text-muted/70", children: example.prompt })] })] }, example.label));
-                }) }), _jsx("p", { className: "px-1 text-[11px] text-muted/60", children: "Keep the conversation in the sidebar agent. The draft will update here as it becomes a real task or workflow." })] }));
+                }) }), _jsx("p", { className: "px-1 text-[11px] text-muted/60", children: "The draft updates here as the automation takes shape." })] }));
 }
 function IconAction({ icon, label, onClick, tone, disabled, ariaBusy, }) {
     const toneClass = tone === "warning"
@@ -1235,11 +1255,11 @@ function DetailStatusIndicator({ label, tone, dotOnly = false, }) {
     }
     return _jsx(StatusBadge, { label: label, variant: tone, withDot: true });
 }
-function DetailStatsRow({ items, }) {
-    return (_jsx("dl", { className: "flex flex-wrap items-center gap-x-5 gap-y-1 px-1 text-xs-tight", children: items.map((item) => (_jsxs("div", { className: "flex items-baseline gap-1.5", children: [_jsx("dt", { className: "text-2xs font-semibold uppercase tracking-[0.12em] text-muted/70", children: item.label }), _jsx("dd", { className: "font-medium text-txt", children: item.value })] }, item.label))) }));
+function DetailSection({ title, action, children, className, }) {
+    return (_jsxs("section", { className: `rounded-[var(--radius-sm)] border border-border/25 bg-bg/20 ${className ?? ""}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border/20 px-3 py-1.5", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.14em] text-muted", children: title }), action] }), _jsx("div", { className: "py-1", children: children })] }));
 }
-function DetailSection({ title, action, children, }) {
-    return (_jsxs("section", { className: "rounded-[var(--radius-sm)] border border-border/25 bg-bg/20", children: [_jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border/20 px-3 py-1.5", children: [_jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.14em] text-muted", children: title }), action] }), _jsx("div", { className: "py-1", children: children })] }));
+function DetailFactList({ items, }) {
+    return (_jsx("dl", { className: "divide-y divide-border/20", children: items.map((item) => (_jsxs("div", { className: "flex items-start justify-between gap-3 px-3 py-2 text-xs-tight", children: [_jsx("dt", { className: "shrink-0 text-muted/70", children: item.label }), _jsx("dd", { className: "min-w-0 text-right text-txt", children: item.value })] }, item.label))) }));
 }
 function TriggerAutomationDetailPane({ automation, onPromoteToWorkflow, }) {
     const { t, uiLanguage, openEditTrigger, onRunSelectedTrigger, onToggleTriggerEnabled, loadTriggerRuns, triggerRunsById, setForm, setEditorOpen, setEditingId, setSelectedItemId, setSelectedItemKind, } = useAutomationsViewContext();
@@ -1265,7 +1285,13 @@ function TriggerAutomationDetailPane({ automation, onPromoteToWorkflow, }) {
             counts.failureCount += 1;
         return counts;
     }, { failureCount: 0, successCount: 0 });
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx(DetailHeader, { icon: _jsx(Clock3, { className: "h-3.5 w-3.5", "aria-hidden": true }), title: getAutomationDisplayTitle(automation), description: automation.description, status: _jsx(DetailStatusIndicator, { label: trigger.enabled ? "Active" : "Paused", tone: trigger.enabled ? "success" : "muted", dotOnly: trigger.enabled }), actions: _jsxs(_Fragment, { children: [_jsx(IconAction, { label: trigger.enabled ? "Pause" : "Resume", onClick: () => void onToggleTriggerEnabled(trigger.id, trigger.enabled), icon: trigger.enabled ? (_jsx(Pause, { className: "h-3.5 w-3.5" })) : (_jsx(Play, { className: "h-3.5 w-3.5" })), tone: trigger.enabled ? "warning" : "ok" }), _jsx(IconAction, { label: t("triggersview.RunNow"), onClick: () => void onRunSelectedTrigger(trigger.id), icon: _jsx(Zap, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: t("triggersview.Edit"), onClick: () => openEditTrigger(trigger), icon: _jsx(EditIcon, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: t("heartbeatsview.duplicate"), onClick: () => {
+    const nextRunLabel = trigger.nextRunAtMs
+        ? formatRelativeFuture(trigger.nextRunAtMs, t)
+        : "Event or manual";
+    const whatRuns = trigger.kind === "workflow"
+        ? trigger.workflowName || "Selected workflow"
+        : trigger.instructions || "No prompt yet.";
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(DetailHeader, { icon: _jsx(Clock3, { className: "h-3.5 w-3.5", "aria-hidden": true }), title: getAutomationDisplayTitle(automation), description: automation.description, status: _jsx(DetailStatusIndicator, { label: trigger.enabled ? "Active" : "Paused", tone: trigger.enabled ? "success" : "muted", dotOnly: trigger.enabled }), actions: _jsxs(_Fragment, { children: [_jsx(IconAction, { label: trigger.enabled ? "Pause" : "Resume", onClick: () => void onToggleTriggerEnabled(trigger.id, trigger.enabled), icon: trigger.enabled ? (_jsx(Pause, { className: "h-3.5 w-3.5" })) : (_jsx(Play, { className: "h-3.5 w-3.5" })), tone: trigger.enabled ? "warning" : "ok" }), _jsx(IconAction, { label: t("triggersview.RunNow"), onClick: () => void onRunSelectedTrigger(trigger.id), icon: _jsx(Zap, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: t("triggersview.Edit"), onClick: () => openEditTrigger(trigger), icon: _jsx(EditIcon, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: t("heartbeatsview.duplicate"), onClick: () => {
                                 setForm({
                                     ...formFromTrigger(trigger),
                                     displayName: `${trigger.displayName} (copy)`,
@@ -1274,36 +1300,43 @@ function TriggerAutomationDetailPane({ automation, onPromoteToWorkflow, }) {
                                 setEditingId(null);
                                 setSelectedItemId(null);
                                 setSelectedItemKind(null);
-                            }, icon: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: "Compile to Workflow", onClick: () => void onPromoteToWorkflow(automation), icon: _jsx(GitBranch, { className: "h-3.5 w-3.5" }) })] }) }), _jsx(DetailStatsRow, { items: [
-                    {
-                        label: "Schedule",
-                        value: scheduleLabel(trigger, t, uiLanguage),
-                    },
-                    {
-                        label: "Last run",
-                        value: formatDateTime(trigger.lastRunAtIso, {
-                            fallback: "—",
+                            }, icon: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: "Compile to Workflow", onClick: () => void onPromoteToWorkflow(automation), icon: _jsx(GitBranch, { className: "h-3.5 w-3.5" }) })] }) }), _jsxs("div", { className: "grid gap-2 sm:grid-cols-2 xl:grid-cols-5", children: [_jsx(OverviewMetricCard, { label: "Runs", value: _jsx("span", { className: "tabular-nums", children: selectedRuns.length }), detail: `${successCount} successful · ${failureCount} failed`, tone: failureCount > 0 ? "danger" : successCount > 0 ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Starts", value: getTriggerStartModeLabel(trigger), detail: scheduleLabel(trigger, t, uiLanguage) }), _jsx(OverviewMetricCard, { label: "When it fires", value: getTriggerWakeModeLabel(trigger), detail: trigger.enabled ? "Enabled" : "Paused", tone: trigger.enabled ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Next run", value: nextRunLabel, detail: formatDateTime(trigger.nextRunAtMs, {
+                            fallback: "No time-based run queued",
                             locale: uiLanguage,
-                        }),
-                    },
-                    {
-                        label: "Next run",
-                        value: formatDateTime(trigger.nextRunAtMs, {
-                            fallback: "—",
+                        }), tone: trigger.nextRunAtMs ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Last run", value: formatRelativePast(trigger.lastRunAtIso, t), detail: formatDateTime(trigger.lastRunAtIso, {
+                            fallback: "Not run yet",
                             locale: uiLanguage,
-                        }),
-                    },
-                    {
-                        label: "Runs",
-                        value: (_jsxs("span", { className: "inline-flex items-center gap-1.5", children: [_jsx("span", { className: "text-txt tabular-nums", children: selectedRuns.length }), successCount > 0 && (_jsxs("span", { className: "text-ok", children: [successCount, "\u2713"] })), failureCount > 0 && (_jsxs("span", { className: "text-danger", children: [failureCount, "\u2717"] }))] })),
-                    },
-                ] }), _jsx(DetailSection, { title: "Run history", action: _jsx(IconAction, { label: t("common.refresh"), onClick: () => void loadTriggerRuns(trigger.id), icon: _jsx(RefreshCw, { className: "h-3.5 w-3.5" }) }), children: !hasLoadedRuns ? (_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-xs-tight text-muted/70", children: [_jsx("div", { className: "h-3 w-3 animate-spin rounded-full border-2 border-muted/30 border-t-muted/80" }), t("databaseview.Loading")] })) : selectedRuns.length === 0 ? (_jsx("div", { className: "px-3 py-2 text-xs-tight text-muted/60", children: t("heartbeatsview.noRunsYetMessage") })) : (_jsx("div", { className: "divide-y divide-border/20", children: selectedRuns.map((run) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 text-xs-tight", children: [_jsx(StatusBadge, { label: localizedExecutionStatus(run.status, t), variant: toneForLastStatus(run.status) }), _jsx("span", { className: "text-muted/70 tabular-nums", children: formatDateTime(run.startedAt, { locale: uiLanguage }) }), _jsx("span", { className: "text-muted/60", children: formatDurationMs(run.latencyMs, { t }) }), _jsx("span", { className: "ml-auto rounded bg-bg/40 px-1 py-0.5 font-mono text-[10px] text-muted/60", children: run.source }), run.error && (_jsx("span", { className: "basis-full whitespace-pre-wrap rounded border border-danger/20 bg-danger/10 px-2 py-1 font-mono text-[11px] text-danger/90", children: run.error }))] }, run.triggerRunId))) })) })] }));
+                        }) })] }), _jsx(DetailSection, { title: trigger.kind === "workflow" ? "Runs this workflow" : "Prompt", children: _jsx("div", { className: "min-h-[8rem] px-4 py-4 text-sm leading-relaxed text-muted/85 whitespace-pre-wrap", children: whatRuns }) }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_minmax(320px,0.95fr)]", children: [_jsx(DetailSection, { title: "Run history", className: "h-full", action: _jsx(IconAction, { label: t("common.refresh"), onClick: () => void loadTriggerRuns(trigger.id), icon: _jsx(RefreshCw, { className: "h-3.5 w-3.5" }) }), children: !hasLoadedRuns ? (_jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-xs-tight text-muted/70", children: [_jsx("div", { className: "h-3 w-3 animate-spin rounded-full border-2 border-muted/30 border-t-muted/80" }), t("databaseview.Loading")] })) : selectedRuns.length === 0 ? (_jsx("div", { className: "px-3 py-3 text-xs-tight text-muted/60", children: "No runs yet." })) : (_jsx("div", { className: "divide-y divide-border/20", children: selectedRuns.map((run) => (_jsxs("div", { className: "flex flex-wrap items-center gap-2 px-3 py-2 text-xs-tight", children: [_jsx(StatusBadge, { label: localizedExecutionStatus(run.status, t), variant: toneForLastStatus(run.status) }), _jsx("span", { className: "text-muted/70 tabular-nums", children: formatDateTime(run.startedAt, { locale: uiLanguage }) }), _jsx("span", { className: "text-muted/60", children: formatDurationMs(run.latencyMs, { t }) }), _jsx("span", { className: "ml-auto rounded bg-bg/40 px-1 py-0.5 font-mono text-[10px] text-muted/60", children: run.source }), run.error ? (_jsx("div", { className: "basis-full whitespace-pre-wrap rounded border border-danger/20 bg-danger/10 px-2 py-1 font-mono text-[11px] text-danger/90", children: run.error })) : null] }, run.triggerRunId))) })) }), _jsx(DetailSection, { title: "Schedule & behavior", className: "h-full", children: _jsx(DetailFactList, { items: [
+                                {
+                                    label: "Schedule",
+                                    value: scheduleLabel(trigger, t, uiLanguage),
+                                },
+                                {
+                                    label: "Trigger type",
+                                    value: getTriggerStartModeLabel(trigger),
+                                },
+                                {
+                                    label: "Wake mode",
+                                    value: getTriggerWakeModeLabel(trigger),
+                                },
+                                {
+                                    label: "Status",
+                                    value: trigger.enabled ? "Enabled" : "Paused",
+                                },
+                                {
+                                    label: "Max runs",
+                                    value: trigger.maxRuns ? String(trigger.maxRuns) : "Unlimited",
+                                },
+                            ] }) })] })] }));
 }
-function WorkflowAutomationDetailPane({ automation, n8nStatus, workflowFetchError, workflowBusyId, workflowOpsBusy, onDeleteWorkflow, onDuplicateWorkflow, onRefreshWorkflows, onStartLocalN8n, onToggleWorkflowActive, }) {
+function WorkflowAutomationDetailPane({ automation, n8nStatus, workflowFetchError, workflowBusyId, workflowOpsBusy, onDeleteDraft, onDeleteWorkflow, onDuplicateWorkflow, onGenerateWorkflow, onRefreshWorkflows, onScheduleWorkflow, onStartLocalN8n, onToggleWorkflowActive, }) {
     const { t, uiLanguage } = useApp();
     const chatChrome = useAppWorkspaceChatChrome();
     const [fullWorkflow, setFullWorkflow] = useState(automation.workflow ?? null);
     const [workflowLoading, setWorkflowLoading] = useState(false);
+    const [workflowPrompt, setWorkflowPrompt] = useState("");
+    const [workflowPromptError, setWorkflowPromptError] = useState(null);
+    const [workflowPromptSaving, setWorkflowPromptSaving] = useState(false);
     const workflowGenerating = useWorkflowGenerationState(automation.workflowId);
     const busy = workflowOpsBusy ||
         (automation.workflowId != null && workflowBusyId === automation.workflowId);
@@ -1312,10 +1345,42 @@ function WorkflowAutomationDetailPane({ automation, n8nStatus, workflowFetchErro
         graphWorkflow?.nodes?.length ??
         getWorkflowNodeCount(automation);
     const workflowIsActive = graphWorkflow?.active ?? automation.enabled;
+    const nextWorkflowRun = automation.schedules
+        .map((schedule) => schedule.nextRunAtMs ?? 0)
+        .filter((value) => value > 0)
+        .sort((left, right) => left - right)[0];
+    const workflowIdeas = AUTOMATION_DRAFT_EXAMPLES.filter((idea) => idea.kind === "workflow");
+    const showWorkflowStarterIdeas = automation.isDraft || nodeCount === 0;
+    const showWorkflowPromptBox = automation.isDraft || nodeCount === 0;
     const handleDescribeWorkflow = useCallback(() => {
         chatChrome?.openChat();
         prefillPageChat(DESCRIBE_WORKFLOW_PROMPT, { select: true });
     }, [chatChrome]);
+    const handleUseWorkflowIdea = useCallback((idea) => {
+        chatChrome?.openChat();
+        prefillPageChat(idea.prompt, { select: true });
+    }, [chatChrome]);
+    const submitWorkflowPrompt = useCallback(async () => {
+        const prompt = workflowPrompt.trim();
+        if (!prompt) {
+            setWorkflowPromptError("Describe what this workflow should do.");
+            return;
+        }
+        setWorkflowPromptError(null);
+        setWorkflowPromptSaving(true);
+        try {
+            await onGenerateWorkflow(automation, prompt);
+            setWorkflowPrompt("");
+            chatChrome?.openChat();
+            prefillPageChat(prompt, { select: false });
+        }
+        catch (error) {
+            setWorkflowPromptError(error instanceof Error ? error.message : "Failed to generate workflow.");
+        }
+        finally {
+            setWorkflowPromptSaving(false);
+        }
+    }, [automation, chatChrome, onGenerateWorkflow, workflowPrompt]);
     useEffect(() => {
         let cancelled = false;
         setFullWorkflow(automation.workflow ?? null);
@@ -1349,10 +1414,7 @@ function WorkflowAutomationDetailPane({ automation, n8nStatus, workflowFetchErro
         automation.workflow,
         automation.workflowId,
     ]);
-    return (_jsxs("div", { className: "space-y-3", children: [_jsx(WorkflowRuntimeNotice, { status: n8nStatus, workflowFetchError: workflowFetchError, busy: busy, onRefresh: () => void onRefreshWorkflows(), onStartLocal: () => void onStartLocalN8n() }), _jsx(DetailHeader, { icon: _jsx(Workflow, { className: "h-3.5 w-3.5", "aria-hidden": true }), title: getAutomationDisplayTitle(automation), description: automation.description ||
-                    (automation.isDraft
-                        ? "Draft the workflow in chat and the graph will fill in as it is created."
-                        : null), status: _jsx(DetailStatusIndicator, { label: automation.isDraft
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(WorkflowRuntimeNotice, { status: n8nStatus, workflowFetchError: workflowFetchError, busy: busy, onRefresh: () => void onRefreshWorkflows(), onStartLocal: () => void onStartLocalN8n() }), _jsx(DetailHeader, { icon: _jsx(Workflow, { className: "h-3.5 w-3.5", "aria-hidden": true }), title: getAutomationDisplayTitle(automation), description: null, status: _jsx(DetailStatusIndicator, { label: automation.isDraft
                         ? "Draft"
                         : automation.enabled
                             ? "Active"
@@ -1360,7 +1422,7 @@ function WorkflowAutomationDetailPane({ automation, n8nStatus, workflowFetchErro
                         ? "warning"
                         : automation.enabled
                             ? "success"
-                            : "muted", dotOnly: !automation.isDraft && automation.enabled }), actions: automation.workflowId ? (_jsxs(_Fragment, { children: [_jsx(IconAction, { label: busy
+                            : "muted", dotOnly: !automation.isDraft && automation.enabled }), actions: automation.isDraft ? (_jsx(IconAction, { label: "Delete draft", onClick: () => void onDeleteDraft(automation), icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), tone: "danger" })) : automation.workflowId ? (_jsxs(_Fragment, { children: [_jsx(IconAction, { label: busy
                                 ? t("automations.n8n.updating", {
                                     defaultValue: "Updating...",
                                 })
@@ -1370,31 +1432,68 @@ function WorkflowAutomationDetailPane({ automation, n8nStatus, workflowFetchErro
                                     })
                                     : t("automations.n8n.activate", {
                                         defaultValue: "Activate",
-                                    }), onClick: () => void onToggleWorkflowActive(automation), disabled: busy, ariaBusy: busy, icon: workflowIsActive ? (_jsx(Pause, { className: "h-3.5 w-3.5" })) : (_jsx(Play, { className: "h-3.5 w-3.5" })), tone: workflowIsActive ? "warning" : "ok" }), _jsx(IconAction, { label: "Duplicate workflow", onClick: () => void onDuplicateWorkflow(automation), disabled: busy, icon: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: busy
+                                    }), onClick: () => void onToggleWorkflowActive(automation), disabled: busy, ariaBusy: busy, icon: workflowIsActive ? (_jsx(Pause, { className: "h-3.5 w-3.5" })) : (_jsx(Play, { className: "h-3.5 w-3.5" })), tone: workflowIsActive ? "warning" : "ok" }), _jsx(IconAction, { label: "Schedule workflow", onClick: () => onScheduleWorkflow(automation), disabled: busy, icon: _jsx(Clock3, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: "Duplicate workflow", onClick: () => void onDuplicateWorkflow(automation), disabled: busy, icon: _jsx(Copy, { className: "h-3.5 w-3.5" }) }), _jsx(IconAction, { label: busy
                                 ? t("automations.n8n.updating", {
                                     defaultValue: "Updating...",
                                 })
                                 : t("automations.n8n.deleteWorkflow", {
                                     defaultValue: "Delete workflow",
-                                }), onClick: () => void onDeleteWorkflow(automation), disabled: busy, ariaBusy: busy, icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), tone: "danger" })] })) : null }), _jsx(DetailStatsRow, { items: [
-                    {
-                        label: "ID",
-                        value: (_jsx("span", { className: "break-all font-mono text-[10px]", children: automation.workflowId ?? automation.draftId ?? "—" })),
-                    },
-                    { label: "Nodes", value: nodeCount },
-                    { label: "Schedules", value: automation.schedules.length },
-                    {
-                        label: "Updated",
-                        value: formatDateTime(automation.updatedAt, {
+                                }), onClick: () => void onDeleteWorkflow(automation), disabled: busy, ariaBusy: busy, icon: _jsx(Trash2, { className: "h-3.5 w-3.5" }), tone: "danger" })] })) : null }), _jsxs("div", { className: "grid gap-2 sm:grid-cols-2 xl:grid-cols-5", children: [_jsx(OverviewMetricCard, { label: "Status", value: automation.isDraft
+                            ? "Draft"
+                            : workflowIsActive
+                                ? "Active"
+                                : "Paused", detail: automation.schedules.length > 0
+                            ? formatScheduleCount(automation.schedules.length)
+                            : "No schedule attached", tone: automation.isDraft ? "warning" : workflowIsActive ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Nodes", value: _jsx("span", { className: "tabular-nums", children: nodeCount }), detail: nodeCount > 0 ? "Visible in the graph below" : "Still blank" }), _jsx(OverviewMetricCard, { label: "Starts", value: automation.schedules.length > 0
+                            ? formatScheduleCount(automation.schedules.length)
+                            : "Event or manual", detail: automation.schedules.length > 0
+                            ? scheduleLabel(automation.schedules[0], t, uiLanguage)
+                            : "No time-based schedule yet" }), _jsx(OverviewMetricCard, { label: "Next run", value: nextWorkflowRun
+                            ? formatRelativeFuture(nextWorkflowRun, t)
+                            : "Not queued", detail: nextWorkflowRun
+                            ? formatDateTime(nextWorkflowRun, {
+                                fallback: "—",
+                                locale: uiLanguage,
+                            })
+                            : "Trigger it from an event or attach a schedule", tone: nextWorkflowRun ? "ok" : "default" }), _jsx(OverviewMetricCard, { label: "Updated", value: formatRelativePast(automation.updatedAt, t), detail: formatDateTime(automation.updatedAt, {
                             fallback: "—",
                             locale: uiLanguage,
-                        }),
-                    },
-                    {
-                        label: "Backing",
-                        value: automation.hasBackingWorkflow ? (_jsx("span", { className: "text-ok", children: "n8n" })) : (_jsx("span", { className: "text-warning", children: "room" })),
-                    },
-                ] }), _jsx(DetailSection, { title: "Workflow editor", action: automation.isDraft || nodeCount === 0 ? (_jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs", onClick: handleDescribeWorkflow, children: DESCRIBE_WORKFLOW_PROMPT })) : undefined, children: _jsx("div", { className: "p-3", children: _jsx(WorkflowGraphViewer, { workflow: graphWorkflow, loading: workflowLoading, isGenerating: workflowGenerating, emptyStateActionLabel: DESCRIBE_WORKFLOW_PROMPT, emptyStateHelpText: "Use the sidebar agent to build or edit this workflow.", onEmptyStateAction: handleDescribeWorkflow, status: n8nStatus }) }) }), automation.schedules.length > 0 && (_jsx(DetailSection, { title: "Schedules", children: _jsx("div", { className: "divide-y divide-border/20", children: automation.schedules.map((schedule) => (_jsxs("div", { className: "flex items-center gap-2 px-3 py-1.5 text-xs-tight", children: [_jsx("span", { className: "truncate font-medium text-txt", children: schedule.displayName }), _jsx(DetailStatusIndicator, { label: schedule.enabled ? "Active" : "Paused", tone: schedule.enabled ? "success" : "muted", dotOnly: schedule.enabled }), _jsx("span", { className: "ml-auto text-muted", children: scheduleLabel(schedule, t, uiLanguage) })] }, schedule.id))) }) }))] }));
+                        }) })] }), showWorkflowPromptBox && (_jsx(DetailSection, { title: "Create workflow", children: _jsxs("div", { className: "p-3", children: [_jsxs("div", { className: "flex flex-col gap-2 rounded-full border border-border/30 bg-bg/50 p-1.5 shadow-sm sm:flex-row sm:items-center", children: [_jsx(Input, { "data-workflow-prompt-input": "true", value: workflowPrompt, onChange: (event) => setWorkflowPrompt(event.target.value), onKeyDown: (event) => {
+                                        if (event.key === "Enter" && !event.shiftKey) {
+                                            event.preventDefault();
+                                            void submitWorkflowPrompt();
+                                        }
+                                    }, placeholder: WORKFLOW_PROMPT_PLACEHOLDER, className: "min-h-10 flex-1 border-0 bg-transparent px-4 shadow-none focus-visible:ring-0", autoFocus: automation.isDraft }), _jsx(Button, { variant: "default", size: "sm", className: "h-10 shrink-0 rounded-full px-5", disabled: workflowPromptSaving || busy, onClick: () => void submitWorkflowPrompt(), children: workflowPromptSaving ? "Generating..." : "Generate" })] }), workflowPromptError && (_jsx("div", { className: "mt-2 text-xs text-danger", children: workflowPromptError }))] }) })), _jsx(DetailSection, { title: "Workflow graph", action: automation.isDraft || nodeCount === 0 ? (_jsx(Button, { variant: "ghost", size: "sm", className: "h-7 px-2 text-xs", onClick: () => {
+                        const input = document.querySelector("[data-workflow-prompt-input='true']");
+                        input?.focus();
+                        if (!input)
+                            handleDescribeWorkflow();
+                    }, children: DESCRIBE_WORKFLOW_PROMPT })) : undefined, children: _jsx("div", { className: "p-3", children: _jsx(WorkflowGraphViewer, { workflow: graphWorkflow, loading: workflowLoading, isGenerating: workflowGenerating, emptyStateActionLabel: DESCRIBE_WORKFLOW_PROMPT, emptyStateHelpText: "Describe it above to generate the graph.", onEmptyStateAction: () => {
+                            const input = document.querySelector("[data-workflow-prompt-input='true']");
+                            input?.focus();
+                            if (!input)
+                                handleDescribeWorkflow();
+                        }, status: n8nStatus }) }) }), _jsxs("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_minmax(320px,0.95fr)]", children: [_jsx(DetailSection, { title: "Starts when", className: "h-full", children: automation.schedules.length > 0 ? (_jsx("div", { className: "divide-y divide-border/20", children: automation.schedules.map((schedule) => (_jsx(OverviewListItem, { title: schedule.displayName, meta: scheduleLabel(schedule, t, uiLanguage), detail: formatDateTime(schedule.nextRunAtMs ?? null, {
+                                    fallback: "No next run queued",
+                                    locale: uiLanguage,
+                                }), trailing: schedule.enabled ? "Live" : "Paused", tone: schedule.enabled ? "success" : "muted" }, schedule.id))) })) : (_jsx("div", { className: "px-4 py-4 text-xs-tight text-muted/70", children: "No schedule yet. Start it from an event or add one in the sidebar." })) }), showWorkflowStarterIdeas ? (_jsx(DetailSection, { title: "Starter ideas", className: "h-full", children: _jsx("div", { className: "p-2", children: _jsx(OverviewIdeaGrid, { ideas: workflowIdeas, onSelect: handleUseWorkflowIdea }) }) })) : (_jsx(DetailSection, { title: "Details", className: "h-full", children: _jsx(DetailFactList, { items: [
+                                {
+                                    label: "Type",
+                                    value: automation.isDraft ? "Draft" : "n8n workflow",
+                                },
+                                {
+                                    label: "Nodes",
+                                    value: String(nodeCount),
+                                },
+                                {
+                                    label: "Schedules",
+                                    value: String(automation.schedules.length),
+                                },
+                                {
+                                    label: "Updated",
+                                    value: formatRelativePast(automation.updatedAt, t),
+                                },
+                            ] }) }))] })] }));
 }
 function AutomationSidebarItem({ item, selected, onClick, onDoubleClick, }) {
     let Icon = Zap;
@@ -1441,72 +1540,95 @@ function AutomationSidebarItem({ item, selected, onClick, onDoubleClick, }) {
 function AutomationsSidebarChatGuideActions() {
     return (_jsx(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 px-3 text-sm", onClick: () => prefillPageChat(DESCRIBE_WORKFLOW_PROMPT, { select: true }), children: DESCRIBE_WORKFLOW_PROMPT }));
 }
-function AutomationsSidebarChat() {
+function AutomationsSidebarChat({ activeItem, }) {
     const { activeConversationId, conversations, t } = useApp();
-    const { resolvedSelectedItem, refreshAutomations } = useAutomationsViewContext();
+    const { refreshAutomations } = useAutomationsViewContext();
+    const [overviewVisible, setOverviewVisible] = useState(false);
+    const scopedActiveItem = overviewVisible ? null : activeItem;
+    useEffect(() => {
+        const overviewWindow = window;
+        setOverviewVisible(Boolean(overviewWindow.__miladyAutomationsOverviewVisible));
+        const handleOverviewVisibility = (event) => {
+            const detail = event
+                .detail;
+            setOverviewVisible(Boolean(detail?.visible));
+        };
+        window.addEventListener(AUTOMATIONS_OVERVIEW_VISIBILITY_EVENT, handleOverviewVisibility);
+        return () => window.removeEventListener(AUTOMATIONS_OVERVIEW_VISIBILITY_EVENT, handleOverviewVisibility);
+    }, []);
     const automationConversationAdapter = useMemo(() => {
-        if (!resolvedSelectedItem) {
+        if (!scopedActiveItem) {
             return null;
         }
-        const bridgeConversationId = getAutomationBridgeIdForItem(resolvedSelectedItem, activeConversationId, conversations);
-        if (resolvedSelectedItem.type === "n8n_workflow") {
-            const metadata = resolvedSelectedItem.workflowId
-                ? buildWorkflowConversationMetadata(resolvedSelectedItem.workflowId, resolvedSelectedItem.title, bridgeConversationId)
-                : buildWorkflowDraftConversationMetadata(resolvedSelectedItem.draftId ?? resolvedSelectedItem.id, bridgeConversationId);
+        const bridgeConversationId = getAutomationBridgeIdForItem(scopedActiveItem, activeConversationId, conversations);
+        if (scopedActiveItem.type === "n8n_workflow") {
+            const metadata = scopedActiveItem.workflowId
+                ? buildWorkflowConversationMetadata(scopedActiveItem.workflowId, scopedActiveItem.title, bridgeConversationId)
+                : buildWorkflowDraftConversationMetadata(scopedActiveItem.draftId ?? scopedActiveItem.id, bridgeConversationId);
             return {
                 allowClear: false,
                 buildRoutingMetadata: () => buildAutomationResponseRoutingMetadata(metadata),
                 identityKey: JSON.stringify({
                     metadata,
-                    title: resolvedSelectedItem.title,
+                    title: scopedActiveItem.title,
                 }),
                 onAfterSend: () => void refreshAutomations(),
                 resolveConversation: () => resolveAutomationConversation({
-                    title: resolvedSelectedItem.title,
+                    title: scopedActiveItem.title,
                     metadata,
                 }),
             };
         }
-        if (resolvedSelectedItem.type === "automation_draft") {
-            const metadata = buildAutomationDraftConversationMetadata(resolvedSelectedItem.draftId ?? resolvedSelectedItem.id, bridgeConversationId);
+        if (scopedActiveItem.type === "automation_draft") {
+            const metadata = buildAutomationDraftConversationMetadata(scopedActiveItem.draftId ?? scopedActiveItem.id, bridgeConversationId);
             return {
                 allowClear: false,
                 buildRoutingMetadata: () => buildAutomationResponseRoutingMetadata(metadata),
                 identityKey: JSON.stringify({
                     metadata,
-                    title: getAutomationDisplayTitle(resolvedSelectedItem),
+                    title: getAutomationDisplayTitle(scopedActiveItem),
                 }),
                 onAfterSend: () => void refreshAutomations(),
                 resolveConversation: () => resolveAutomationConversation({
-                    title: getAutomationDisplayTitle(resolvedSelectedItem),
+                    title: getAutomationDisplayTitle(scopedActiveItem),
                     metadata,
                 }),
             };
         }
         return null;
     }, [
+        scopedActiveItem,
         activeConversationId,
         conversations,
         refreshAutomations,
-        resolvedSelectedItem,
     ]);
-    if (resolvedSelectedItem?.type === "n8n_workflow") {
-        return (_jsx(PageScopedChatPane, { scope: "page-automations", conversationAdapter: automationConversationAdapter ?? undefined, placeholderOverride: resolvedSelectedItem.isDraft
+    if (scopedActiveItem?.type === "n8n_workflow") {
+        return (_jsx(PageScopedChatPane, { scope: "page-automations", conversationAdapter: automationConversationAdapter ?? undefined, introOverride: {
+                title: scopedActiveItem.isDraft ? "Workflow draft" : "Workflow",
+                body: scopedActiveItem.isDraft
+                    ? "Describe the trigger and steps. The graph updates here."
+                    : "Ask to inspect, change, or troubleshoot this workflow.",
+                actions: scopedActiveItem.isDraft ? (_jsx(AutomationsSidebarChatGuideActions, {})) : undefined,
+            }, placeholderOverride: scopedActiveItem.isDraft
                 ? DESCRIBE_WORKFLOW_PROMPT
                 : t("automations.chat.placeholder"), systemAddendumOverride: WORKFLOW_SYSTEM_ADDENDUM }));
     }
-    if (resolvedSelectedItem?.type === "automation_draft") {
-        return (_jsx(PageScopedChatPane, { scope: "page-automations", conversationAdapter: automationConversationAdapter ?? undefined, placeholderOverride: "Describe your automation", systemAddendumOverride: AUTOMATION_DRAFT_SYSTEM_ADDENDUM }));
+    if (scopedActiveItem?.type === "automation_draft") {
+        return (_jsx(PageScopedChatPane, { scope: "page-automations", conversationAdapter: automationConversationAdapter ?? undefined, introOverride: {
+                title: "Draft",
+                body: "Describe the result and what should start it.",
+            }, placeholderOverride: "Describe your automation", systemAddendumOverride: AUTOMATION_DRAFT_SYSTEM_ADDENDUM }));
     }
     return (_jsx(PageScopedChatPane, { scope: "page-automations", placeholderOverride: "Describe your workflow, task, or schedule", introOverride: {
+            title: "Automations",
+            body: "Create or inspect a task or workflow.",
             actions: _jsx(AutomationsSidebarChatGuideActions, {}),
         } }));
 }
 function AutomationsLayout() {
     const { activeConversationId, conversations } = useApp();
-    const chatChrome = useAppWorkspaceChatChrome();
     const ctx = useAutomationsViewContext();
-    const { closeEditor, editorEnabled, editingId, editingTaskId, editorOpen, editorMode, form, formError, loadTriggerRuns, modalTitle, onDeleteTrigger, onRunSelectedTrigger, onSubmitTrigger, onToggleTriggerEnabled, openCreateTrigger, openCreateTask, saveFormAsTemplate, selectedItemId, setEditingId, setEditorOpen, setField, setFilter, setForm, setFormError, setSelectedItemId, setSelectedItemKind, showDetailPane, showFirstRunEmptyState, resolvedSelectedItem, t, templateNotice, triggers, filteredItems, triggerRunsById, triggersSaving, automationNodes, combinedError, isLoading, n8nStatus, workflowFetchError, } = ctx;
+    const { closeEditor, editorEnabled, editingId, editingTaskId, editorOpen, editorMode, form, formError, loadTriggerRuns, modalTitle, onDeleteTrigger, onRunSelectedTrigger, onSubmitTrigger, onToggleTriggerEnabled, openCreateTrigger, openCreateTask, saveFormAsTemplate, selectedItemId, setEditingId, setEditorOpen, setEditorMode, setField, setFilter, setForm, setFormError, setSelectedItemId, setSelectedItemKind, showDetailPane, showFirstRunEmptyState, resolvedSelectedItem, t, templateNotice, triggers, filteredItems, triggerRunsById, triggersSaving, automationNodes, combinedError, isLoading, n8nStatus, workflowFetchError, } = ctx;
     const [showDashboard, setShowDashboard] = useState(true);
     const [collapsedSections, setCollapsedSections] = useState(() => new Set(["agent-owned"]));
     const toggleSectionCollapsed = useCallback((key) => {
@@ -1527,6 +1649,19 @@ function AutomationsLayout() {
     const [templatesModalOpen, setTemplatesModalOpen] = useState(false);
     const [activeSubpage, setActiveSubpage] = useState(() => getAutomationSubpageFromPath(getNavigationPathFromWindow()));
     const visibleItems = filteredItems;
+    useEffect(() => {
+        if (!showDashboard)
+            return;
+        setSelectedItemId(null);
+        setSelectedItemKind(null);
+    }, [setSelectedItemId, setSelectedItemKind, showDashboard]);
+    useEffect(() => {
+        window.__miladyAutomationsOverviewVisible =
+            showDashboard;
+        window.dispatchEvent(new CustomEvent(AUTOMATIONS_OVERVIEW_VISIBILITY_EVENT, {
+            detail: { visible: showDashboard },
+        }));
+    }, [showDashboard]);
     const syncSubpageFromLocation = useCallback(() => {
         const pathname = getNavigationPathFromWindow();
         const nextSubpage = getAutomationSubpageFromPath(pathname);
@@ -1707,10 +1842,54 @@ function AutomationsLayout() {
         }
         return data;
     }, [ctx, selectedItemId, setSelectedItemId, setSelectedItemKind]);
+    const bindConversationToWorkflow = useCallback(async (conversation, workflow, bridgeConversationId) => {
+        const reboundMetadata = buildWorkflowConversationMetadata(workflow.id, workflow.name, bridgeConversationId ?? undefined);
+        const { conversation: reboundConversation } = await client.updateConversation(conversation.id, {
+            title: workflow.name,
+            metadata: reboundMetadata,
+        });
+        setActiveWorkflowConversation(reboundConversation);
+        return reboundConversation;
+    }, []);
+    const selectWorkflowById = useCallback((workflowId) => {
+        setShowDashboard(false);
+        setSelectedItemId(`workflow:${workflowId}`);
+        setSelectedItemKind("workflow");
+        setEditorOpen(false);
+        setEditingId(null);
+        ctx.setEditingTaskId(null);
+    }, [ctx, setEditingId, setEditorOpen, setSelectedItemId, setSelectedItemKind]);
+    const generateWorkflowFromPrompt = useCallback(async ({ prompt, title, conversation, bridgeConversationId, workflowId, }) => {
+        setWorkflowOpsBusy(true);
+        setPageNotice(null);
+        try {
+            const workflow = await client.generateN8nWorkflow({
+                prompt,
+                ...(title?.trim() ? { name: title.trim() } : {}),
+                ...(workflowId ? { workflowId } : {}),
+            });
+            if (conversation) {
+                await bindConversationToWorkflow(conversation, workflow, bridgeConversationId);
+            }
+            await ctx.refreshAutomations();
+            selectWorkflowById(workflow.id);
+            return workflow;
+        }
+        finally {
+            setWorkflowOpsBusy(false);
+        }
+    }, [bindConversationToWorkflow, ctx, selectWorkflowById]);
     const createWorkflowDraft = useCallback(async (options) => {
         setPageNotice(null);
         showAutomationsList();
         const draftId = createWorkflowDraftId();
+        setShowDashboard(false);
+        setFilter("all");
+        setSelectedItemId(`workflow-draft:${draftId}`);
+        setSelectedItemKind("workflow");
+        setEditorOpen(false);
+        setEditingId(null);
+        ctx.setEditingTaskId(null);
         const bridgeConversationId = getAutomationBridgeIdForItem(resolvedSelectedItem, activeConversationId, conversations);
         const metadata = buildWorkflowDraftConversationMetadata(draftId, bridgeConversationId);
         try {
@@ -1720,25 +1899,18 @@ function AutomationsLayout() {
             });
             setActiveWorkflowConversation(conversation);
             if (options?.initialPrompt?.trim()) {
-                await client.sendConversationMessage(conversation.id, `[SYSTEM]${WORKFLOW_SYSTEM_ADDENDUM}[/SYSTEM]\n\n${options.initialPrompt.trim()}`, "DM", undefined, undefined, buildAutomationResponseRoutingMetadata(metadata));
+                await generateWorkflowFromPrompt({
+                    prompt: options.initialPrompt.trim(),
+                    title: options.title?.trim() || undefined,
+                    conversation,
+                    bridgeConversationId,
+                });
+                return;
             }
-            const data = options?.initialPrompt
-                ? await refreshAutomationsWithDraftBinding(conversation)
-                : await ctx.refreshAutomations();
+            const data = await ctx.refreshAutomations();
             const resolvedItem = findAutomationForConversation(data, conversation.id);
-            setShowDashboard(false);
-            setFilter("all");
             setSelectedItemId(resolvedItem?.id ?? `workflow-draft:${draftId}`);
             setSelectedItemKind("workflow");
-            setEditorOpen(false);
-            setEditingId(null);
-            ctx.setEditingTaskId(null);
-            if (!options?.initialPrompt?.trim()) {
-                window.requestAnimationFrame(() => {
-                    chatChrome?.openChat();
-                    prefillPageChat(DESCRIBE_WORKFLOW_PROMPT, { select: true });
-                });
-            }
         }
         catch (error) {
             setPageNotice(error instanceof Error
@@ -1750,15 +1922,14 @@ function AutomationsLayout() {
         conversations,
         ctx,
         findAutomationForConversation,
-        refreshAutomationsWithDraftBinding,
+        generateWorkflowFromPrompt,
         resolvedSelectedItem,
+        setFilter,
         setEditingId,
         setEditorOpen,
-        setFilter,
         setSelectedItemId,
         setSelectedItemKind,
         showAutomationsList,
-        chatChrome,
     ]);
     const promoteAutomationToWorkflow = useCallback(async (item) => {
         await createWorkflowDraft({
@@ -1780,7 +1951,7 @@ function AutomationsLayout() {
         showAutomationsList();
         openCreateTask();
     }, [openCreateTask, showAutomationsList]);
-    const openSeededScheduledTask = useCallback((idea) => {
+    const openSeededTask = useCallback((idea) => {
         showAutomationsList();
         openCreateTrigger();
         setForm({
@@ -1844,6 +2015,51 @@ function AutomationsLayout() {
             setWorkflowBusyId(null);
         }
     }, [ctx, t]);
+    const handleGenerateWorkflow = useCallback(async (item, prompt) => {
+        const conversationId = item.room?.conversationId;
+        const conversation = conversationId
+            ? (conversations.find((candidate) => candidate.id === conversationId) ??
+                null)
+            : null;
+        const title = item.title.trim() && item.title !== WORKFLOW_DRAFT_TITLE
+            ? item.title
+            : undefined;
+        await generateWorkflowFromPrompt({
+            prompt,
+            title,
+            conversation,
+            bridgeConversationId: item.room?.terminalBridgeConversationId,
+            workflowId: item.hasBackingWorkflow ? item.workflowId : null,
+        });
+    }, [conversations, generateWorkflowFromPrompt]);
+    const handleScheduleWorkflow = useCallback((item) => {
+        if (!item.workflowId) {
+            setPageNotice("Generate the workflow before scheduling it.");
+            return;
+        }
+        setForm({
+            ...emptyForm,
+            displayName: `Run ${item.title}`,
+            kind: "workflow",
+            workflowId: item.workflowId,
+            workflowName: item.title,
+        });
+        setEditorMode("trigger");
+        setEditingId(null);
+        ctx.setEditingTaskId(null);
+        setSelectedItemId(null);
+        setSelectedItemKind(null);
+        setEditorOpen(true);
+        setShowDashboard(false);
+    }, [
+        ctx,
+        setEditingId,
+        setEditorMode,
+        setEditorOpen,
+        setForm,
+        setSelectedItemId,
+        setSelectedItemKind,
+    ]);
     const handleDeleteWorkflow = useCallback(async (item) => {
         if (!item.workflowId) {
             return;
@@ -1852,10 +2068,12 @@ function AutomationsLayout() {
             title: t("automations.n8n.deleteWorkflow", {
                 defaultValue: "Delete workflow",
             }),
-            message: t("automations.n8n.deleteConfirmWorkflow", {
-                defaultValue: 'Delete "{{name}}"? This cannot be undone.',
-                name: item.title,
-            }),
+            message: item.schedules.length > 0
+                ? `Delete "${item.title}" and ${item.schedules.length} attached schedule${item.schedules.length === 1 ? "" : "s"}? This cannot be undone.`
+                : t("automations.n8n.deleteConfirmWorkflow", {
+                    defaultValue: 'Delete "{{name}}"? This cannot be undone.',
+                    name: item.title,
+                }),
             confirmLabel: t("automations.n8n.deleteWorkflow", {
                 defaultValue: "Delete workflow",
             }),
@@ -1868,6 +2086,7 @@ function AutomationsLayout() {
         setPageNotice(null);
         try {
             await client.deleteN8nWorkflow(item.workflowId);
+            await Promise.all(item.schedules.map((schedule) => client.deleteTrigger(schedule.id)));
             await ctx.refreshAutomations();
         }
         catch (error) {
@@ -1888,24 +2107,57 @@ function AutomationsLayout() {
         setPageNotice(null);
         try {
             const workflow = await client.getN8nWorkflow(item.workflowId);
-            await createWorkflowDraft({
-                title: `${item.title} Copy`,
-                initialPrompt: buildWorkflowDuplicationPrompt({
-                    ...item,
-                    workflow,
-                }),
-            });
+            const copy = await client.createN8nWorkflow(buildWorkflowCopyRequest(workflow, `${item.title} Copy`));
+            await ctx.refreshAutomations();
+            selectWorkflowById(copy.id);
         }
         catch (error) {
             setPageNotice(error instanceof Error
                 ? error.message
                 : "Failed to duplicate workflow.");
         }
-    }, [createWorkflowDraft]);
+    }, [ctx, selectWorkflowById]);
+    const handleDeleteDraft = useCallback(async (item) => {
+        const conversationId = item.room?.conversationId;
+        if (!conversationId) {
+            setPageNotice("This draft is missing its automation room.");
+            return;
+        }
+        const confirmed = await confirmDesktopAction({
+            title: "Delete draft",
+            message: `Delete "${getAutomationDisplayTitle(item)}"? This removes the draft room and its conversation.`,
+            confirmLabel: "Delete draft",
+            cancelLabel: t("common.cancel"),
+            type: "warning",
+        });
+        if (!confirmed)
+            return;
+        setPageNotice(null);
+        try {
+            await client.deleteConversation(conversationId);
+            if (selectedItemId === item.id) {
+                setSelectedItemId(null);
+                setSelectedItemKind(null);
+            }
+            if (activeWorkflowConversation?.id === conversationId) {
+                setActiveWorkflowConversation(null);
+            }
+            await ctx.refreshAutomations();
+            setShowDashboard(true);
+        }
+        catch (error) {
+            setPageNotice(error instanceof Error ? error.message : "Failed to delete draft.");
+        }
+    }, [
+        activeWorkflowConversation?.id,
+        ctx,
+        selectedItemId,
+        setSelectedItemId,
+        setSelectedItemKind,
+        t,
+    ]);
     const workflowItems = useMemo(() => visibleItems.filter((item) => item.type === "n8n_workflow"), [visibleItems]);
-    const taskItems = useMemo(() => visibleItems.filter((item) => item.type === "automation_draft" ||
-        item.trigger != null ||
-        (item.task != null && !item.system)), [visibleItems]);
+    const taskItems = useMemo(() => visibleItems.filter((item) => item.type === "automation_draft" || item.trigger != null), [visibleItems]);
     const agentOwnedItems = useMemo(() => visibleItems.filter((item) => item.task != null && item.system), [visibleItems]);
     // Watch active drafts: while any unbound draft exists, poll the
     // automations list and try to rebind it to whatever the agent
@@ -1954,7 +2206,7 @@ function AutomationsLayout() {
             defaultValue: "Expand automations",
         }), bottomAction: _jsxs("button", { type: "button", onClick: () => showNodeCatalog(), "aria-pressed": nodeCatalogActive, title: nodeCatalogLabel, className: `inline-flex h-6 shrink-0 items-center gap-1.5 rounded-[var(--radius-sm)] bg-transparent px-1.5 text-2xs font-semibold uppercase tracking-[0.12em] transition-colors ${nodeCatalogActive ? "text-txt" : "text-muted hover:text-txt"}`, children: [_jsx(Grid3x3, { className: "h-3.5 w-3.5", "aria-hidden": true }), _jsx("span", { children: nodeCatalogLabel })] }), collapsedRailAction: _jsx(SidebarCollapsedActionButton, { "aria-label": "Create task or workflow", onClick: () => setCreateDialogMode("all"), children: _jsx(Plus, { className: "h-4 w-4" }) }), collapsedRailItems: visibleItems.map((item) => (_jsx(SidebarContent.RailItem, { "aria-label": getAutomationDisplayTitle(item), title: getAutomationDisplayTitle(item), active: item.id === selectedItemId, indicatorTone: getAutomationIndicatorTone(item), onClick: () => selectItem(item), children: railMonogram(getAutomationDisplayTitle(item)) }, item.id))), children: _jsx(SidebarScrollRegion, { className: "px-1 pb-2 pt-0", children: _jsxs(SidebarPanel, { className: "bg-transparent gap-0 p-0 shadow-none", children: [isLoading && (_jsxs("div", { className: "flex items-center gap-2 px-2 py-1.5 text-2xs text-muted", children: [_jsx("div", { className: "h-3 w-3 animate-spin rounded-full border-2 border-muted/30 border-t-muted/80" }), t("common.loading")] })), _jsxs("button", { type: "button", onClick: showOverview, "aria-current": showDashboard ? "page" : undefined, className: `mt-0.5 flex w-full items-center gap-2 rounded-[var(--radius-sm)] px-2 py-1 text-left text-xs-tight transition-colors ${showDashboard
                             ? "bg-accent/15 text-txt"
-                            : "text-txt hover:bg-bg-muted/50"}`, children: [_jsx(LayoutDashboard, { className: "h-3.5 w-3.5 shrink-0 text-muted/70", "aria-hidden": true }), _jsx("span", { className: "truncate", children: "Overview" })] }), _jsxs("div", { className: "mt-0.5 space-y-1", children: [_jsx(AutomationCollapsibleSection, { sectionKey: "tasks", label: "Tasks", icon: _jsx(FileText, { className: "h-3.5 w-3.5", "aria-hidden": true }), count: taskItems.length, collapsed: collapsedSections.has("tasks"), onToggleCollapsed: toggleSectionCollapsed, onAdd: () => setCreateDialogMode("tasks"), addLabel: "Create task", emptyLabel: "No tasks", children: taskItems.map(renderItem) }), _jsx(AutomationCollapsibleSection, { sectionKey: "workflows", label: "Workflows", icon: _jsx(Workflow, { className: "h-3.5 w-3.5", "aria-hidden": true }), count: workflowItems.length, collapsed: collapsedSections.has("workflows"), onToggleCollapsed: toggleSectionCollapsed, onAdd: () => void createWorkflowDraft(), addLabel: "Create workflow", emptyLabel: "No workflows", children: workflowItems.map(renderItem) }), _jsx(AutomationCollapsibleSection, { sectionKey: "agent-owned", label: "Agent Owned", icon: _jsx(SquareTerminal, { className: "h-3.5 w-3.5", "aria-hidden": true }), count: agentOwnedItems.length, collapsed: collapsedSections.has("agent-owned"), onToggleCollapsed: toggleSectionCollapsed, emptyLabel: "No agent-owned automations", children: agentOwnedItems.map(renderItem) })] })] }) }) }));
+                            : "text-txt hover:bg-bg-muted/50"}`, children: [_jsx(LayoutDashboard, { className: "h-3.5 w-3.5 shrink-0 text-muted/70", "aria-hidden": true }), _jsx("span", { className: "truncate", children: "Overview" })] }), _jsxs("div", { className: "mt-0.5 space-y-1", children: [_jsx(AutomationCollapsibleSection, { sectionKey: "tasks", label: "Tasks", icon: _jsx(FileText, { className: "h-3.5 w-3.5", "aria-hidden": true }), count: taskItems.length, collapsed: collapsedSections.has("tasks"), onToggleCollapsed: toggleSectionCollapsed, onAdd: handleZeroStateNewTask, addLabel: "Create task", emptyLabel: "No tasks", children: taskItems.map(renderItem) }), _jsx(AutomationCollapsibleSection, { sectionKey: "workflows", label: "Workflows", icon: _jsx(Workflow, { className: "h-3.5 w-3.5", "aria-hidden": true }), count: workflowItems.length, collapsed: collapsedSections.has("workflows"), onToggleCollapsed: toggleSectionCollapsed, onAdd: () => void createWorkflowDraft(), addLabel: "Create workflow", emptyLabel: "No workflows", children: workflowItems.map(renderItem) }), _jsx(AutomationCollapsibleSection, { sectionKey: "agent-owned", label: "Agent Owned", icon: _jsx(SquareTerminal, { className: "h-3.5 w-3.5", "aria-hidden": true }), count: agentOwnedItems.length, collapsed: collapsedSections.has("agent-owned"), onToggleCollapsed: toggleSectionCollapsed, emptyLabel: "No agent-owned automations", children: agentOwnedItems.map(renderItem) })] })] }) }) }));
     return (_jsxs(PageLayout, { className: "h-full bg-transparent", "data-testid": "automations-shell", sidebar: automationsSidebar, contentInnerClassName: "w-full", footer: _jsx(WidgetHost, { slot: "automations", className: "py-2" }), mobileSidebarLabel: mobileSidebarLabel, children: [_jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [activeSubpage === "node-catalog" ||
                         (!showDashboard && showDetailPane) ? (_jsx("button", { type: "button", className: "mb-3 flex items-center gap-2 rounded-2xl border border-border/30 bg-bg/25 px-4 py-3 text-base font-medium text-muted hover:text-txt md:hidden", onClick: () => {
                             if (activeSubpage === "node-catalog") {
@@ -1966,7 +2218,7 @@ function AutomationsLayout() {
                             setEditorOpen(false);
                             setEditingId(null);
                             ctx.setEditingTaskId(null);
-                        }, children: "\u2190 Back" })) : null, (pageNotice || combinedError) && (_jsx(PagePanel, { variant: "padded", className: "mb-4 border border-danger/20 bg-danger/5", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("p", { className: "text-sm text-danger", children: pageNotice ?? combinedError }), pageNotice && (_jsx(Button, { variant: "ghost", size: "sm", className: "text-danger hover:bg-danger/10", onClick: () => setPageNotice(null), children: "Dismiss" }))] }) })), editorOpen || editingId || editingTaskId ? (editorMode === "task" || editingTaskId ? (_jsx(TaskForm, {})) : (_jsx(HeartbeatForm, { form: form, editingId: editingId, editorEnabled: editorEnabled, modalTitle: modalTitle, formError: formError, triggersSaving: triggersSaving, templateNotice: templateNotice, triggers: triggers, triggerRunsById: triggerRunsById, t: t, selectedTriggerId: editingId, setField: setField, setForm: setForm, setFormError: setFormError, closeEditor: closeEditor, onSubmit: onSubmitTrigger, onDelete: onDeleteTrigger, onRunSelectedTrigger: onRunSelectedTrigger, onToggleTriggerEnabled: onToggleTriggerEnabled, saveFormAsTemplate: saveFormAsTemplate, loadTriggerRuns: loadTriggerRuns, kickerLabelCreate: "New task", kickerLabelEdit: "Edit task", submitLabelCreate: "Create task", submitLabelEdit: "Save task" }))) : activeSubpage === "node-catalog" ? (_jsx(AutomationNodeCatalogPane, { nodes: automationNodes })) : showDashboard ? (_jsx(AutomationsDashboard, { items: ctx.allItems, onSelectItem: selectItem, onCreateTask: () => setCreateDialogMode("tasks"), onCreateWorkflow: () => void createWorkflowDraft(), onUseIdea: (idea) => {
+                        }, children: "\u2190 Back" })) : null, (pageNotice || combinedError) && (_jsx(PagePanel, { variant: "padded", className: "mb-4 border border-danger/20 bg-danger/5", children: _jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("p", { className: "text-sm text-danger", children: pageNotice ?? combinedError }), pageNotice && (_jsx(Button, { variant: "ghost", size: "sm", className: "text-danger hover:bg-danger/10", onClick: () => setPageNotice(null), children: "Dismiss" }))] }) })), editorOpen || editingId || editingTaskId ? (editorMode === "task" || editingTaskId ? (_jsx(TaskForm, {})) : (_jsx(HeartbeatForm, { form: form, editingId: editingId, editorEnabled: editorEnabled, modalTitle: modalTitle, formError: formError, triggersSaving: triggersSaving, templateNotice: templateNotice, triggers: triggers, triggerRunsById: triggerRunsById, t: t, selectedTriggerId: editingId, setField: setField, setForm: setForm, setFormError: setFormError, closeEditor: closeEditor, onSubmit: onSubmitTrigger, onDelete: onDeleteTrigger, onRunSelectedTrigger: onRunSelectedTrigger, onToggleTriggerEnabled: onToggleTriggerEnabled, saveFormAsTemplate: saveFormAsTemplate, loadTriggerRuns: loadTriggerRuns, kickerLabelCreate: form.kind === "workflow" ? "New schedule" : "New task", kickerLabelEdit: form.kind === "workflow" ? "Edit schedule" : "Edit task", submitLabelCreate: form.kind === "workflow" ? "Create schedule" : "Create task", submitLabelEdit: form.kind === "workflow" ? "Save schedule" : "Save task" }))) : activeSubpage === "node-catalog" ? (_jsx(AutomationNodeCatalogPane, { nodes: automationNodes })) : showDashboard ? (_jsx(AutomationsDashboard, { items: ctx.allItems, onSelectItem: selectItem, onCreateTask: handleZeroStateNewTask, onCreateWorkflow: () => void createWorkflowDraft(), onUseIdea: (idea) => {
                             if (idea.kind === "workflow") {
                                 void createWorkflowDraft({
                                     title: idea.label,
@@ -1974,17 +2226,14 @@ function AutomationsLayout() {
                                 });
                                 return;
                             }
-                            openSeededScheduledTask(idea);
-                        } })) : resolvedSelectedItem?.type === "automation_draft" ? (_jsx(AutomationDraftPane, { automation: resolvedSelectedItem, onSeedPrompt: (prompt) => prefillPageChat(prompt, { select: true }) })) : resolvedSelectedItem?.type === "n8n_workflow" ? (_jsx(WorkflowAutomationDetailPane, { automation: resolvedSelectedItem, n8nStatus: n8nStatus, workflowFetchError: workflowFetchError, workflowBusyId: workflowBusyId, workflowOpsBusy: workflowOpsBusy, onDeleteWorkflow: handleDeleteWorkflow, onDuplicateWorkflow: handleDuplicateWorkflow, onRefreshWorkflows: handleRefreshWorkflows, onStartLocalN8n: handleStartLocalN8n, onToggleWorkflowActive: handleToggleWorkflowActive })) : resolvedSelectedItem?.trigger ? (_jsx(TriggerAutomationDetailPane, { automation: resolvedSelectedItem, onPromoteToWorkflow: promoteAutomationToWorkflow })) : resolvedSelectedItem?.task ? (_jsx(TaskAutomationDetailPane, { automation: resolvedSelectedItem, onPromoteToWorkflow: promoteAutomationToWorkflow })) : showFirstRunEmptyState ? (_jsx(AutomationsZeroState, { onBrowseTemplates: () => setTemplatesModalOpen(true), onNewTrigger: handleZeroStateNewTrigger, onNewTask: handleZeroStateNewTask })) : (_jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center px-8 py-10 text-center", children: _jsx("div", { className: "space-y-3", children: _jsx("h3", { className: "text-lg font-semibold text-txt-strong", children: "Select a task or workflow" }) }) }))] }), _jsx(CreateAutomationDialog, { open: createDialogMode !== null, mode: createDialogMode ?? "all", onOpenChange: (open) => {
+                            openSeededTask(idea);
+                        } })) : resolvedSelectedItem?.type === "automation_draft" ? (_jsx(AutomationDraftPane, { automation: resolvedSelectedItem, onSeedPrompt: (prompt) => prefillPageChat(prompt, { select: true }), onDeleteDraft: handleDeleteDraft })) : resolvedSelectedItem?.type === "n8n_workflow" ? (_jsx(WorkflowAutomationDetailPane, { automation: resolvedSelectedItem, n8nStatus: n8nStatus, workflowFetchError: workflowFetchError, workflowBusyId: workflowBusyId, workflowOpsBusy: workflowOpsBusy, onDeleteDraft: handleDeleteDraft, onDeleteWorkflow: handleDeleteWorkflow, onDuplicateWorkflow: handleDuplicateWorkflow, onGenerateWorkflow: handleGenerateWorkflow, onRefreshWorkflows: handleRefreshWorkflows, onScheduleWorkflow: handleScheduleWorkflow, onStartLocalN8n: handleStartLocalN8n, onToggleWorkflowActive: handleToggleWorkflowActive })) : resolvedSelectedItem?.trigger ? (_jsx(TriggerAutomationDetailPane, { automation: resolvedSelectedItem, onPromoteToWorkflow: promoteAutomationToWorkflow })) : resolvedSelectedItem?.task ? (_jsx(TaskAutomationDetailPane, { automation: resolvedSelectedItem, onPromoteToWorkflow: promoteAutomationToWorkflow })) : showFirstRunEmptyState ? (_jsx(AutomationsZeroState, { onBrowseTemplates: () => setTemplatesModalOpen(true), onNewTrigger: handleZeroStateNewTrigger, onNewTask: handleZeroStateNewTask })) : (_jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center px-8 py-10 text-center", children: _jsx("div", { className: "space-y-3", children: _jsx("h3", { className: "text-lg font-semibold text-txt-strong", children: "Select a task or workflow" }) }) }))] }), _jsx(CreateAutomationDialog, { open: createDialogMode !== null, onOpenChange: (open) => {
                     if (!open) {
                         setCreateDialogMode(null);
                     }
                 }, onCreateTask: () => {
                     setCreateDialogMode(null);
                     handleZeroStateNewTask();
-                }, onCreateScheduledTask: () => {
-                    setCreateDialogMode(null);
-                    handleZeroStateNewTrigger();
                 }, onCreateWorkflow: () => {
                     setCreateDialogMode(null);
                     void createWorkflowDraft();
@@ -1999,5 +2248,5 @@ export function AutomationsView() {
 }
 export function AutomationsDesktopShell() {
     const controller = useAutomationsViewController();
-    return (_jsx(AutomationsViewContext.Provider, { value: controller, children: _jsx(AppWorkspaceChrome, { testId: "automations-workspace", chat: _jsx(AutomationsSidebarChat, {}), main: _jsx("div", { className: "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden", children: _jsx(AutomationsLayout, {}) }) }) }));
+    return (_jsx(AutomationsViewContext.Provider, { value: controller, children: _jsx(AppWorkspaceChrome, { testId: "automations-workspace", chat: _jsx(AutomationsSidebarChat, { activeItem: controller.resolvedSelectedItem }), main: _jsx("div", { className: "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden", children: _jsx(AutomationsLayout, {}) }) }) }));
 }