@elizaos/ui 2.0.0-alpha.192 → 2.0.0-alpha.196

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

@@ -1,23 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
- * AutomationsView — unified view for tasks and scheduled automations.
- *
- * Combines the previous "Heartbeats" (triggers) and "Tasks" views into a
- * single /automations route with filter tabs.
+ * AutomationsView — unified list/detail UI for coordinator and workflow automations.
  */
 import { Button, FieldLabel, Input, PageLayout, PagePanel, Sidebar, SidebarCollapsedActionButton, SidebarContent, SidebarPanel, SidebarScrollRegion, StatusBadge, Textarea, } from "@elizaos/ui";
-import { CheckCircle2, Circle, Clock3, ListTodo, Plus, Settings, Zap, } from "lucide-react";
+import { CheckCircle2, Circle, Clock3, GitBranch, Mail, Plus, Settings, Signal, SquareTerminal, Workflow, Zap, } from "lucide-react";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { client } from "../../api";
 import { useApp } from "../../state";
 import { confirmDesktopAction } from "../../utils";
 import { formatDateTime, formatDurationMs } from "../../utils/format";
 import { WidgetHost } from "../../widgets";
+import { AutomationRoomChatPane } from "./AutomationRoomChatPane";
 import { HeartbeatForm } from "./HeartbeatForm";
 import { buildCreateRequest, buildUpdateRequest, emptyForm, formFromTrigger, loadUserTemplates, localizedExecutionStatus, railMonogram, saveUserTemplates, scheduleLabel, toneForLastStatus, validateForm, } from "./heartbeat-utils";
-import { N8nWorkflowsPanel } from "./N8nWorkflowsPanel";
-// ── System task detection ─────────────────────────────────────────
-/** Runtime-internal task names that are not user-created. */
+import { buildAutomationResponseRoutingMetadata, buildCoordinatorConversationMetadata, buildCoordinatorTriggerConversationMetadata, buildWorkflowConversationMetadata, buildWorkflowDraftConversationMetadata, getAutomationBridgeConversationId, resolveAutomationConversation, } from "./automation-conversations";
+const WORKFLOW_DRAFT_TITLE = "New Workflow Draft";
+const WORKFLOW_SYSTEM_ADDENDUM = "You are in a workflow-specific automation room. Focus only on this " +
+    "workflow. Use the linked terminal conversation only when it directly " +
+    "informs the workflow. Request keys and connector setup when needed, and " +
+    "prefer owner-scoped LifeOps integrations for personal services.";
+const COORDINATOR_SYSTEM_ADDENDUM = "You are in a workflow-specific automation room for a coordinator " +
+    "automation. Focus only on this automation. Use the linked terminal " +
+    "conversation only when it directly informs the automation.";
 const SYSTEM_TASK_NAMES = new Set([
     "EMBEDDING_DRAIN",
     "PROACTIVE_AGENT",
@@ -25,123 +29,239 @@ const SYSTEM_TASK_NAMES = new Set([
     "TRIGGER_DISPATCH",
     "heartbeat",
 ]);
+const NODE_CLASS_ORDER = [
+    "agent",
+    "action",
+    "context",
+    "integration",
+    "trigger",
+    "flow-control",
+];
+function createWorkflowDraftId() {
+    return globalThis.crypto.randomUUID();
+}
 function isSystemTask(task) {
-    if (SYSTEM_TASK_NAMES.has(task.name))
+    if (SYSTEM_TASK_NAMES.has(task.name)) {
         return true;
-    // Tasks with queue+repeat tags are runtime-internal
+    }
     const tags = new Set(task.tags ?? []);
-    if (tags.has("queue") && tags.has("repeat"))
-        return true;
-    return false;
+    return tags.has("queue") && tags.has("repeat");
 }
-/**
- * Deduplicate system tasks by name — keep only one per name,
- * preferring the one with a description.
- */
-function deduplicateSystemTasks(tasks) {
-    const byName = new Map();
-    for (const task of tasks) {
-        const existing = byName.get(task.name);
-        if (!existing || (task.description && !existing.description)) {
-            byName.set(task.name, task);
+function getSelectionKind(item) {
+    if (!item)
+        return null;
+    if (item.type === "n8n_workflow")
+        return "workflow";
+    if (item.task)
+        return "task";
+    if (item.trigger)
+        return "trigger";
+    return null;
+}
+function getAutomationSearchText(item) {
+    return [item.title, item.description]
+        .map((value) => value.trim().toLowerCase())
+        .filter(Boolean)
+        .join("\n");
+}
+function getAutomationBridgeIdForItem(item, activeConversationId, conversations) {
+    return (item?.room?.terminalBridgeConversationId ??
+        item?.room?.sourceConversationId ??
+        getAutomationBridgeConversationId(activeConversationId, conversations));
+}
+function getWorkflowNodeCount(item) {
+    return item.workflow?.nodeCount ?? item.workflow?.nodes?.length ?? 0;
+}
+function getAutomationIndicatorTone(item) {
+    if (item.type === "n8n_workflow") {
+        return item.enabled ? "accent" : undefined;
+    }
+    if (item.task) {
+        return item.task.isCompleted ? undefined : "accent";
+    }
+    if (item.trigger) {
+        return item.trigger.enabled ? "accent" : undefined;
+    }
+    return undefined;
+}
+function buildTriggerSchedulePrompt(trigger) {
+    if (trigger.triggerType === "interval") {
+        return `Schedule: interval every ${trigger.intervalMs ?? 0}ms.`;
+    }
+    if (trigger.triggerType === "once") {
+        return `Schedule: run once at ${trigger.scheduledAtIso ?? "an unspecified time"}.`;
+    }
+    if (trigger.triggerType === "cron") {
+        return `Schedule: cron ${trigger.cronExpression ?? ""}.`;
+    }
+    return `Schedule type: ${trigger.triggerType}.`;
+}
+function buildWorkflowCompilationPrompt(item) {
+    const lines = [
+        "Compile this coordinator automation into an n8n workflow.",
+        `Automation title: ${item.title}`,
+        `Description: ${item.description || "No additional description provided."}`,
+        "Keep the workflow in this dedicated automation room.",
+        "Use runtime actions and providers as workflow nodes when they fit the job.",
+        "Use owner-scoped LifeOps nodes for Gmail, Calendar, Signal, Telegram, Discord, and GitHub when they are set up. If not, request the required setup or keys.",
+    ];
+    if (item.task) {
+        lines.push(`Task description: ${item.task.description || "No task description."}`);
+    }
+    if (item.trigger) {
+        lines.push(`Coordinator instructions: ${item.trigger.instructions}`);
+        lines.push(buildTriggerSchedulePrompt(item.trigger));
+    }
+    if (item.schedules.length > 0) {
+        lines.push("Existing schedules:");
+        for (const schedule of item.schedules) {
+            lines.push(`- ${buildTriggerSchedulePrompt(schedule)}`);
         }
     }
-    return [...byName.values()];
+    lines.push("Ask follow-up questions only when workflow intent is genuinely ambiguous.");
+    return lines.join("\n");
+}
+function getNodeClassLabel(className) {
+    switch (className) {
+        case "agent":
+            return "Agent";
+        case "action":
+            return "Actions";
+        case "context":
+            return "Context";
+        case "integration":
+            return "Integrations";
+        case "trigger":
+            return "Triggers";
+        case "flow-control":
+            return "Flow Control";
+        default:
+            return className;
+    }
+}
+function getNodeIcon(node) {
+    if (node.source === "lifeops") {
+        if (node.id === "lifeops:gmail")
+            return _jsx(Mail, { className: "h-3.5 w-3.5" });
+        if (node.id === "lifeops:signal")
+            return _jsx(Signal, { className: "h-3.5 w-3.5" });
+        if (node.id === "lifeops:github") {
+            return _jsx(GitBranch, { className: "h-3.5 w-3.5" });
+        }
+    }
+    if (node.class === "agent") {
+        return _jsx(SquareTerminal, { className: "h-3.5 w-3.5" });
+    }
+    if (node.class === "integration") {
+        return _jsx(Workflow, { className: "h-3.5 w-3.5" });
+    }
+    if (node.class === "context") {
+        return _jsx(Settings, { className: "h-3.5 w-3.5" });
+    }
+    if (node.class === "trigger") {
+        return _jsx(Clock3, { className: "h-3.5 w-3.5" });
+    }
+    return _jsx(Zap, { className: "h-3.5 w-3.5" });
 }
-// ── View controller hook ──────────────────────────────────────────
 function useAutomationsViewController() {
-    const { triggers = [], triggersLoaded = false, triggersLoading = false, triggersSaving = false, triggerRunsById = {}, triggerHealth: _triggerHealth = null, triggerError = null, loadTriggers = async () => { }, createTrigger = async () => null, updateTrigger = async () => null, deleteTrigger = async () => true, runTriggerNow = async () => true, loadTriggerRuns = async () => { }, loadTriggerHealth = async () => { }, ensureTriggersLoaded = async () => {
+    const { triggers = [], triggersLoaded = false, triggersLoading = false, triggersSaving = false, triggerRunsById = {}, triggerError = null, loadTriggers = async () => { }, createTrigger = async () => null, updateTrigger = async () => null, deleteTrigger = async () => true, runTriggerNow = async () => true, loadTriggerRuns = async () => { }, loadTriggerHealth = async () => { }, ensureTriggersLoaded = async () => {
         await loadTriggers(triggersLoaded ? { silent: true } : undefined);
     }, t, uiLanguage, } = useApp();
-    // ── Workbench tasks state ───────────────────────────────────────
-    const [workbenchTasks, setWorkbenchTasks] = useState([]);
-    const [tasksLoading, setTasksLoading] = useState(false);
-    const [_tasksLoaded, setTasksLoaded] = useState(false);
     const [taskError, setTaskError] = useState(null);
     const [taskSaving, setTaskSaving] = useState(false);
-    const loadWorkbenchTasks = useCallback(async () => {
-        setTasksLoading(true);
+    const [form, setForm] = useState(emptyForm);
+    const [editingId, setEditingId] = useState(null);
+    const [selectedItemId, setSelectedItemId] = useState(null);
+    const [selectedItemKind, setSelectedItemKind] = useState(null);
+    const [formError, setFormError] = useState(null);
+    const [editorOpen, setEditorOpen] = useState(false);
+    const [editorMode, setEditorMode] = useState("trigger");
+    const [userTemplates, setUserTemplates] = useState(loadUserTemplates);
+    const [templateNotice, setTemplateNotice] = useState(null);
+    const [taskFormName, setTaskFormName] = useState("");
+    const [taskFormDescription, setTaskFormDescription] = useState("");
+    const [editingTaskId, setEditingTaskId] = useState(null);
+    const [filter, setFilter] = useState("all");
+    const [automationItems, setAutomationItems] = useState([]);
+    const [automationNodes, setAutomationNodes] = useState([]);
+    const [automationsLoading, setAutomationsLoading] = useState(false);
+    const [automationsLoaded, setAutomationsLoaded] = useState(false);
+    const [automationsError, setAutomationsError] = useState(null);
+    const [n8nStatus, setN8nStatus] = useState(null);
+    const [workflowFetchError, setWorkflowFetchError] = useState(null);
+    const didBootstrapDataRef = useRef(false);
+    const lastSelectedIdRef = useRef(null);
+    const refreshAutomations = useCallback(async () => {
+        setAutomationsLoading(true);
         try {
-            const data = await client.listWorkbenchTasks();
-            setWorkbenchTasks(data.tasks ?? []);
-            setTaskError(null);
+            const [automationData, nodeCatalog] = await Promise.all([
+                client.listAutomations(),
+                client.getAutomationNodeCatalog(),
+            ]);
+            setAutomationItems(automationData.automations ?? []);
+            setAutomationNodes(nodeCatalog.nodes ?? []);
+            setN8nStatus(automationData.n8nStatus ?? null);
+            setWorkflowFetchError(automationData.workflowFetchError ?? null);
+            setAutomationsError(null);
+            return automationData;
         }
-        catch (err) {
-            setTaskError(err instanceof Error ? err.message : "Failed to load tasks");
+        catch (error) {
+            setAutomationsError(error instanceof Error ? error.message : "Failed to load automations");
+            return null;
         }
         finally {
-            setTasksLoaded(true);
-            setTasksLoading(false);
+            setAutomationsLoaded(true);
+            setAutomationsLoading(false);
         }
     }, []);
     const createWorkbenchTask = useCallback(async (data) => {
         setTaskSaving(true);
         try {
             const res = await client.createWorkbenchTask(data);
-            const created = res.task;
-            setWorkbenchTasks((prev) => [...prev, created]);
             setTaskError(null);
-            return created;
+            await refreshAutomations();
+            return res.task;
         }
-        catch (err) {
-            setTaskError(err instanceof Error ? err.message : "Failed to create task");
+        catch (error) {
+            setTaskError(error instanceof Error ? error.message : "Failed to create task");
             return null;
         }
         finally {
             setTaskSaving(false);
         }
-    }, []);
+    }, [refreshAutomations]);
     const updateWorkbenchTask = useCallback(async (id, data) => {
         setTaskSaving(true);
         try {
             const res = await client.updateWorkbenchTask(id, data);
-            const updated = res.task;
-            setWorkbenchTasks((prev) => prev.map((item) => (item.id === updated.id ? updated : item)));
             setTaskError(null);
-            return updated;
+            await refreshAutomations();
+            return res.task;
         }
-        catch (err) {
-            setTaskError(err instanceof Error ? err.message : "Failed to update task");
+        catch (error) {
+            setTaskError(error instanceof Error ? error.message : "Failed to update task");
             return null;
         }
         finally {
             setTaskSaving(false);
         }
-    }, []);
+    }, [refreshAutomations]);
     const deleteWorkbenchTask = useCallback(async (id) => {
         setTaskSaving(true);
         try {
             await client.deleteWorkbenchTask(id);
-            setWorkbenchTasks((prev) => prev.filter((item) => item.id !== id));
             setTaskError(null);
+            await refreshAutomations();
             return true;
         }
-        catch (err) {
-            setTaskError(err instanceof Error ? err.message : "Failed to delete task");
+        catch (error) {
+            setTaskError(error instanceof Error ? error.message : "Failed to delete task");
             return false;
         }
         finally {
             setTaskSaving(false);
         }
-    }, []);
-    // ── Trigger form state (reused from HeartbeatsView) ─────────────
-    const [form, setForm] = useState(emptyForm);
-    const [editingId, setEditingId] = useState(null);
-    const [selectedItemId, setSelectedItemId] = useState(null);
-    const [selectedItemKind, setSelectedItemKind] = useState(null);
-    const [formError, setFormError] = useState(null);
-    const [editorOpen, setEditorOpen] = useState(false);
-    const [editorMode, setEditorMode] = useState("trigger");
-    const lastSelectedIdRef = useRef(null);
-    const [userTemplates, setUserTemplates] = useState(loadUserTemplates);
-    const [templateNotice, setTemplateNotice] = useState(null);
-    const didBootstrapDataRef = useRef(false);
-    // ── Task create form state ──────────────────────────────────────
-    const [taskFormName, setTaskFormName] = useState("");
-    const [taskFormDescription, setTaskFormDescription] = useState("");
-    const [editingTaskId, setEditingTaskId] = useState(null);
-    // ── Filter state ────────────────────────────────────────────────
-    const [filter, setFilter] = useState("all");
+    }, [refreshAutomations]);
     const saveFormAsTemplate = useCallback(() => {
         const name = form.displayName.trim();
         if (!name)
@@ -153,35 +273,30 @@ function useAutomationsViewController() {
             interval: form.durationValue || "1",
             unit: form.durationUnit,
         };
-        setUserTemplates((prev) => {
-            const next = [...prev, template];
+        setUserTemplates((previous) => {
+            const next = [...previous, template];
             saveUserTemplates(next);
             return next;
         });
     }, [form]);
     const deleteUserTemplate = useCallback((id) => {
-        setUserTemplates((prev) => {
-            const next = prev.filter((t) => t.id !== id);
+        setUserTemplates((previous) => {
+            const next = previous.filter((template) => template.id !== id);
             saveUserTemplates(next);
             return next;
         });
     }, []);
-    // ── Bootstrap data ──────────────────────────────────────────────
     useEffect(() => {
         if (didBootstrapDataRef.current)
             return;
         didBootstrapDataRef.current = true;
         void loadTriggerHealth();
         void ensureTriggersLoaded();
-        void loadWorkbenchTasks();
-    }, [ensureTriggersLoaded, loadTriggerHealth, loadWorkbenchTasks]);
-    // ── Cross-component filter navigation ─────────────────────────
-    // HeartbeatForm dispatches this event when the user clicks "Go to Workflows"
-    // from the workflow-unavailable state inside the kind section.
+        void refreshAutomations();
+    }, [ensureTriggersLoaded, loadTriggerHealth, refreshAutomations]);
     useEffect(() => {
         const handler = (event) => {
-            const detail = event
-                .detail;
+            const detail = event.detail;
             if (detail?.filter) {
                 setFilter(detail.filter);
             }
@@ -189,63 +304,19 @@ function useAutomationsViewController() {
         window.addEventListener("milady:automations:setFilter", handler);
         return () => window.removeEventListener("milady:automations:setFilter", handler);
     }, []);
-    // ── Build unified items list ────────────────────────────────────
-    const allItems = useMemo(() => {
-        const items = [];
-        for (const trigger of triggers) {
-            items.push({
-                kind: "trigger",
-                id: `trigger:${trigger.id}`,
-                name: trigger.displayName,
-                trigger,
-            });
-        }
-        // Separate user tasks from system tasks
-        const userTasks = [];
-        const systemTasks = [];
-        for (const task of workbenchTasks) {
-            if (isSystemTask(task)) {
-                systemTasks.push(task);
-            }
-            else {
-                userTasks.push(task);
-            }
-        }
-        // Add user-created tasks
-        for (const task of userTasks) {
-            items.push({
-                kind: "task",
-                id: `task:${task.id}`,
-                name: task.name,
-                task,
-                system: false,
-            });
-        }
-        // Add deduplicated system tasks
-        for (const task of deduplicateSystemTasks(systemTasks)) {
-            items.push({
-                kind: "task",
-                id: `task:${task.id}`,
-                name: task.name,
-                task,
-                system: true,
-            });
-        }
-        return items;
-    }, [triggers, workbenchTasks]);
+    const allItems = automationItems;
     const filteredItems = useMemo(() => {
         switch (filter) {
+            case "coordinator":
+                return allItems.filter((item) => item.type === "coordinator_text");
+            case "workflows":
+                return allItems.filter((item) => item.type === "n8n_workflow");
             case "scheduled":
-                return allItems.filter((item) => item.kind === "trigger");
-            case "my-tasks":
-                return allItems.filter((item) => item.kind === "task" && !item.system);
-            case "system":
-                return allItems.filter((item) => (item.kind === "task" && item.system) || item.kind === "trigger");
+                return allItems.filter((item) => item.schedules.length > 0);
             default:
                 return allItems;
         }
     }, [allItems, filter]);
-    // Clear stale selection
     useEffect(() => {
         if (!selectedItemId)
             return;
@@ -253,31 +324,30 @@ function useAutomationsViewController() {
             setSelectedItemId(null);
             setSelectedItemKind(null);
         }
-    }, [selectedItemId, allItems]);
+    }, [allItems, selectedItemId]);
     useEffect(() => {
         if (selectedItemId) {
             lastSelectedIdRef.current = selectedItemId;
         }
     }, [selectedItemId]);
-    // Auto-select first item
     useEffect(() => {
         if (editorOpen ||
             editingId ||
             editingTaskId ||
             selectedItemId ||
-            allItems.length === 0)
+            allItems.length === 0) {
             return;
+        }
         const preferred = lastSelectedIdRef.current;
         const next = preferred && allItems.some((item) => item.id === preferred)
             ? preferred
             : (allItems[0]?.id ?? null);
-        if (next) {
-            const item = allItems.find((i) => i.id === next);
-            setSelectedItemId(next);
-            setSelectedItemKind(item?.kind ?? null);
-        }
-    }, [editorOpen, editingId, editingTaskId, selectedItemId, allItems]);
-    // Escape key
+        if (!next)
+            return;
+        const item = allItems.find((candidate) => candidate.id === next) ?? null;
+        setSelectedItemId(next);
+        setSelectedItemKind(getSelectionKind(item));
+    }, [allItems, editingId, editingTaskId, editorOpen, selectedItemId]);
     useEffect(() => {
         if (!editorOpen)
             return undefined;
@@ -295,7 +365,6 @@ function useAutomationsViewController() {
         window.addEventListener("keydown", onKeyDown);
         return () => window.removeEventListener("keydown", onKeyDown);
     }, [editorOpen]);
-    // ── Editor helpers ──────────────────────────────────────────────
     const resetEditor = () => {
         setForm(emptyForm);
         setEditingId(null);
@@ -349,6 +418,7 @@ function useAutomationsViewController() {
             if (updated) {
                 setSelectedItemId(`trigger:${updated.id}`);
                 setSelectedItemKind("trigger");
+                await refreshAutomations();
                 closeEditor();
             }
             return;
@@ -358,6 +428,7 @@ function useAutomationsViewController() {
             setSelectedItemId(`trigger:${created.id}`);
             setSelectedItemKind("trigger");
             void loadTriggerRuns(created.id);
+            await refreshAutomations();
             closeEditor();
         }
     };
@@ -409,6 +480,7 @@ function useAutomationsViewController() {
             setSelectedItemId(null);
             setSelectedItemKind(null);
         }
+        await refreshAutomations();
         closeEditor();
     };
     const onDeleteTask = async (taskId) => {
@@ -436,6 +508,8 @@ function useAutomationsViewController() {
         setSelectedItemId(`trigger:${triggerId}`);
         setSelectedItemKind("trigger");
         await runTriggerNow(triggerId);
+        await loadTriggerRuns(triggerId);
+        await refreshAutomations();
     };
     const onToggleTriggerEnabled = async (triggerId, currentlyEnabled) => {
         const updated = await updateTrigger(triggerId, {
@@ -444,11 +518,13 @@ function useAutomationsViewController() {
         if (updated && editingId === updated.id) {
             setForm(formFromTrigger(updated));
         }
+        await refreshAutomations();
     };
     const onToggleTaskCompleted = async (taskId, currentlyCompleted) => {
-        await updateWorkbenchTask(taskId, { isCompleted: !currentlyCompleted });
+        await updateWorkbenchTask(taskId, {
+            isCompleted: !currentlyCompleted,
+        });
     };
-    // ── Resolved selection ──────────────────────────────────────────
     const resolvedSelectedItem = useMemo(() => {
         if (editorOpen || editingId || editingTaskId)
             return null;
@@ -456,40 +532,36 @@ function useAutomationsViewController() {
             return allItems.find((item) => item.id === selectedItemId) ?? null;
         }
         return allItems[0] ?? null;
-    }, [editorOpen, editingId, editingTaskId, selectedItemId, allItems]);
+    }, [allItems, editingId, editingTaskId, editorOpen, selectedItemId]);
     const modalTitle = editorMode === "trigger"
         ? editingId
             ? t("heartbeatsview.editTitle", {
                 name: form.displayName.trim() || "Task",
                 defaultValue: "Edit {{name}}",
             })
-            : "New Task"
+            : "New Schedule"
         : editingTaskId
-            ? "Edit Task"
-            : "New Task";
+            ? "Edit Coordinator"
+            : "New Coordinator";
     const editorEnabled = editingId != null
         ? (triggers.find((trigger) => trigger.id === editingId)?.enabled ??
             form.enabled)
         : form.enabled;
     const hasItems = allItems.length > 0;
-    const isLoading = triggersLoading || tasksLoading;
-    const combinedError = triggerError || taskError;
+    const isLoading = triggersLoading || automationsLoading;
+    const combinedError = automationsError || triggerError || taskError;
     const showFirstRunEmptyState = !isLoading && !combinedError && !hasItems;
     const showDetailPane = Boolean(editorOpen || editingId || editingTaskId || resolvedSelectedItem);
     return {
-        // Filter
         filter,
         setFilter,
-        // Items
         allItems,
         filteredItems,
-        // Selection
         selectedItemId,
         selectedItemKind,
         setSelectedItemId,
         setSelectedItemKind,
         resolvedSelectedItem,
-        // Trigger editor
         form,
         setForm,
         setField,
@@ -498,7 +570,6 @@ function useAutomationsViewController() {
         editorOpen,
         setEditorOpen,
         editorMode,
-        setEditorMode,
         formError,
         setFormError,
         editorEnabled,
@@ -506,7 +577,6 @@ function useAutomationsViewController() {
         templateNotice,
         setTemplateNotice,
         userTemplates,
-        // Task editor
         taskFormName,
         setTaskFormName,
         taskFormDescription,
@@ -514,7 +584,6 @@ function useAutomationsViewController() {
         editingTaskId,
         setEditingTaskId,
         taskSaving,
-        // Actions
         closeEditor,
         openCreateTrigger,
         openCreateTask,
@@ -530,13 +599,17 @@ function useAutomationsViewController() {
         saveFormAsTemplate,
         deleteUserTemplate,
         loadTriggerRuns,
-        // Data
+        refreshAutomations,
+        automationNodes,
+        automationsLoading,
+        automationsLoaded,
+        automationsError,
+        n8nStatus,
+        workflowFetchError,
         triggers,
-        workbenchTasks,
         triggerRunsById,
         triggersSaving,
         triggersLoading,
-        tasksLoading,
         triggerError,
         taskError,
         hasItems,
@@ -544,7 +617,6 @@ function useAutomationsViewController() {
         combinedError,
         showFirstRunEmptyState,
         showDetailPane,
-        // I18n
         t,
         uiLanguage,
     };
@@ -557,39 +629,104 @@ function useAutomationsViewContext() {
     }
     return context;
 }
-// ── Filter tabs ───────────────────────────────────────────────────
 function FilterTabs() {
     const { filter, setFilter, allItems } = useAutomationsViewContext();
-    const triggerCount = allItems.filter((i) => i.kind === "trigger").length;
-    const _userTaskCount = allItems.filter((i) => i.kind === "task" && !i.system).length;
-    const _systemCount = allItems.filter((i) => i.kind === "task" && i.system).length + triggerCount;
     const filters = [
-        { key: "all", label: "All" },
-        { key: "scheduled", label: "Scheduled" },
-        { key: "system", label: "System" },
-        { key: "workflows", label: "Workflows" },
+        { key: "all", label: "All", count: allItems.length },
+        {
+            key: "coordinator",
+            label: "Coordinator",
+            count: allItems.filter((item) => item.type === "coordinator_text").length,
+        },
+        {
+            key: "workflows",
+            label: "Workflows",
+            count: allItems.filter((item) => item.type === "n8n_workflow").length,
+        },
+        {
+            key: "scheduled",
+            label: "Scheduled",
+            count: allItems.filter((item) => item.schedules.length > 0).length,
+        },
     ];
-    return (_jsx("div", { className: "flex gap-1 px-1 pb-2", children: filters.map(({ key, label }) => (_jsx("button", { type: "button", onClick: () => setFilter(key), className: `rounded-lg px-2.5 py-1 text-xs font-medium transition-colors ${filter === key
+    return (_jsx("div", { className: "flex gap-1 px-1 pb-2", children: filters.map(({ key, label, count }) => (_jsxs("button", { type: "button", onClick: () => setFilter(key), className: `rounded-lg px-2.5 py-1 text-xs font-medium transition-colors ${filter === key
                 ? "bg-accent/15 text-accent"
-                : "text-muted hover:text-txt hover:bg-bg/50"}`, children: label }, key))) }));
+                : "text-muted hover:bg-bg/50 hover:text-txt"}`, children: [label, " ", _jsx("span", { className: filter === key ? "text-accent/80" : "text-muted/70", children: count })] }, key))) }));
 }
-// ── Task form (inline in editor) ──────────────────────────────────
 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: "Name" }), _jsx(Input, { value: taskFormName, onChange: (e) => setTaskFormName(e.target.value), placeholder: "Task name...", autoFocus: true })] }), _jsxs("div", { children: [_jsx(FieldLabel, { children: "Description" }), _jsx(Textarea, { value: taskFormDescription, onChange: (e) => setTaskFormDescription(e.target.value), placeholder: "What should be done...", 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("triggersview.Save", { defaultValue: "Save" })
-                            : "Create Task" }), editingTaskId && (_jsx(Button, { variant: "outline", size: "sm", className: "border-danger/30 text-danger hover:bg-danger/10", onClick: () => void onDeleteTask(editingTaskId), children: t("triggersview.Delete") }))] })] }));
+    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: "Name" }), _jsx(Input, { value: taskFormName, onChange: (event) => setTaskFormName(event.target.value), placeholder: "Coordinator automation name...", autoFocus: true })] }), _jsxs("div", { children: [_jsx(FieldLabel, { children: "Description" }), _jsx(Textarea, { value: taskFormDescription, onChange: (event) => setTaskFormDescription(event.target.value), placeholder: "What should the coordinator 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 ? "Save Coordinator" : "Create Coordinator" }), editingTaskId && (_jsx(Button, { variant: "outline", size: "sm", className: "border-danger/30 text-danger hover:bg-danger/10", onClick: () => void onDeleteTask(editingTaskId), children: t("triggersview.Delete") }))] })] }));
+}
+function WorkflowRuntimeNotice({ status, workflowFetchError, busy, onRefresh, onStartLocal, }) {
+    if (!status && !workflowFetchError) {
+        return null;
+    }
+    if (status?.mode === "disabled") {
+        return (_jsx(PagePanel, { variant: "padded", className: "mb-4 border border-border/30 bg-bg/30", children: _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: "Workflow execution needs n8n." }), _jsx("p", { className: "text-sm text-muted", children: "Coordinator automations stay usable without n8n. Workflow automations become deployable once Eliza Cloud or local n8n is available." })] }), status.platform !== "mobile" && (_jsx(Button, { variant: "outline", size: "sm", disabled: busy, onClick: onStartLocal, children: "Enable Local n8n" }))] }) }));
+    }
+    if (workflowFetchError) {
+        return (_jsx(PagePanel, { variant: "padded", className: "mb-4 border border-danger/20 bg-danger/5", children: _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-sm font-semibold text-danger", children: "Workflow backend unavailable" }), _jsx("p", { className: "text-sm text-danger/90", children: workflowFetchError })] }), _jsxs("div", { className: "flex items-center gap-2", children: [status?.mode === "local" && status.status !== "ready" && (_jsx(Button, { variant: "outline", size: "sm", disabled: busy, onClick: onStartLocal, children: "Start Local n8n" })), _jsx(Button, { variant: "outline", size: "sm", disabled: busy, onClick: onRefresh, children: "Refresh" })] })] }) }));
+    }
+    if (status?.mode === "local" && status.status !== "ready") {
+        return (_jsx(PagePanel, { variant: "padded", className: "mb-4 border border-warning/20 bg-warning/5", children: _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "text-sm font-semibold text-warning", children: ["Local n8n is ", status.status, "."] }), _jsx("p", { className: "text-sm text-muted", children: "Draft rooms still work. Workflow deploy, activate, and delete operations resume when local n8n is ready." })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: busy, onClick: onStartLocal, children: "Start Local n8n" }), _jsx(Button, { variant: "outline", size: "sm", disabled: busy, onClick: onRefresh, children: "Refresh" })] })] }) }));
+    }
+    if (status?.mode === "cloud" && status.cloudHealth === "degraded") {
+        return (_jsx(PagePanel, { variant: "padded", className: "mb-4 border border-warning/20 bg-warning/5", children: _jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-sm font-semibold text-warning", children: "Eliza Cloud workflow gateway is degraded." }), _jsx("p", { className: "text-sm text-muted", children: "Chat rooms remain usable while workflow execution and sync may be delayed." })] }), _jsx(Button, { variant: "outline", size: "sm", disabled: busy, onClick: onRefresh, children: "Refresh" })] }) }));
+    }
+    return null;
 }
-// ── Trigger detail pane (read-only view) ──────────────────────────
-function TriggerDetailPane({ trigger }) {
-    const { openEditTrigger, onRunSelectedTrigger, onToggleTriggerEnabled, loadTriggerRuns, triggerRunsById, t, uiLanguage, setForm, setEditorOpen, setEditingId, setSelectedItemId, setSelectedItemKind, setFilter, } = useAutomationsViewContext();
+function AutomationNodePalette({ nodes, title, subtitle, }) {
+    const groupedNodes = useMemo(() => NODE_CLASS_ORDER.map((className) => ({
+        className,
+        nodes: nodes.filter((node) => node.class === className),
+    })).filter((group) => group.nodes.length > 0), [nodes]);
+    return (_jsxs(PagePanel, { variant: "padded", className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: title }), _jsx("p", { className: "text-sm text-muted", children: subtitle })] }), _jsxs("div", { className: "flex flex-wrap gap-2 text-xs", children: [_jsxs("span", { className: "rounded-full bg-bg/40 px-2.5 py-1 text-muted", children: [nodes.length, " total"] }), _jsxs("span", { className: "rounded-full bg-ok/10 px-2.5 py-1 text-ok", children: [nodes.filter((node) => node.availability === "enabled").length, " enabled"] }), _jsxs("span", { className: "rounded-full bg-warning/10 px-2.5 py-1 text-warning", children: [nodes.filter((node) => node.availability === "disabled").length, " setup required"] })] }), _jsx("div", { className: "space-y-4", children: groupedNodes.map((group) => (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: getNodeClassLabel(group.className) }), _jsx("div", { className: "grid gap-3 xl:grid-cols-2", children: group.nodes.map((node) => (_jsx("div", { className: `rounded-xl border px-4 py-3 ${node.availability === "enabled"
+                                    ? "border-border/30 bg-bg/25"
+                                    : "border-warning/20 bg-warning/5"}`, children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: `mt-0.5 rounded-lg p-2 ${node.availability === "enabled"
+                                                ? "bg-accent/10 text-accent"
+                                                : "bg-warning/10 text-warning"}`, children: getNodeIcon(node) }), _jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "text-sm font-semibold text-txt", children: node.label }), _jsx(StatusBadge, { label: node.availability === "enabled" ? "Ready" : "Setup", variant: node.availability === "enabled" ? "success" : "warning", withDot: true }), node.ownerScoped && (_jsx("span", { className: "rounded-full bg-bg/40 px-2 py-0.5 text-[11px] text-muted", children: "Owner scoped" }))] }), _jsx("p", { className: "text-sm text-muted", children: node.description }), node.disabledReason && (_jsx("p", { className: "text-xs text-warning", children: node.disabledReason }))] })] }) }, node.id))) })] }, group.className))) })] }));
+}
+function TaskAutomationDetailPane({ automation, nodes, onAutomationMutated, onPromoteToWorkflow, }) {
+    const { activeConversationId, conversations } = useApp();
+    const { openEditTask, onDeleteTask, onToggleTaskCompleted, t } = useAutomationsViewContext();
+    const task = automation.task;
+    const [chatCollapsed, setChatCollapsed] = useState(false);
+    const composerRef = useRef(null);
+    if (!task) {
+        return null;
+    }
+    const bridgeConversationId = getAutomationBridgeIdForItem(automation, activeConversationId, conversations);
+    const metadata = buildCoordinatorConversationMetadata(task.id, bridgeConversationId);
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "max-w-3xl space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(FieldLabel, { variant: "kicker", children: automation.system ? (_jsxs(_Fragment, { children: [_jsx(Settings, { className: "mr-1.5 inline h-3.5 w-3.5" }), "System Automation"] })) : (_jsxs(_Fragment, { children: [_jsx(SquareTerminal, { className: "mr-1.5 inline h-3.5 w-3.5" }), "Coordinator Automation"] })) }), _jsx(StatusBadge, { label: automation.system
+                                            ? "System"
+                                            : task.isCompleted
+                                                ? "Completed"
+                                                : "Active", variant: automation.system
+                                            ? "muted"
+                                            : task.isCompleted
+                                                ? "muted"
+                                                : "success", withDot: true })] }), _jsx("h2", { className: "text-2xl font-semibold text-txt sm:text-[2rem]", children: automation.title }), automation.description && (_jsx("p", { className: "text-sm leading-relaxed text-muted", children: automation.description })), task.tags.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: task.tags.map((tag) => (_jsx("span", { className: "rounded-md bg-bg/50 px-2 py-0.5 text-xs text-muted", children: tag }, tag))) }))] }), !automation.system && (_jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2 lg:justify-end", children: [_jsx(Button, { variant: "outline", size: "sm", className: `h-8 px-3 text-xs ${task.isCompleted
+                                    ? "border-ok/30 text-ok hover:bg-ok/10"
+                                    : "border-accent/30 text-accent hover:bg-accent/10"}`, onClick: () => void onToggleTaskCompleted(task.id, task.isCompleted), children: task.isCompleted ? "Reopen" : "Complete" }), _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => void onPromoteToWorkflow(automation), children: [_jsx(GitBranch, { className: "mr-1.5 h-3.5 w-3.5" }), "Compile to Workflow"] }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => openEditTask(task), children: t("triggersview.Edit") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs border-danger/30 text-danger hover:bg-danger/10", onClick: () => void onDeleteTask(task.id), children: t("triggersview.Delete") })] }))] }), !automation.system && (_jsx(AutomationRoomChatPane, { assistantLabel: t("automations.chat.assistantLabel"), collapsed: chatCollapsed, composerRef: composerRef, metadata: metadata, onAutomationMutated: onAutomationMutated, onToggleCollapse: () => setChatCollapsed((value) => !value), placeholder: "Ask the coordinator to plan or execute this automation.", systemAddendum: COORDINATOR_SYSTEM_ADDENDUM, title: automation.title })), _jsx(AutomationNodePalette, { nodes: nodes, title: "Available Automation Nodes", subtitle: "These are the runtime capabilities the coordinator can reference while building or converting this automation." })] }));
+}
+function TriggerAutomationDetailPane({ automation, nodes, onAutomationMutated, onPromoteToWorkflow, }) {
+    const { activeConversationId, conversations } = useApp();
+    const { t, uiLanguage, openEditTrigger, onRunSelectedTrigger, onToggleTriggerEnabled, loadTriggerRuns, triggerRunsById, setForm, setEditorOpen, setEditingId, setSelectedItemId, setSelectedItemKind, } = useAutomationsViewContext();
+    const trigger = automation.trigger;
+    const [chatCollapsed, setChatCollapsed] = useState(false);
+    const composerRef = useRef(null);
+    if (!trigger) {
+        return null;
+    }
+    const bridgeConversationId = getAutomationBridgeIdForItem(automation, activeConversationId, conversations);
+    const metadata = buildCoordinatorTriggerConversationMetadata(trigger.id, bridgeConversationId);
     const selectedRuns = triggerRunsById[trigger.id] ?? [];
     const hasLoadedRuns = Object.hasOwn(triggerRunsById, trigger.id);
     useEffect(() => {
         if (!hasLoadedRuns) {
             void loadTriggerRuns(trigger.id);
         }
-    }, [trigger.id, hasLoadedRuns, loadTriggerRuns]);
+    }, [hasLoadedRuns, loadTriggerRuns, trigger.id]);
     const { failureCount, successCount } = selectedRuns.reduce((counts, run) => {
         const tone = toneForLastStatus(run.status);
         if (tone === "success")
@@ -598,13 +735,9 @@ function TriggerDetailPane({ trigger }) {
             counts.failureCount += 1;
         return counts;
     }, { failureCount: 0, successCount: 0 });
-    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "mb-8 flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "max-w-3xl space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(FieldLabel, { variant: "kicker", children: [_jsx(Clock3, { className: "mr-1.5 inline h-3.5 w-3.5" }), "Scheduled Task"] }), _jsx(StatusBadge, { label: trigger.enabled
-                                            ? t("appsview.Active")
-                                            : t("heartbeatsview.statusPaused"), variant: trigger.enabled ? "success" : "muted", withDot: true })] }), _jsx("h2", { className: "text-2xl font-semibold text-txt sm:text-[2rem]", children: trigger.displayName }), trigger.kind === "workflow" ? (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm text-txt", children: [_jsx(Zap, { className: "h-4 w-4 shrink-0 text-accent" }), _jsx("span", { children: t("automations.runsWorkflow", {
-                                                    name: trigger.workflowName ?? trigger.workflowId ?? "",
-                                                }) })] }), _jsx("button", { type: "button", className: "text-xs font-medium text-accent underline-offset-2 hover:underline", onClick: () => setFilter("workflows"), children: t("automations.openInWorkflowsTab") })] })) : (_jsx("p", { className: "text-sm leading-relaxed text-muted sm:text-sm", children: trigger.instructions }))] }), _jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2 lg:justify-end", children: [_jsx(Button, { variant: "outline", size: "sm", className: `h-8 px-3 text-xs ${trigger.enabled ? "border-warning/30 text-warning hover:bg-warning/10" : "border-ok/30 text-ok hover:bg-ok/10"}`, onClick: () => void onToggleTriggerEnabled(trigger.id, trigger.enabled), children: trigger.enabled
-                                    ? t("heartbeatsview.pause")
-                                    : t("heartbeatsview.resume") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => openEditTrigger(trigger), children: t("triggersview.Edit") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => {
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "max-w-3xl space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(FieldLabel, { variant: "kicker", children: [_jsx(Clock3, { className: "mr-1.5 inline h-3.5 w-3.5" }), "Scheduled Coordinator Automation"] }), _jsx(StatusBadge, { label: trigger.enabled ? "Active" : "Paused", variant: trigger.enabled ? "success" : "muted", withDot: true })] }), _jsx("h2", { className: "text-2xl font-semibold text-txt sm:text-[2rem]", children: automation.title }), _jsx("p", { className: "text-sm leading-relaxed text-muted", children: automation.description })] }), _jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2 lg:justify-end", children: [_jsx(Button, { variant: "outline", size: "sm", className: `h-8 px-3 text-xs ${trigger.enabled
+                                    ? "border-warning/30 text-warning hover:bg-warning/10"
+                                    : "border-ok/30 text-ok hover:bg-ok/10"}`, onClick: () => void onToggleTriggerEnabled(trigger.id, trigger.enabled), children: trigger.enabled ? "Pause" : "Resume" }), _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => void onPromoteToWorkflow(automation), children: [_jsx(GitBranch, { className: "mr-1.5 h-3.5 w-3.5" }), "Compile to Workflow"] }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => openEditTrigger(trigger), children: t("triggersview.Edit") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => {
                                     setForm({
                                         ...formFromTrigger(trigger),
                                         displayName: `${trigger.displayName} (copy)`,
@@ -613,108 +746,275 @@ function TriggerDetailPane({ trigger }) {
                                     setEditingId(null);
                                     setSelectedItemId(null);
                                     setSelectedItemKind(null);
-                                }, children: t("heartbeatsview.duplicate") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => void onRunSelectedTrigger(trigger.id), children: t("triggersview.RunNow") })] })] }), _jsxs("dl", { className: "mb-8 grid gap-4 text-sm sm:grid-cols-2 xl:grid-cols-4", children: [_jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: t("heartbeatsview.schedule") }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: scheduleLabel(trigger, t, uiLanguage) })] }), _jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: t("triggersview.LastRun") }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: formatDateTime(trigger.lastRunAtIso, {
-                                    fallback: t("heartbeatsview.notYetRun"),
+                                }, children: t("heartbeatsview.duplicate") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => void onRunSelectedTrigger(trigger.id), children: t("triggersview.RunNow") })] })] }), _jsxs("dl", { className: "grid gap-4 text-sm sm:grid-cols-2 xl:grid-cols-4", children: [_jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: "Schedule" }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: scheduleLabel(trigger, t, uiLanguage) })] }), _jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: "Last Run" }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: formatDateTime(trigger.lastRunAtIso, {
+                                    fallback: "Not yet run",
                                     locale: uiLanguage,
-                                }) })] }), _jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: t("heartbeatsview.nextRun") }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: formatDateTime(trigger.nextRunAtMs, {
-                                    fallback: t("heartbeatsview.notScheduled"),
+                                }) })] }), _jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: "Next Run" }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: formatDateTime(trigger.nextRunAtMs, {
+                                    fallback: "Not scheduled",
                                     locale: uiLanguage,
-                                }) })] }), hasLoadedRuns && selectedRuns.length > 0 && (_jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: t("heartbeatsview.runStats") }), _jsxs("dd", { className: "mt-1 flex items-center gap-2 text-sm font-medium", children: [_jsx("span", { className: "text-txt", children: t("heartbeatsview.runCountPlural", {
-                                            count: selectedRuns.length,
-                                        }) }), successCount > 0 && (_jsxs("span", { className: "text-ok", children: [successCount, " \u2713"] })), failureCount > 0 && (_jsxs("span", { className: "text-danger", children: [failureCount, " \u2717"] }))] })] }))] }), _jsxs(PagePanel, { variant: "padded", className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: t("triggersview.RunHistory") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-7 px-3 text-xs-tight", onClick: () => void loadTriggerRuns(trigger.id), children: t("common.refresh") })] }), !hasLoadedRuns ? (_jsxs("div", { className: "flex items-center gap-2 py-6 text-sm text-muted/70", children: [_jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-muted/30 border-t-muted/80" }), t("databaseview.Loading")] })) : selectedRuns.length === 0 ? (_jsx("div", { className: "py-8 text-center text-sm text-muted/60", children: t("heartbeatsview.noRunsYetMessage") })) : (_jsx("div", { className: "space-y-2", children: selectedRuns.map((run) => (_jsxs("div", { className: "rounded-lg border border-border/30 bg-bg/30 px-4 py-3", children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [_jsx(StatusBadge, { label: localizedExecutionStatus(run.status, t), variant: toneForLastStatus(run.status) }), _jsx("span", { className: "font-mono text-xs-tight text-muted/70", children: formatDateTime(run.startedAt, { locale: uiLanguage }) })] }), _jsxs("div", { className: "text-xs-tight text-muted/80", children: [formatDurationMs(run.latencyMs, { t }), " \u00B7", " ", _jsx("span", { className: "rounded bg-bg/40 px-1 py-0.5 font-mono text-muted/60", children: run.source })] }), run.error && (_jsx("div", { className: "mt-2 whitespace-pre-wrap rounded-lg border border-danger/20 bg-danger/10 p-2 font-mono text-xs text-danger/90", children: run.error }))] }, run.triggerRunId))) }))] })] }));
+                                }) })] }), _jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: "Runs" }), _jsxs("dd", { className: "mt-1 flex items-center gap-2 text-sm font-medium", children: [_jsx("span", { className: "text-txt", children: selectedRuns.length }), successCount > 0 && _jsxs("span", { className: "text-ok", children: [successCount, " \u2713"] }), failureCount > 0 && (_jsxs("span", { className: "text-danger", children: [failureCount, " \u2717"] }))] })] })] }), _jsxs(PagePanel, { variant: "padded", className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: "Run History" }), _jsx(Button, { variant: "outline", size: "sm", className: "h-7 px-3 text-xs-tight", onClick: () => void loadTriggerRuns(trigger.id), children: t("common.refresh") })] }), !hasLoadedRuns ? (_jsxs("div", { className: "flex items-center gap-2 py-6 text-sm text-muted/70", children: [_jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-muted/30 border-t-muted/80" }), t("databaseview.Loading")] })) : selectedRuns.length === 0 ? (_jsx("div", { className: "py-8 text-center text-sm text-muted/60", children: t("heartbeatsview.noRunsYetMessage") })) : (_jsx("div", { className: "space-y-2", children: selectedRuns.map((run) => (_jsxs("div", { className: "rounded-lg border border-border/30 bg-bg/30 px-4 py-3", children: [_jsxs("div", { className: "mb-1 flex items-center justify-between gap-2", children: [_jsx(StatusBadge, { label: localizedExecutionStatus(run.status, t), variant: toneForLastStatus(run.status) }), _jsx("span", { className: "font-mono text-xs-tight text-muted/70", children: formatDateTime(run.startedAt, { locale: uiLanguage }) })] }), _jsxs("div", { className: "text-xs-tight text-muted/80", children: [formatDurationMs(run.latencyMs, { t }), " \u00B7", " ", _jsx("span", { className: "rounded bg-bg/40 px-1 py-0.5 font-mono text-muted/60", children: run.source })] }), run.error && (_jsx("div", { className: "mt-2 whitespace-pre-wrap rounded-lg border border-danger/20 bg-danger/10 p-2 font-mono text-xs text-danger/90", children: run.error }))] }, run.triggerRunId))) }))] }), _jsx(AutomationRoomChatPane, { assistantLabel: t("automations.chat.assistantLabel"), collapsed: chatCollapsed, composerRef: composerRef, metadata: metadata, onAutomationMutated: onAutomationMutated, onToggleCollapse: () => setChatCollapsed((value) => !value), placeholder: "Ask the coordinator to refine or convert this scheduled automation.", systemAddendum: COORDINATOR_SYSTEM_ADDENDUM, title: automation.title }), _jsx(AutomationNodePalette, { nodes: nodes, title: "Available Automation Nodes", subtitle: "These nodes stay visible even when setup is missing so you can design the workflow shape before connecting services." })] }));
 }
-// ── Task detail pane ──────────────────────────────────────────────
-function TaskDetailPane({ task, system, }) {
-    const { openEditTask, onDeleteTask, onToggleTaskCompleted, t } = useAutomationsViewContext();
-    return (_jsx("div", { className: "w-full", children: _jsxs("div", { className: "mb-8 flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "max-w-3xl space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(FieldLabel, { variant: "kicker", children: system ? (_jsxs(_Fragment, { children: [_jsx(Settings, { className: "mr-1.5 inline h-3.5 w-3.5" }), "System Automation"] })) : (_jsxs(_Fragment, { children: [_jsx(ListTodo, { className: "mr-1.5 inline h-3.5 w-3.5" }), "Task"] })) }), _jsx(StatusBadge, { label: system ? "System" : task.isCompleted ? "Completed" : "Active", variant: system ? "muted" : task.isCompleted ? "muted" : "success", withDot: true })] }), _jsx("h2", { className: "text-2xl font-semibold text-txt sm:text-[2rem]", children: task.name }), task.description && (_jsx("p", { className: "text-sm leading-relaxed text-muted sm:text-sm", children: task.description })), task.tags && task.tags.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: task.tags.map((tag) => (_jsx("span", { className: "rounded-md bg-bg/50 px-2 py-0.5 text-xs text-muted", children: tag }, tag))) }))] }), !system && (_jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2 lg:justify-end", children: [_jsx(Button, { variant: "outline", size: "sm", className: `h-8 px-3 text-xs ${task.isCompleted ? "border-ok/30 text-ok hover:bg-ok/10" : "border-accent/30 text-accent hover:bg-accent/10"}`, onClick: () => void onToggleTaskCompleted(task.id, task.isCompleted), children: task.isCompleted ? "Reopen" : "Complete" }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs", onClick: () => openEditTask(task), children: t("triggersview.Edit") }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs border-danger/30 text-danger hover:bg-danger/10", onClick: () => void onDeleteTask(task.id), children: t("triggersview.Delete") })] }))] }) }));
+function WorkflowAutomationDetailPane({ automation, nodes, n8nStatus, workflowFetchError, workflowBusyId, workflowOpsBusy, onConversationResolved, onDeleteWorkflow, onRefreshWorkflows, onStartLocalN8n, onToggleWorkflowActive, onWorkflowMutated, }) {
+    const { activeConversationId, conversations, t, uiLanguage } = useApp();
+    const [chatCollapsed, setChatCollapsed] = useState(false);
+    const composerRef = useRef(null);
+    const bridgeConversationId = getAutomationBridgeIdForItem(automation, activeConversationId, conversations);
+    const metadata = automation.workflowId && !automation.isDraft
+        ? buildWorkflowConversationMetadata(automation.workflowId, automation.title, bridgeConversationId)
+        : buildWorkflowDraftConversationMetadata(automation.draftId ?? createWorkflowDraftId(), bridgeConversationId);
+    const nodeCount = getWorkflowNodeCount(automation);
+    const busy = workflowOpsBusy || (automation.workflowId != null && workflowBusyId === automation.workflowId);
+    useEffect(() => {
+        setChatCollapsed(false);
+    }, [automation.id]);
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(WorkflowRuntimeNotice, { status: n8nStatus, workflowFetchError: workflowFetchError, busy: busy, onRefresh: () => void onRefreshWorkflows(), onStartLocal: () => void onStartLocalN8n() }), _jsx(AutomationRoomChatPane, { assistantLabel: t("automations.chat.assistantLabel"), collapsed: chatCollapsed, composerRef: composerRef, metadata: metadata, onConversationResolved: onConversationResolved, onAutomationMutated: onWorkflowMutated, onToggleCollapse: () => setChatCollapsed((value) => !value), placeholder: automation.isDraft
+                    ? "Describe the workflow you want to build."
+                    : "Refine or debug this workflow with the automation agent.", systemAddendum: WORKFLOW_SYSTEM_ADDENDUM, title: automation.title || WORKFLOW_DRAFT_TITLE }), _jsxs(PagePanel, { variant: "padded", className: "space-y-5", children: [_jsxs("div", { className: "flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between", children: [_jsxs("div", { className: "max-w-3xl space-y-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(FieldLabel, { variant: "kicker", children: [_jsx(Workflow, { className: "mr-1.5 inline h-3.5 w-3.5" }), automation.isDraft ? "Workflow Draft" : "Workflow Automation"] }), _jsx(StatusBadge, { label: automation.isDraft
+                                                    ? "Draft"
+                                                    : automation.enabled
+                                                        ? "Active"
+                                                        : "Paused", variant: automation.isDraft
+                                                    ? "warning"
+                                                    : automation.enabled
+                                                        ? "success"
+                                                        : "muted", withDot: true }), automation.hasBackingWorkflow ? (_jsx("span", { className: "rounded-full bg-ok/10 px-2 py-0.5 text-[11px] text-ok", children: "Backed by n8n" })) : (_jsx("span", { className: "rounded-full bg-warning/10 px-2 py-0.5 text-[11px] text-warning", children: "Room only" }))] }), _jsx("h2", { className: "text-2xl font-semibold text-txt sm:text-[2rem]", children: automation.title }), _jsx("p", { className: "text-sm leading-relaxed text-muted", children: automation.description ||
+                                            (automation.isDraft
+                                                ? "Develop this workflow in chat, then have the agent create and deploy the backing n8n workflow."
+                                                : "Workflow automation.") })] }), automation.workflow && automation.workflowId && (_jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-2 lg:justify-end", children: [_jsx(Button, { variant: "outline", size: "sm", className: `h-8 px-3 text-xs ${automation.workflow.active
+                                            ? "border-warning/30 text-warning hover:bg-warning/10"
+                                            : "border-ok/30 text-ok hover:bg-ok/10"}`, disabled: busy, onClick: () => void onToggleWorkflowActive(automation), children: automation.workflow.active ? "Deactivate" : "Activate" }), _jsx(Button, { variant: "outline", size: "sm", className: "h-8 px-3 text-xs border-danger/30 text-danger hover:bg-danger/10", disabled: busy, onClick: () => void onDeleteWorkflow(automation), children: "Delete Workflow" })] }))] }), _jsxs("dl", { className: "grid gap-4 text-sm sm:grid-cols-2 xl:grid-cols-4", children: [_jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: "Workflow ID" }), _jsx("dd", { className: "mt-1 break-all font-mono text-xs text-txt", children: automation.workflowId ?? automation.draftId ?? "Pending" })] }), _jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: "Nodes" }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: nodeCount })] }), _jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: "Attached Schedules" }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: automation.schedules.length })] }), _jsxs(PagePanel.SummaryCard, { className: "px-4 py-4", children: [_jsx("dt", { className: "text-xs-tight font-semibold uppercase tracking-wider text-muted", children: "Updated" }), _jsx("dd", { className: "mt-1 font-medium text-txt", children: formatDateTime(automation.updatedAt, {
+                                            fallback: "Unknown",
+                                            locale: uiLanguage,
+                                        }) })] })] }), automation.schedules.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: "Workflow Schedules" }), _jsx("div", { className: "space-y-2", children: automation.schedules.map((schedule) => (_jsxs("div", { className: "rounded-lg border border-border/30 bg-bg/20 px-4 py-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("div", { className: "font-medium text-txt", children: schedule.displayName }), _jsx(StatusBadge, { label: schedule.enabled ? "Active" : "Paused", variant: schedule.enabled ? "success" : "muted", withDot: true })] }), _jsx("div", { className: "mt-1 text-sm text-muted", children: scheduleLabel(schedule, t, uiLanguage) })] }, schedule.id))) })] })), automation.workflow?.nodes && automation.workflow.nodes.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-xs font-semibold uppercase tracking-wider text-muted", children: "Backing Workflow Graph" }), _jsx("div", { className: "space-y-2", children: automation.workflow.nodes.map((node) => (_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-border/30 bg-bg/20 px-4 py-3 text-sm", children: [_jsx("span", { className: "font-medium text-txt", children: node.name ?? "Unnamed node" }), _jsx("span", { className: "font-mono text-xs text-muted", children: node.type?.split(".").pop() ?? "node" })] }, node.id ?? `${node.name}-${node.type}`))) })] }))] }), _jsx(AutomationNodePalette, { nodes: nodes, title: "Workflow Node Catalog", subtitle: "Runtime actions, providers, code-agent nodes, and owner-scoped LifeOps integrations are available here as workflow building blocks." })] }));
+}
+function AutomationSidebarItem({ item, selected, onClick, onDoubleClick, }) {
+    const { t, uiLanguage } = useAutomationsViewContext();
+    if (item.type === "n8n_workflow") {
+        const nodeCount = getWorkflowNodeCount(item);
+        return (_jsx(SidebarContent.Item, { onClick: onClick, onDoubleClick: onDoubleClick, active: selected, className: "h-auto", children: _jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-1", children: [_jsxs("div", { className: "flex items-center gap-1.5 truncate", children: [_jsx(Workflow, { className: "h-3 w-3 shrink-0 text-muted/60" }), _jsx("span", { className: "truncate text-sm font-semibold text-txt", children: item.title })] }), _jsx(StatusBadge, { label: item.isDraft ? "Draft" : item.enabled ? "Active" : "Paused", variant: item.isDraft ? "warning" : item.enabled ? "success" : "muted", withDot: true })] }), _jsxs("div", { className: "mt-0.5 flex items-center justify-between gap-2 text-xs-tight text-muted", children: [_jsx("span", { className: "truncate", children: item.hasBackingWorkflow
+                                    ? `${nodeCount} workflow nodes`
+                                    : "Room draft or workflow shadow" }), item.schedules.length > 0 && (_jsxs("span", { children: [item.schedules.length, " schedule(s)"] }))] })] }) }));
+    }
+    if (item.trigger) {
+        const trigger = item.trigger;
+        return (_jsx(SidebarContent.Item, { onClick: onClick, onDoubleClick: onDoubleClick, active: selected, className: "h-auto", children: _jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-1", children: [_jsxs("div", { className: "flex items-center gap-1.5 truncate", children: [_jsx(Clock3, { className: "h-3 w-3 shrink-0 text-muted/60" }), _jsx("span", { className: "truncate text-sm font-semibold text-txt", children: item.title })] }), _jsx(StatusBadge, { label: trigger.enabled ? "Active" : "Paused", variant: trigger.enabled ? "success" : "muted", withDot: true })] }), _jsxs("div", { className: "mt-0.5 flex items-center justify-between gap-2 text-xs-tight text-muted", children: [_jsx("span", { className: "truncate", children: scheduleLabel(trigger, t, uiLanguage) }), trigger.lastStatus && (_jsx(StatusBadge, { label: localizedExecutionStatus(trigger.lastStatus, t), variant: toneForLastStatus(trigger.lastStatus) }))] })] }) }));
+    }
+    if (item.task) {
+        const task = item.task;
+        return (_jsx(SidebarContent.Item, { onClick: onClick, onDoubleClick: onDoubleClick, active: selected, className: `h-auto ${item.system ? "opacity-60" : ""}`, children: _jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-1", children: [_jsxs("div", { className: "flex items-center gap-1.5 truncate", children: [item.system ? (_jsx(Settings, { className: "h-3 w-3 shrink-0 text-muted/50" })) : task.isCompleted ? (_jsx(CheckCircle2, { className: "h-3 w-3 shrink-0 text-ok/60" })) : (_jsx(Circle, { className: "h-3 w-3 shrink-0 text-muted/60" })), _jsx("span", { className: `truncate text-sm font-semibold ${item.system
+                                            ? "text-muted"
+                                            : task.isCompleted
+                                                ? "text-muted line-through"
+                                                : "text-txt"}`, children: item.title })] }), _jsx(StatusBadge, { label: item.system ? "System" : task.isCompleted ? "Done" : "Active", variant: item.system ? "muted" : task.isCompleted ? "muted" : "success", withDot: true })] }), item.description && (_jsx("div", { className: "mt-0.5 truncate text-xs-tight text-muted", children: item.description }))] }) }));
+    }
+    return null;
 }
-// ── Main layout ───────────────────────────────────────────────────
 function AutomationsLayout() {
+    const { activeConversationId, conversations, } = useApp();
     const ctx = useAutomationsViewContext();
-    const { closeEditor, deleteUserTemplate, editorEnabled, editingId, editingTaskId, editorOpen, editorMode, form, formError, loadTriggerRuns, modalTitle, onDeleteTrigger, onRunSelectedTrigger, onSubmitTrigger, onToggleTriggerEnabled, openCreateTrigger, openCreateTask, openEditTrigger, saveFormAsTemplate, selectedItemId, selectedItemKind, setEditingId, setEditorOpen, setField, setForm, setFormError, setSelectedItemId, setSelectedItemKind, setTemplateNotice, showDetailPane, showFirstRunEmptyState, resolvedSelectedItem, t, templateNotice, triggers, filteredItems, triggerError, taskError, triggerRunsById, triggersLoading, tasksLoading, triggersSaving, uiLanguage, userTemplates, filter, } = ctx;
-    // Ref forwarded to the n8n scoped chat composer so "New workflow" can focus it.
+    const { closeEditor, editorEnabled, editingId, editingTaskId, editorOpen, editorMode, form, formError, loadTriggerRuns, modalTitle, onDeleteTrigger, onRunSelectedTrigger, onSubmitTrigger, onToggleTriggerEnabled, openCreateTrigger, openCreateTask, openEditTrigger, saveFormAsTemplate, selectedItemId, setEditingId, setEditorOpen, setField, setFilter, setForm, setFormError, setSelectedItemId, setSelectedItemKind, showDetailPane, showFirstRunEmptyState, resolvedSelectedItem, t, templateNotice, triggers, filteredItems, triggerRunsById, triggersLoading, triggersSaving, uiLanguage, automationNodes, combinedError, isLoading, n8nStatus, workflowFetchError, } = ctx;
     const workflowComposerRef = useRef(null);
-    const focusWorkflowComposer = useCallback((seed = "Create a new workflow that ") => {
-        const ta = workflowComposerRef.current;
-        if (!ta)
-            return;
-        ta.focus();
-        if (!ta.value.startsWith(seed)) {
-            const nativeSetter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, "value")?.set;
-            nativeSetter?.call(ta, seed);
-            ta.dispatchEvent(new Event("input", { bubbles: true }));
-        }
-    }, []);
     const [searchQuery, setSearchQuery] = useState("");
-    const searchLabel = "Search tasks";
+    const [pageNotice, setPageNotice] = useState(null);
+    const [workflowBusyId, setWorkflowBusyId] = useState(null);
+    const [workflowOpsBusy, setWorkflowOpsBusy] = useState(false);
+    const [activeWorkflowConversation, setActiveWorkflowConversation] = useState(null);
     const normalizedSearchQuery = searchQuery.trim().toLowerCase();
     const visibleItems = useMemo(() => {
         if (!normalizedSearchQuery)
             return filteredItems;
-        return filteredItems.filter((item) => item.name.toLowerCase().includes(normalizedSearchQuery));
-    }, [normalizedSearchQuery, filteredItems]);
+        return filteredItems.filter((item) => getAutomationSearchText(item).includes(normalizedSearchQuery));
+    }, [filteredItems, normalizedSearchQuery]);
     const mobileSidebarLabel = editorOpen || editingId || editingTaskId
         ? modalTitle
-        : (resolvedSelectedItem?.name ?? "Automations");
-    const selectItem = (item) => {
+        : (resolvedSelectedItem?.title ?? "Automations");
+    const selectItem = useCallback((item) => {
         setSelectedItemId(item.id);
-        setSelectedItemKind(item.kind);
+        setSelectedItemKind(getSelectionKind(item));
         setEditorOpen(false);
         setEditingId(null);
-        if (item.kind === "trigger") {
+        ctx.setEditingTaskId(null);
+        if (item.trigger) {
             void loadTriggerRuns(item.trigger.id);
         }
-    };
-    const automationsSidebar = (_jsx(Sidebar, { testId: "automations-sidebar", collapsible: true, contentIdentity: "automations", collapseButtonTestId: "automations-sidebar-collapse-toggle", expandButtonTestId: "automations-sidebar-expand-toggle", collapseButtonAriaLabel: "Collapse tasks", expandButtonAriaLabel: "Expand tasks", header: null, collapsedRailAction: _jsx(SidebarCollapsedActionButton, { "aria-label": "New task", onClick: openCreateTrigger, children: _jsx(Plus, { className: "h-4 w-4" }) }), collapsedRailItems: visibleItems.map((item) => {
-            const isActive = item.id === selectedItemId;
-            return (_jsx(SidebarContent.RailItem, { "aria-label": item.name, title: item.name, active: isActive, indicatorTone: item.kind === "trigger"
-                    ? item.trigger.enabled
-                        ? "accent"
-                        : undefined
-                    : item.task.isCompleted
-                        ? undefined
-                        : "accent", onClick: () => selectItem(item), children: railMonogram(item.name) }, item.id));
-        }), children: _jsx(SidebarScrollRegion, { children: _jsxs(SidebarPanel, { children: [_jsxs("div", { className: "mb-3 flex items-center gap-2", children: [filter !== "workflows" && (_jsx("input", { type: "text", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), placeholder: searchLabel, "aria-label": searchLabel, autoComplete: "off", spellCheck: false, className: "min-w-0 flex-1 rounded-lg border border-border/30 bg-bg/30 px-3 py-1.5 text-sm text-txt placeholder:text-muted/50 focus:border-accent/40 focus:outline-none" })), _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 shrink-0 gap-1 px-3 text-xs font-medium", onClick: filter === "workflows"
-                                    ? () => focusWorkflowComposer()
-                                    : openCreateTrigger, children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), filter === "workflows"
-                                        ? t("automations.n8n.newWorkflow")
-                                        : "New"] })] }), _jsx(FilterTabs, {}), filter !== "workflows" && (triggersLoading || tasksLoading) && (_jsx(SidebarContent.Notice, { icon: _jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-muted/30 border-t-muted/80" }), children: t("common.loading") })), filter !== "workflows" &&
-                        normalizedSearchQuery &&
-                        visibleItems.length === 0 ? (_jsx(SidebarContent.EmptyState, { className: "px-4 py-6", children: "No matching items" })) : filter !== "workflows" ? (visibleItems.map((item) => {
-                        const isActive = selectedItemId === item.id;
-                        if (item.kind === "trigger") {
-                            const trigger = item.trigger;
-                            return (_jsx(SidebarContent.Item, { onClick: () => selectItem(item), onDoubleClick: () => {
-                                    openEditTrigger(trigger);
-                                    void loadTriggerRuns(trigger.id);
-                                }, active: isActive, className: "h-auto", children: _jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-1", children: [_jsxs("div", { className: "flex items-center gap-1.5 truncate", children: [_jsx(Clock3, { className: "h-3 w-3 shrink-0 text-muted/60" }), _jsx("span", { className: "truncate text-sm font-semibold text-txt", children: trigger.displayName })] }), _jsx(StatusBadge, { label: trigger.enabled
-                                                        ? t("appsview.Active")
-                                                        : t("heartbeatsview.statusPaused"), variant: trigger.enabled ? "success" : "muted", withDot: true })] }), _jsxs("div", { className: "mt-0.5 flex items-center justify-between gap-2 text-xs-tight text-muted", children: [_jsx("span", { className: "truncate", children: scheduleLabel(trigger, t, uiLanguage) }), trigger.lastStatus && (_jsx(StatusBadge, { label: localizedExecutionStatus(trigger.lastStatus, t), variant: toneForLastStatus(trigger.lastStatus) }))] })] }) }, item.id));
-                        }
-                        // Task item
-                        const task = item.task;
-                        const isSys = item.system;
-                        return (_jsx(SidebarContent.Item, { onClick: () => selectItem(item), onDoubleClick: isSys ? undefined : () => ctx.openEditTask(task), active: isActive, className: `h-auto ${isSys ? "opacity-60" : ""}`, children: _jsxs("div", { className: "flex min-w-0 flex-col gap-1.5", children: [_jsxs("div", { className: "flex items-center justify-between gap-1", children: [_jsxs("div", { className: "flex items-center gap-1.5 truncate", children: [isSys ? (_jsx(Settings, { className: "h-3 w-3 shrink-0 text-muted/50" })) : task.isCompleted ? (_jsx(CheckCircle2, { className: "h-3 w-3 shrink-0 text-ok/60" })) : (_jsx(Circle, { className: "h-3 w-3 shrink-0 text-muted/60" })), _jsx("span", { className: `truncate text-sm font-semibold ${isSys ? "text-muted" : task.isCompleted ? "text-muted line-through" : "text-txt"}`, children: task.name })] }), _jsx(StatusBadge, { label: isSys
-                                                    ? "System"
-                                                    : task.isCompleted
-                                                        ? "Done"
-                                                        : "Active", variant: isSys
-                                                    ? "muted"
-                                                    : task.isCompleted
-                                                        ? "muted"
-                                                        : "success", withDot: true })] }), task.description && (_jsx("div", { className: "mt-0.5 truncate text-xs-tight text-muted", children: task.description }))] }) }, item.id));
-                    })) : null] }) }) }));
+    }, [ctx, loadTriggerRuns, setEditingId, setEditorOpen, setSelectedItemId, setSelectedItemKind]);
+    const findAutomationForConversation = useCallback((data, conversationId) => data?.automations.find((item) => item.room?.conversationId === conversationId) ?? null, []);
+    const refreshAutomationsWithDraftBinding = useCallback(async (draftConversation) => {
+        const previousWorkflowIds = new Set(ctx.allItems
+            .filter((item) => item.type === "n8n_workflow" &&
+            item.workflowId != null &&
+            !item.isDraft)
+            .map((item) => item.workflowId));
+        const data = await ctx.refreshAutomations();
+        if (!draftConversation ||
+            draftConversation.metadata?.scope !== "automation-workflow-draft" ||
+            draftConversation.metadata.automationType !== "n8n_workflow") {
+            return data;
+        }
+        const createdWorkflows = data?.automations.filter((item) => item.type === "n8n_workflow" &&
+            item.workflowId != null &&
+            !item.isDraft &&
+            !previousWorkflowIds.has(item.workflowId)) ?? [];
+        if (createdWorkflows.length !== 1) {
+            return data;
+        }
+        const createdWorkflow = createdWorkflows[0];
+        const reboundMetadata = buildWorkflowConversationMetadata(createdWorkflow.workflowId, createdWorkflow.title, draftConversation.metadata.terminalBridgeConversationId);
+        const { conversation } = await client.updateConversation(draftConversation.id, {
+            title: createdWorkflow.title,
+            metadata: reboundMetadata,
+        });
+        setActiveWorkflowConversation(conversation);
+        return await ctx.refreshAutomations();
+    }, [ctx]);
+    const createWorkflowDraft = useCallback(async (options) => {
+        setPageNotice(null);
+        const draftId = createWorkflowDraftId();
+        const bridgeConversationId = getAutomationBridgeIdForItem(resolvedSelectedItem, activeConversationId, conversations);
+        const metadata = buildWorkflowDraftConversationMetadata(draftId, bridgeConversationId);
+        try {
+            const conversation = await resolveAutomationConversation({
+                title: options?.title?.trim() || WORKFLOW_DRAFT_TITLE,
+                metadata,
+            });
+            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));
+            }
+            const data = options?.initialPrompt
+                ? await refreshAutomationsWithDraftBinding(conversation)
+                : await ctx.refreshAutomations();
+            const resolvedItem = findAutomationForConversation(data, conversation.id);
+            setFilter("workflows");
+            setSelectedItemId(resolvedItem?.id ?? `workflow-draft:${draftId}`);
+            setSelectedItemKind("workflow");
+            setEditorOpen(false);
+            setEditingId(null);
+            ctx.setEditingTaskId(null);
+            window.requestAnimationFrame(() => {
+                workflowComposerRef.current?.focus();
+            });
+        }
+        catch (error) {
+            setPageNotice(error instanceof Error
+                ? error.message
+                : "Failed to create the workflow draft room.");
+        }
+    }, [
+        activeConversationId,
+        conversations,
+        ctx,
+        findAutomationForConversation,
+        refreshAutomationsWithDraftBinding,
+        resolvedSelectedItem,
+        setEditingId,
+        setEditorOpen,
+        setFilter,
+        setSelectedItemId,
+        setSelectedItemKind,
+    ]);
+    const promoteAutomationToWorkflow = useCallback(async (item) => {
+        await createWorkflowDraft({
+            title: `${item.title} Workflow`,
+            initialPrompt: buildWorkflowCompilationPrompt(item),
+        });
+    }, [createWorkflowDraft]);
+    const handleWorkflowMutated = useCallback(() => {
+        void refreshAutomationsWithDraftBinding(activeWorkflowConversation);
+    }, [activeWorkflowConversation, refreshAutomationsWithDraftBinding]);
+    const handleRefreshWorkflows = useCallback(async () => {
+        setPageNotice(null);
+        const data = await refreshAutomationsWithDraftBinding(activeWorkflowConversation);
+        if (!data && ctx.automationsError) {
+            setPageNotice(ctx.automationsError);
+        }
+    }, [activeWorkflowConversation, ctx.automationsError, refreshAutomationsWithDraftBinding]);
+    const handleStartLocalN8n = useCallback(async () => {
+        setWorkflowOpsBusy(true);
+        setPageNotice(null);
+        try {
+            await client.startN8nSidecar();
+            await ctx.refreshAutomations();
+        }
+        catch (error) {
+            setPageNotice(error instanceof Error ? error.message : "Failed to start local n8n.");
+        }
+        finally {
+            setWorkflowOpsBusy(false);
+        }
+    }, [ctx]);
+    const handleToggleWorkflowActive = useCallback(async (item) => {
+        if (!item.workflowId || !item.workflow) {
+            return;
+        }
+        setWorkflowBusyId(item.workflowId);
+        setPageNotice(null);
+        try {
+            if (item.workflow.active) {
+                await client.deactivateN8nWorkflow(item.workflowId);
+            }
+            else {
+                await client.activateN8nWorkflow(item.workflowId);
+            }
+            await ctx.refreshAutomations();
+        }
+        catch (error) {
+            setPageNotice(error instanceof Error
+                ? error.message
+                : "Failed to update workflow state.");
+        }
+        finally {
+            setWorkflowBusyId(null);
+        }
+    }, [ctx]);
+    const handleDeleteWorkflow = useCallback(async (item) => {
+        if (!item.workflowId) {
+            return;
+        }
+        const confirmed = await confirmDesktopAction({
+            title: "Delete Workflow",
+            message: `Delete ${item.title}?`,
+            confirmLabel: "Delete Workflow",
+            cancelLabel: t("common.cancel"),
+            type: "warning",
+        });
+        if (!confirmed)
+            return;
+        setWorkflowBusyId(item.workflowId);
+        setPageNotice(null);
+        try {
+            await client.deleteN8nWorkflow(item.workflowId);
+            await ctx.refreshAutomations();
+        }
+        catch (error) {
+            setPageNotice(error instanceof Error ? error.message : "Failed to delete workflow.");
+        }
+        finally {
+            setWorkflowBusyId(null);
+        }
+    }, [ctx, t]);
+    const automationsSidebar = (_jsx(Sidebar, { testId: "automations-sidebar", collapsible: true, contentIdentity: "automations", collapseButtonTestId: "automations-sidebar-collapse-toggle", expandButtonTestId: "automations-sidebar-expand-toggle", collapseButtonAriaLabel: "Collapse automations", expandButtonAriaLabel: "Expand automations", header: null, collapsedRailAction: _jsx(SidebarCollapsedActionButton, { "aria-label": "New coordinator automation", onClick: openCreateTask, children: _jsx(Plus, { className: "h-4 w-4" }) }), collapsedRailItems: visibleItems.map((item) => (_jsx(SidebarContent.RailItem, { "aria-label": item.title, title: item.title, active: item.id === selectedItemId, indicatorTone: getAutomationIndicatorTone(item), onClick: () => selectItem(item), children: railMonogram(item.title) }, item.id))), children: _jsx(SidebarScrollRegion, { children: _jsxs(SidebarPanel, { children: [_jsxs("div", { className: "mb-3 space-y-2", children: [_jsx("input", { type: "text", value: searchQuery, onChange: (event) => setSearchQuery(event.target.value), placeholder: "Search automations", "aria-label": "Search automations", autoComplete: "off", spellCheck: false, className: "w-full rounded-lg border border-border/30 bg-bg/30 px-3 py-1.5 text-sm text-txt placeholder:text-muted/50 focus:border-accent/40 focus:outline-none" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1 px-3 text-xs font-medium", onClick: openCreateTask, children: [_jsx(SquareTerminal, { className: "h-3.5 w-3.5" }), "Coordinator"] }), _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1 px-3 text-xs font-medium", onClick: openCreateTrigger, children: [_jsx(Clock3, { className: "h-3.5 w-3.5" }), "Schedule"] }), _jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1 px-3 text-xs font-medium", onClick: () => void createWorkflowDraft(), children: [_jsx(Workflow, { className: "h-3.5 w-3.5" }), "Workflow"] })] })] }), _jsx(FilterTabs, {}), isLoading && (_jsx(SidebarContent.Notice, { icon: _jsx("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-muted/30 border-t-muted/80" }), children: t("common.loading") })), !isLoading && normalizedSearchQuery && visibleItems.length === 0 ? (_jsx(SidebarContent.EmptyState, { className: "px-4 py-6", children: "No matching automations" })) : (visibleItems.map((item) => (_jsx(AutomationSidebarItem, { item: item, selected: selectedItemId === item.id, onClick: () => selectItem(item), onDoubleClick: item.task && !item.system
+                            ? () => ctx.openEditTask(item.task)
+                            : item.trigger
+                                ? () => {
+                                    ctx.openEditTrigger(item.trigger);
+                                    void loadTriggerRuns(item.trigger.id);
+                                }
+                                : undefined }, item.id))))] }) }) }));
     return (_jsx(PageLayout, { className: "h-full bg-transparent", "data-testid": "automations-shell", sidebar: automationsSidebar, contentInnerClassName: "mx-auto w-full max-w-[96rem]", footer: _jsx(WidgetHost, { slot: "automations", className: "py-3" }), mobileSidebarLabel: mobileSidebarLabel, children: _jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [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: () => {
                         setSelectedItemId(null);
                         setSelectedItemKind(null);
                         setEditorOpen(false);
                         setEditingId(null);
                         ctx.setEditingTaskId(null);
-                    }, children: "\u2190 Back" })) : null, filter === "workflows" ? (_jsx(N8nWorkflowsPanel, { composerRef: workflowComposerRef })) : 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 }))) : resolvedSelectedItem ? (resolvedSelectedItem.kind === "trigger" ? (_jsx(TriggerDetailPane, { trigger: resolvedSelectedItem.trigger })) : (_jsx(TaskDetailPane, { task: resolvedSelectedItem.task, system: resolvedSelectedItem.system }))) : (_jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center px-8 py-10 text-center", children: _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-lg font-semibold text-txt-strong", children: showFirstRunEmptyState
+                    }, 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 }))) : resolvedSelectedItem?.type === "n8n_workflow" ? (_jsx(WorkflowAutomationDetailPane, { automation: resolvedSelectedItem, nodes: automationNodes, n8nStatus: n8nStatus, workflowFetchError: workflowFetchError, workflowBusyId: workflowBusyId, workflowOpsBusy: workflowOpsBusy, onConversationResolved: setActiveWorkflowConversation, onDeleteWorkflow: handleDeleteWorkflow, onRefreshWorkflows: handleRefreshWorkflows, onStartLocalN8n: handleStartLocalN8n, onToggleWorkflowActive: handleToggleWorkflowActive, onWorkflowMutated: handleWorkflowMutated })) : resolvedSelectedItem?.trigger ? (_jsx(TriggerAutomationDetailPane, { automation: resolvedSelectedItem, nodes: automationNodes, onAutomationMutated: () => {
+                        void ctx.refreshAutomations();
+                    }, onPromoteToWorkflow: promoteAutomationToWorkflow })) : resolvedSelectedItem?.task ? (_jsx(TaskAutomationDetailPane, { automation: resolvedSelectedItem, nodes: automationNodes, onAutomationMutated: () => {
+                        void ctx.refreshAutomations();
+                    }, onPromoteToWorkflow: promoteAutomationToWorkflow })) : (_jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center px-8 py-10 text-center", children: _jsxs("div", { className: "space-y-3", children: [_jsx("h3", { className: "text-lg font-semibold text-txt-strong", children: showFirstRunEmptyState
                                     ? "Create your first automation"
-                                    : "Select an item" }), showFirstRunEmptyState && (_jsx("p", { className: "text-sm text-muted", children: "Schedule recurring automations or create tasks to track work." }))] }) }))] }) }));
+                                    : "Select an automation" }), showFirstRunEmptyState && (_jsx("p", { className: "text-sm text-muted", children: "Build a coordinator automation, schedule recurring work, or create an n8n workflow room." }))] }) }))] }) }));
 }
-// ── Exports ───────────────────────────────────────────────────────
 export function AutomationsView() {
     const controller = useAutomationsViewController();
     return (_jsx(AutomationsViewContext.Provider, { value: controller, children: _jsx(AutomationsLayout, {}) }));