@elizaos/app-core 2.0.0-alpha.397 → 2.0.0-alpha.398

package/apps/app-steward/src/services/steward-credentials.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"steward-credentials.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-steward/src/services/steward-credentials.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,2BAA2B,GAAG,IAAI,CAe3E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,2BAA2B,GACvC,IAAI,CAYN;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAC3C,GAAG,GAAE,MAAM,CAAC,UAAwB,GACnC,2BAA2B,GAAG,IAAI,CA6BpC"}
+{"version":3,"file":"steward-credentials.d.ts","sourceRoot":"","sources":["../../../../../../../apps/app-steward/src/services/steward-credentials.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAmBH,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE;QAChB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,2BAA2B,GAAG,IAAI,CAe3E;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,WAAW,EAAE,2BAA2B,GACvC,IAAI,CAYN;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAC3C,GAAG,GAAE,MAAM,CAAC,UAAwB,GACnC,2BAA2B,GAAG,IAAI,CA6BpC"}

package/apps/app-steward/src/services/steward-credentials.js

@@ -6,8 +6,18 @@
  * Environment variables always override file values.
  */
 import fs from "node:fs";
+import { homedir } from "node:os";
 import path from "node:path";
-import { resolveStateDir } from "@elizaos/core";
+// Inlined to avoid pulling the @elizaos/core source barrel into consumers
+// that only need state-dir resolution (e.g. the Electrobun bun bundle, which
+// would otherwise transitively bundle plugin-sql, transformers, and onnxruntime).
+// Mirrors the canonical implementation in @elizaos/core's
+// src/utils/state-dir.ts: MILADY_STATE_DIR > ELIZA_STATE_DIR > ~/.milady.
+function resolveStateDir() {
+    return (process.env.MILADY_STATE_DIR?.trim() ||
+        process.env.ELIZA_STATE_DIR?.trim() ||
+        path.join(homedir(), ".milady"));
+}
 const CREDENTIALS_FILENAME = "steward-credentials.json";
 function resolveCredentialsPath() {
     return path.join(resolveStateDir(), CREDENTIALS_FILENAME);

package/i18n/locales/en.json

@@ -135,6 +135,8 @@
   "automations.n8n.deleteConfirmMessage": "Permanently delete this workflow. This cannot be undone.",
   "automations.n8n.deleteConfirmWorkflow": "Delete \"{{name}}\"? This cannot be undone.",
   "automations.n8n.deleteFailed": "Failed to delete workflow.",
+  "automations.n8n.detailEmptyBody": "Select a workflow from the sidebar to view its details, or switch to the dashboard to create a new one.",
+  "automations.n8n.detailEmptyHeading": "No workflow selected",
   "automations.n8n.deleteWorkflow": "Delete workflow",
   "automations.n8n.errorDeleteWorkflow": "Failed to delete workflow: {{message}}",
   "automations.n8n.errorLoadStatus": "Failed to load n8n status: {{message}}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elizaos/app-core",
-  "version": "2.0.0-alpha.397",
+  "version": "2.0.0-alpha.398",
   "description": "Shared application core for elizaOS white-label agent apps.",
   "type": "module",
   "license": "MIT",
@@ -464,7 +464,7 @@
     "@capacitor/preferences": "^8.0.1",
     "@capacitor/push-notifications": "^8.0.0",
     "@clack/prompts": "^1.0.0",
-    "@elizaos/agent": "^2.0.0-alpha.397",
+    "@elizaos/agent": "^2.0.0-alpha.398",
     "@elizaos/app-companion": "^0.0.0",
     "@elizaos/app-elizamaker": "^0.0.0",
     "@elizaos/app-lifeops": "^0.0.0",
@@ -473,12 +473,12 @@
     "@elizaos/app-task-coordinator": "^0.0.0",
     "@elizaos/app-training": "^0.0.1",
     "@elizaos/app-vincent": "^0.0.0",
-    "@elizaos/core": "^2.0.0-alpha.397",
+    "@elizaos/core": "^2.0.0-alpha.398",
     "@elizaos/plugin-browser-bridge": "^0.1.0",
     "@elizaos/plugin-sql": "^2.0.0-alpha.19",
     "@elizaos/plugin-wechat": "^0.1.0",
-    "@elizaos/shared": "^2.0.0-alpha.397",
-    "@elizaos/ui": "^2.0.0-alpha.397",
+    "@elizaos/shared": "^2.0.0-alpha.398",
+    "@elizaos/ui": "^2.0.0-alpha.398",
     "@node-rs/argon2": "^2.0.2",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",

package/packages/agent/src/triggers/action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../../../../agent/src/triggers/action.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,MAAM,EAWZ,MAAM,eAAe,CAAC;AA6HvB,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAO5D;AAED,eAAO,MAAM,uBAAuB,EAAE,MAiQrC,CAAC"}
+{"version":3,"file":"action.d.ts","sourceRoot":"","sources":["../../../../../../agent/src/triggers/action.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,MAAM,EAWZ,MAAM,eAAe,CAAC;AAgIvB,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAW5D;AAED,eAAO,MAAM,uBAAuB,EAAE,MAyQrC,CAAC"}

package/packages/agent/src/triggers/action.js

@@ -82,15 +82,28 @@ function scheduleText(summary) {
     }
     return `on cron ${summary.cronExpression ?? "* * * * *"}`;
 }
+const EVERY_N_UNIT_PATTERN = /\bevery\s+\d+\s*(second|minute|hour|day|week|month)s?\b/i;
 export function looksLikeTriggerIntent(text) {
     const trimmed = text.trim();
     if (!trimmed) {
         return false;
     }
-    return findKeywordTermMatch(trimmed, TRIGGER_INTENT_TERMS) !== undefined;
+    if (findKeywordTermMatch(trimmed, TRIGGER_INTENT_TERMS) !== undefined) {
+        return true;
+    }
+    return EVERY_N_UNIT_PATTERN.test(trimmed);
 }
 export const createTriggerTaskAction = {
     name: CREATE_TRIGGER_TASK_ACTION,
+    // SET_REMINDER is deliberately absent: it collides with LIFE's same simile
+    // (life.ts:2499) and LIFE owns the user-facing reminder/alarm concept.
+    // CREATE_TRIGGER_TASK is for programmatic scheduled jobs (cron, interval,
+    // agent-owned heartbeats), not LifeOps reminders. When both actions share
+    // a simile, runtime.processActions (runtime.ts:2400-2440) resolves it via
+    // first-match iteration order, so the collision was dispatching user
+    // reminder intents to whichever action registered first — a race the
+    // planner's validate-time gating cannot override (processActions does not
+    // re-validate at dispatch, per runtime.ts:2473).
     similes: [
         "CREATE_TRIGGER",
         "SCHEDULE_TRIGGER",
@@ -99,7 +112,6 @@ export const createTriggerTaskAction = {
         "SCHEDULE_HEARTBEAT",
         "CREATE_AUTOMATION",
         "SCHEDULE_AUTOMATION",
-        "SET_REMINDER",
         "CREATE_CRON",
         "CREATE_RECURRING",
     ],

package/packages/app-core/src/api/automations-compat-routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"automations-compat-routes.d.ts","sourceRoot":"","sources":["../../../../../src/api/automations-compat-routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAoClC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AA6yBhE,wBAAsB,6BAA6B,CACjD,GAAG,EAAE,IAAI,CAAC,eAAe,EACzB,GAAG,EAAE,IAAI,CAAC,cAAc,EACxB,KAAK,EAAE,kBAAkB,GACxB,OAAO,CAAC,OAAO,CAAC,CAiClB"}
+{"version":3,"file":"automations-compat-routes.d.ts","sourceRoot":"","sources":["../../../../../src/api/automations-compat-routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,WAAW,CAAC;AAoClC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAyzBhE,wBAAsB,6BAA6B,CACjD,GAAG,EAAE,IAAI,CAAC,eAAe,EACzB,GAAG,EAAE,IAAI,CAAC,cAAc,EACxB,KAAK,EAAE,kBAAkB,GACxB,OAAO,CAAC,OAAO,CAAC,CAiClB"}

package/packages/app-core/src/api/automations-compat-routes.js

@@ -366,12 +366,24 @@ async function buildAutomationListResponse(req, res, state) {
             }));
         }
     }
-    for (const [workflowId, room] of workflowRooms.entries()) {
-        if (!workflowItemsById.has(workflowId)) {
-            workflowItemsById.set(workflowId, buildWorkflowItem(undefined, room, {
-                workflowId,
-                workflowName: room.metadata.workflowName,
-            }));
+    // Only synthesize workflow items from rooms when n8n itself is offline
+    // (`workflowFetchError` set) — in that case the room is the most-recent
+    // ground truth we have and should be surfaced. When n8n IS online and
+    // returned a list, any workflowId in `workflowRooms` that isn't in the
+    // current n8n list is an ORPHAN: the workflow was deleted but the chat
+    // room/conversation wasn't cleaned up. Surfacing those creates ghost
+    // rows the user can't dismiss. Skip them; the UI's deleteWorkflow path
+    // also deletes the conversation now, so future deletions won't leak
+    // rooms.
+    const n8nOffline = workflowFetchError !== null;
+    if (n8nOffline) {
+        for (const [workflowId, room] of workflowRooms.entries()) {
+            if (!workflowItemsById.has(workflowId)) {
+                workflowItemsById.set(workflowId, buildWorkflowItem(undefined, room, {
+                    workflowId,
+                    workflowName: room.metadata.workflowName,
+                }));
+            }
         }
     }
     const coordinatorTriggerItems = triggerItems

package/packages/app-core/src/api/client-n8n.js

@@ -32,10 +32,16 @@ ElizaClient.prototype.updateN8nWorkflow = async function (id, request) {
     });
 };
 ElizaClient.prototype.generateN8nWorkflow = async function (request) {
+    // LLM-driven workflow generation runs keyword extraction, node search,
+    // generation, multiple correction passes, and feasibility assessment
+    // sequentially — easily 30-90s on a cold cache. The 10s default fetch
+    // timeout is far too aggressive and surfaces as
+    // "Request timed out after 10000ms" in the Automations UI even when
+    // the backend would have succeeded a few seconds later.
     return this.fetch("/api/n8n/workflows/generate", {
         method: "POST",
         body: JSON.stringify(request),
-    });
+    }, { timeoutMs: 120_000 });
 };
 ElizaClient.prototype.activateN8nWorkflow = async function (id) {
     return this.fetch(`/api/n8n/workflows/${encodeURIComponent(id)}/activate`, {

package/packages/app-core/src/api/n8n-routes.js

@@ -888,6 +888,81 @@ async function handleGenerateWorkflow(ctx, sidecar, native) {
     }
     const name = readOptionalString(body, "name");
     const workflowId = readOptionalString(body, "workflowId");
+    // Prefer the plugin's `deployWorkflow` pipeline so generated workflows go
+    // through credential resolution server-side. Without this, the LLM emits
+    // `credentials: { gmailOAuth2: { id: "{{CREDENTIAL_ID}}" } }` and the
+    // placeholder reaches n8n raw — n8n then crashes on
+    // `Cannot read properties of undefined (reading 'execute')` whenever the
+    // user tries to activate or run the workflow because no real credential id
+    // exists for the lookup. The fallback proxy chain only runs when the
+    // plugin's workflow service isn't registered (test/CI shapes).
+    const service = ctx.runtime?.getService?.("n8n_workflow");
+    if (typeof service?.generateWorkflowDraft === "function" &&
+        typeof service?.deployWorkflow === "function" &&
+        typeof service?.getWorkflow === "function") {
+        // Two-phase try blocks. The OUTER try wraps only operations that have NOT
+        // yet committed a side effect to n8n — generateWorkflowDraft (LLM call,
+        // pure) and deployWorkflow (the write). Failures here can safely fall
+        // through to the legacy proxy path because no workflow has been written
+        // yet. Once deployWorkflow returns successfully, the workflow IS in n8n
+        // and any further failure (e.g. the follow-up getWorkflow read) must NOT
+        // re-enter the legacy path — that path would re-invoke the LLM and POST
+        // a new workflow OR PUT-overwrite the just-deployed one with unresolved
+        // `{{CREDENTIAL_ID}}` placeholders.
+        let deployed;
+        try {
+            const draft = await service.generateWorkflowDraft(prompt);
+            if (name?.trim()) {
+                draft.name = name.trim();
+            }
+            if (workflowId) {
+                draft.id = workflowId;
+            }
+            // The plugin's deployWorkflow → getUserTagName → getEntityById(userId)
+            // requires a real UUID; passing "local" makes the entity lookup throw
+            // "Failed query: ... where entities.id in ($1)" because pg rejects the
+            // non-UUID string. Use the runtime's agentId — it's always a valid
+            // entity in Milady local and gives a stable per-agent tag for n8n
+            // credential mapping.
+            const userId = resolveAgentId(ctx);
+            deployed = await service.deployWorkflow(draft, userId);
+        }
+        catch (err) {
+            logger.warn({
+                err: err instanceof Error ? err.message : String(err),
+            }, "[n8n-routes] generate/deploy path failed before commit; falling back to direct proxy");
+            // Pre-deploy failure — deploy never committed. Legacy proxy fallback
+            // is safe here.
+        }
+        if (deployed) {
+            if (deployed.missingCredentials.length > 0) {
+                sendJson(ctx, 200, {
+                    ...deployed,
+                    warning: "missing credentials",
+                });
+                return true;
+            }
+            // Deploy succeeded — the workflow is committed in n8n. Try to enrich
+            // the response with the full workflow body, but on failure return the
+            // deploy summary instead of falling through (see comment above on why
+            // the legacy path would corrupt the just-deployed workflow).
+            let full;
+            try {
+                full = await service.getWorkflow(deployed.id);
+            }
+            catch (readErr) {
+                logger.warn({
+                    err: readErr instanceof Error ? readErr.message : String(readErr),
+                    deployedId: deployed.id,
+                }, "[n8n-routes] follow-up getWorkflow failed after successful deploy; returning deploy summary");
+            }
+            sendJson(ctx, 200, full ?? deployed);
+            return true;
+        }
+    }
+    // Legacy proxy fallback — used when the workflow service isn't available
+    // (e.g. plugin disabled in tests). Generated workflows from this path
+    // ship to n8n with `{{CREDENTIAL_ID}}` placeholders unresolved.
     const payload = await generateWorkflowPayload(ctx, prompt, name);
     if (workflowId) {
         return writeWorkflow(ctx, "PUT", `/${encodeURIComponent(workflowId)}`, payload, sidecar, native);

package/packages/app-core/src/components/pages/AutomationsView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutomationsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/AutomationsView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAsrKH,wBAAgB,eAAe,4CAO9B;AAED,wBAAgB,uBAAuB,4CAmBtC"}
+{"version":3,"file":"AutomationsView.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/AutomationsView.tsx"],"names":[],"mappings":"AAAA;;GAEG;AA+wKH,wBAAgB,eAAe,4CAO9B;AAED,wBAAgB,uBAAuB,4CAoDtC"}

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

@@ -534,6 +534,15 @@ function useAutomationsViewController() {
     useEffect(() => {
         if (!selectedItemId)
             return;
+        // Exempt in-flight workflow drafts — they're not in allItems until
+        // generateWorkflowFromPrompt finishes and refreshAutomations
+        // surfaces the real workflow. Without this exemption the draft
+        // selection gets cleared mid-generation, the auto-select effect
+        // below picks lastSelectedIdRef (typically a task like Heartbeat),
+        // and the user lands somewhere unexpected — defeating the
+        // WorkflowGenerationProgress UI we just added on the draft pane.
+        if (selectedItemId.startsWith("workflow-draft:"))
+            return;
         if (!allItems.some((item) => item.id === selectedItemId)) {
             setSelectedItemId(null);
             setSelectedItemKind(null);
@@ -774,7 +783,42 @@ function useAutomationsViewController() {
         if (editorOpen || editingId || editingTaskId)
             return null;
         if (selectedItemId) {
-            return allItems.find((item) => item.id === selectedItemId) ?? null;
+            const found = allItems.find((item) => item.id === selectedItemId);
+            if (found)
+                return found;
+            // In-flight workflow draft (createWorkflowDraft set selectedItemId
+            // BEFORE refreshAutomations surfaced the real workflow). Synthesize
+            // a minimal draft item so AutomationDraftPane renders with the
+            // WorkflowGenerationProgress card during the LLM call.
+            //
+            // The `room` field is left null here. `activeWorkflowConversation`
+            // — the live conversation tied to this draft — lives in
+            // AutomationsLayout (a different scope from this controller hook),
+            // so we cannot read it from here without a larger refactor.
+            // Instead, handleDeleteDraft reads activeWorkflowConversation
+            // directly and falls back to it when item.room is missing on a
+            // synthesized draft (see the handler below).
+            if (selectedItemId.startsWith("workflow-draft:")) {
+                const draftId = selectedItemId.slice("workflow-draft:".length);
+                const synthesized = {
+                    id: selectedItemId,
+                    type: "automation_draft",
+                    source: "workflow_draft",
+                    title: "New workflow",
+                    description: "",
+                    status: "draft",
+                    enabled: false,
+                    system: false,
+                    isDraft: true,
+                    hasBackingWorkflow: false,
+                    updatedAt: null,
+                    draftId,
+                    schedules: [],
+                    room: null,
+                };
+                return synthesized;
+            }
+            return null;
         }
         return allItems[0] ?? null;
     }, [allItems, editingId, editingTaskId, editorOpen, selectedItemId]);
@@ -2216,6 +2260,33 @@ function AutomationsLayout() {
         try {
             await client.deleteN8nWorkflow(item.workflowId);
             await Promise.all(item.schedules.map((schedule) => client.deleteTrigger(schedule.id)));
+            // Also delete the chat conversation/room that backed this workflow.
+            // Without this, the `/api/automations` aggregator keeps surfacing the
+            // workflow row as a ghost entry because rooms with workflowId
+            // metadata are listed even when the underlying n8n workflow is gone.
+            const conversationId = item.room?.conversationId;
+            if (conversationId) {
+                try {
+                    await client.deleteConversation(conversationId);
+                }
+                catch (roomErr) {
+                    // Non-fatal: the workflow itself is deleted; surface the room
+                    // failure to the user but don't roll back.
+                    setPageNotice(`Workflow deleted, but its chat room could not be removed: ${roomErr instanceof Error ? roomErr.message : String(roomErr)}`);
+                }
+            }
+            if (selectedItemId === item.id) {
+                setSelectedItemId(null);
+                setSelectedItemKind(null);
+            }
+            // Mirror handleDeleteDraft: also clear the active workflow
+            // conversation if it's the one tied to the deleted workflow.
+            // Without this, refreshAutomationsWithDraftBinding keeps receiving
+            // a stale conversation reference on subsequent refreshes.
+            if (conversationId &&
+                activeWorkflowConversation?.id === conversationId) {
+                setActiveWorkflowConversation(null);
+            }
             await ctx.refreshAutomations();
         }
         catch (error) {
@@ -2228,7 +2299,15 @@ function AutomationsLayout() {
         finally {
             setWorkflowBusyId(null);
         }
-    }, [ctx, t]);
+    }, [
+        activeWorkflowConversation?.id,
+        ctx,
+        selectedItemId,
+        setActiveWorkflowConversation,
+        setSelectedItemId,
+        setSelectedItemKind,
+        t,
+    ]);
     const handleDuplicateWorkflow = useCallback(async (item) => {
         if (!item.workflowId) {
             return;
@@ -2247,7 +2326,13 @@ function AutomationsLayout() {
         }
     }, [ctx, selectWorkflowById]);
     const handleDeleteDraft = useCallback(async (item) => {
-        const conversationId = item.room?.conversationId;
+        // Synthesized in-flight drafts (workflow-draft:* ids surfaced
+        // before refreshAutomations completes) have no `room` because the
+        // controller's resolvedSelectedItem useMemo can't reach
+        // activeWorkflowConversation from its scope. Fall back to the
+        // live activeWorkflowConversation when item.room is missing —
+        // that's the same conversation the synthesized item represents.
+        const conversationId = item.room?.conversationId ?? activeWorkflowConversation?.id ?? null;
         if (!conversationId) {
             setPageNotice("This draft is missing its automation room.");
             return;
@@ -2377,5 +2462,33 @@ export function AutomationsView() {
 }
 export function AutomationsDesktopShell() {
     const controller = useAutomationsViewController();
-    return (_jsx(AutomationsViewContext.Provider, { value: controller, children: _jsx(AppWorkspaceChrome, { testId: "automations-workspace", chat: _jsx(AutomationsSidebarChat, { activeItem: controller.resolvedSelectedItem }), main: _jsx("div", { className: "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden", children: _jsx(AutomationsLayout, {}) }) }) }));
+    // Collapse the right-rail chat dock when no workflow / draft is
+    // selected. The Automations Overview page already has a centered hero
+    // compose ("Describe a task or workflow…") that's the canonical create
+    // surface; the bottom-right dock + hero showed two inputs at once and
+    // confused users. When a workflow or draft IS selected, the rail (and
+    // its PageScopedChatPane) opens so the user can edit/refine.
+    //
+    // Stay in CONTROLLED mode at all times. An earlier revision flipped
+    // between controlled (when nothing selected) and uncontrolled (when
+    // something selected); that left AppWorkspaceChrome's internal
+    // `internalCollapsed` stuck at `true` after the controlled phase, so
+    // the rail never opened on the first selection. Always-controlled
+    // avoids that transition entirely.
+    const hasScopedItem = controller.resolvedSelectedItem != null;
+    const [userCollapsedWhenSelected, setUserCollapsedWhenSelected] = useState(false);
+    // When the user clears the selection, also reset the toggle so the next
+    // selection starts with the rail open by default.
+    useEffect(() => {
+        if (!hasScopedItem)
+            setUserCollapsedWhenSelected(false);
+    }, [hasScopedItem]);
+    const chatCollapsed = hasScopedItem ? userCollapsedWhenSelected : true;
+    const handleToggleChat = useCallback((next) => {
+        // No-op when nothing is selected — the rail is force-closed in that
+        // state and the toggle button is hidden, so this should never fire.
+        if (hasScopedItem)
+            setUserCollapsedWhenSelected(next);
+    }, [hasScopedItem]);
+    return (_jsx(AutomationsViewContext.Provider, { value: controller, children: _jsx(AppWorkspaceChrome, { testId: "automations-workspace", chat: _jsx(AutomationsSidebarChat, { activeItem: controller.resolvedSelectedItem }), chatCollapsed: chatCollapsed, onToggleChat: handleToggleChat, hideCollapseButton: !hasScopedItem, main: _jsx("div", { className: "flex flex-col flex-1 min-h-0 min-w-0 overflow-hidden", children: _jsx(AutomationsLayout, {}) }) }) }));
 }

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

@@ -106,7 +106,12 @@ function WorkflowDetailPane({ workflow, conversationTitle, conversationMetadata,
         setChatCollapsed(false);
     }, [workflow?.id]);
     if (!workflow) {
-        return (_jsx("div", { className: "flex flex-col gap-4 p-4 h-full", children: _jsx(AutomationRoomChatPane, { assistantLabel: t("automations.chat.assistantLabel"), collapsed: false, metadata: conversationMetadata, onToggleCollapse: () => { }, composerRef: composerRef, onConversationResolved: onConversationResolved, onAutomationMutated: onWorkflowMutated, placeholder: t("automations.chat.placeholder"), systemAddendum: WORKFLOW_SYSTEM_ADDENDUM, title: conversationTitle }) }));
+        // Empty-state chat pane removed: the hero compose on the AutomationsView
+        // dashboard tab is the canonical workflow-create surface. The
+        // per-workflow chat pane below renders only after a workflow is selected,
+        // where the planner-routed conversational flow is the right tool for
+        // edit/refine.
+        return (_jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 p-8 text-center text-sm text-muted", children: [_jsx(Workflow, { className: "h-6 w-6 text-muted/40" }), _jsx("div", { className: "text-txt-strong font-semibold", children: t("automations.n8n.detailEmptyHeading") }), _jsx("div", { className: "text-xs text-muted/80 max-w-xs", children: t("automations.n8n.detailEmptyBody") })] }));
     }
     const nodes = workflow.nodes ?? [];
     const nodeCount = workflow.nodeCount ?? nodes.length;

package/packages/app-core/src/components/pages/WorkflowGraphViewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowGraphViewer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/WorkflowGraphViewer.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAEV,iBAAiB,EACjB,WAAW,EAEZ,MAAM,6BAA6B,CAAC;AA6hBrC,UAAU,wBAAwB;IAChC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAe,EACf,YAAoB,EACpB,qBAAgD,EAChD,kBAAqE,EACrE,WAAW,EACX,kBAAkB,EAClB,MAAM,GACP,EAAE,wBAAwB,2CAwQ1B"}
+{"version":3,"file":"WorkflowGraphViewer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/pages/WorkflowGraphViewer.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAEV,iBAAiB,EACjB,WAAW,EAEZ,MAAM,6BAA6B,CAAC;AAwrBrC,UAAU,wBAAwB;IAChC,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,OAAe,EACf,YAAoB,EACpB,qBAAgD,EAChD,kBAAqE,EACrE,WAAW,EACX,kBAAkB,EAClB,MAAM,GACP,EAAE,wBAAwB,2CA+P1B"}

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

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Button, Dialog, DialogContent, DialogHeader, DialogTitle, Spinner, StatusBadge, } from "@elizaos/ui";
 import { Background, Controls, MiniMap, ReactFlow, } from "@xyflow/react";
 import { ExternalLink, Maximize2, X } from "lucide-react";
@@ -170,6 +170,77 @@ function graphChrome(uiTheme) {
         overlayChipText: "#60a5fa",
     };
 }
+// ── Generation progress overlay ───────────────────────────────────────────────
+/**
+ * Stage messages for `WorkflowGenerationProgress`. The plugin's workflow
+ * generation today is a single request/response, so the client cannot yet
+ * observe the actual stage in real time. We cycle through plausible labels
+ * on a fixed timer based on observed median latencies of each phase:
+ *   1. extractKeywords (fast — runtime-context provider + keyword LLM call)
+ *   2. searchNodes + credential filter + fetchRuntimeContext
+ *   3. generateWorkflow (LLM, slowest)
+ *   4. validateAndRepair + injectMissingCredentialBlocks
+ *   5. deployWorkflow + resolveCredentials + activate
+ *
+ * When the plugin grows a server-sent-events streaming endpoint, the timer
+ * can be replaced with real per-stage progress events.
+ */
+const WORKFLOW_GENERATION_STAGES = [
+    {
+        label: "Understanding your prompt",
+        hint: "Extracting keywords + matching providers",
+        startsAt: 0,
+    },
+    {
+        label: "Finding the right nodes",
+        hint: "Searching catalog + checking credentials",
+        startsAt: 3,
+    },
+    {
+        label: "Generating workflow",
+        hint: "Asking the LLM with runtime facts",
+        startsAt: 6,
+    },
+    {
+        label: "Validating + repairing",
+        hint: "Clamping versions + auto-fixing references",
+        startsAt: 18,
+    },
+    {
+        label: "Deploying to n8n",
+        hint: "Minting credentials + activating",
+        startsAt: 24,
+    },
+    {
+        label: "Almost done",
+        hint: "Wrapping up — this is taking a bit longer than usual",
+        startsAt: 35,
+    },
+];
+function WorkflowGenerationProgress({ chrome, }) {
+    const [elapsed, setElapsed] = useState(0);
+    useEffect(() => {
+        const start = Date.now();
+        const id = setInterval(() => {
+            setElapsed(Math.floor((Date.now() - start) / 1000));
+        }, 500);
+        return () => clearInterval(id);
+    }, []);
+    const currentIndex = WORKFLOW_GENERATION_STAGES.reduce((acc, stage, idx) => (elapsed >= stage.startsAt ? idx : acc), 0);
+    return (_jsx("div", { className: "w-full max-w-md rounded-xl border px-5 py-4 text-sm shadow-lg", style: {
+            background: chrome.overlayChipBg,
+            color: chrome.overlayChipText,
+            borderColor: chrome.overlayChipText,
+        }, children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Spinner, { className: "mt-0.5 h-4 w-4 shrink-0" }), _jsxs("div", { className: "min-w-0 flex-1 space-y-3", children: [_jsxs("div", { children: [_jsx("div", { className: "font-semibold", children: "Building your workflow\u2026" }), _jsx("div", { className: "text-xs opacity-70", children: "Generations usually take 10\u201330 seconds." })] }), _jsx("ol", { className: "space-y-1.5", children: WORKFLOW_GENERATION_STAGES.map((stage, idx) => {
+                                const isDone = idx < currentIndex;
+                                const isActive = idx === currentIndex;
+                                return (_jsxs("li", { className: `flex items-start gap-2 text-xs transition-opacity ${isDone || isActive ? "opacity-100" : "opacity-40"}`, children: [_jsx("span", { className: `mt-0.5 inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-full border ${isDone
+                                                ? "border-current bg-current/15"
+                                                : isActive
+                                                    ? "border-current bg-current/15"
+                                                    : "border-current/40"}`, "aria-hidden": true, children: isDone ? (_jsx("svg", { viewBox: "0 0 12 12", className: "h-2.5 w-2.5", fill: "none", stroke: "currentColor", strokeWidth: "2", role: "img", "aria-label": "completed", children: _jsx("path", { d: "M2.5 6.5l2.5 2.5 4.5-5", strokeLinecap: "round", strokeLinejoin: "round" }) })) : isActive ? (_jsx("span", { className: "h-1.5 w-1.5 animate-pulse rounded-full bg-current", "aria-hidden": true })) : null }), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: `font-medium ${isActive ? "" : "opacity-70"}`, children: stage.label }), (isDone || isActive) && (_jsxs("span", { className: "ml-1.5 opacity-60", children: ["\u2014 ", stage.hint] }))] })] }, stage.label));
+                            }) })] })] }) }));
+}
 // ── Node detail drawer ────────────────────────────────────────────────────────
 const PARAM_TRUNCATE_LENGTH = 200;
 function ParamValue({ value }) {
@@ -317,10 +388,7 @@ export function WorkflowGraphViewer({ workflow, loading = false, isGenerating =
         ? "animate-pulse ring-2 ring-blue-500/50"
         : "ring-1 ring-border/30";
     const chrome = graphChrome(uiTheme);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: containerRef, role: "img", "aria-label": ariaLabel, className: `relative overflow-hidden rounded-lg ${borderClass}`, style: { height: 420, background: chrome.canvasBg }, children: [loading && !hasNodes && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx(Spinner, { className: "h-6 w-6 text-muted" }) })), !loading && !hasNodes && !isGenerating && (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("p", { className: `text-sm font-medium ${chrome.emptyTitleClass}`, children: "Blank workflow" }), _jsx("p", { className: `max-w-sm text-xs ${chrome.emptyHelpClass}`, children: emptyStateHelpText }), onEmptyStateAction && (_jsx("button", { type: "button", className: "mt-1 rounded-md border border-border/40 bg-bg/40 px-3 py-1.5 text-xs text-txt hover:bg-bg/70 transition-colors", onClick: onEmptyStateAction, children: emptyStateActionLabel }))] })), isGenerating && (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center backdrop-blur-[1px]", style: { background: chrome.overlayBg }, children: _jsxs("div", { className: "flex items-center gap-2 rounded-full border border-blue-500/30 px-4 py-2 text-sm", style: {
-                                background: chrome.overlayChipBg,
-                                color: chrome.overlayChipText,
-                            }, children: [_jsx(Spinner, { className: "h-4 w-4" }), "Building workflow..."] }) })), !loading && (_jsx("div", { role: "presentation", className: "h-full w-full", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: _jsxs(ReactFlow, { nodes: nodes, edges: isGenerating ? generatingEdges(edges) : edges, nodesDraggable: !isGenerating, nodesConnectable: false, edgesReconnectable: false, onNodeClick: handleNodeClick, fitView: true, fitViewOptions: { padding: 0.2, maxZoom: 1.2 }, proOptions: { hideAttribution: true }, "aria-label": ariaLabel, children: [_jsx(Background, { color: chrome.dots, gap: 20, size: 1 }), _jsx(Controls, { showInteractive: false }), hasNodes && (_jsx(MiniMap, { nodeColor: (n) => {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: containerRef, role: "img", "aria-label": ariaLabel, className: `relative overflow-hidden rounded-lg ${borderClass}`, style: { height: 420, background: chrome.canvasBg }, children: [loading && !hasNodes && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx(Spinner, { className: "h-6 w-6 text-muted" }) })), !loading && !hasNodes && !isGenerating && (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center gap-3 px-6 text-center", children: [_jsx("p", { className: `text-sm font-medium ${chrome.emptyTitleClass}`, children: "Blank workflow" }), _jsx("p", { className: `max-w-sm text-xs ${chrome.emptyHelpClass}`, children: emptyStateHelpText }), onEmptyStateAction && (_jsx("button", { type: "button", className: "mt-1 rounded-md border border-border/40 bg-bg/40 px-3 py-1.5 text-xs text-txt hover:bg-bg/70 transition-colors", onClick: onEmptyStateAction, children: emptyStateActionLabel }))] })), isGenerating && (_jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center backdrop-blur-[1px]", style: { background: chrome.overlayBg }, children: _jsx(WorkflowGenerationProgress, { chrome: chrome }) })), !loading && (_jsx("div", { role: "presentation", className: "h-full w-full", onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation(), children: _jsxs(ReactFlow, { nodes: nodes, edges: isGenerating ? generatingEdges(edges) : edges, nodesDraggable: !isGenerating, nodesConnectable: false, edgesReconnectable: false, onNodeClick: handleNodeClick, fitView: true, fitViewOptions: { padding: 0.2, maxZoom: 1.2 }, proOptions: { hideAttribution: true }, "aria-label": ariaLabel, children: [_jsx(Background, { color: chrome.dots, gap: 20, size: 1 }), _jsx(Controls, { showInteractive: false }), hasNodes && (_jsx(MiniMap, { nodeColor: (n) => {
                                         const colors = n.data
                                             ?.colors;
                                         return colors?.border ?? "#475569";

package/packages/app-core/src/components/pages/page-scoped-conversations.js

@@ -32,7 +32,7 @@ export const PAGE_SCOPE_COPY = {
     "page-automations": {
         title: "Automations",
         body: "Use me to create or inspect a task or n8n workflow. Tell me the trigger, timing, and result.",
-        systemAddendum: "You are answering inside the Automations view. The user can create tasks and n8n workflows, attach either one to a schedule or event, configure wake mode, max runs, and enabled state, browse templates, inspect existing automations, and troubleshoot failed runs. Treat tasks as simple prompt-driven automations and workflows as multi-step n8n pipelines. Recommend the smaller task shape unless the user clearly needs a multi-step pipeline. Use createTriggerTaskAction and manageTasksAction when the request is concrete. Reference live tasks and workflows in context by display name. Never fabricate automation names.",
+        systemAddendum: "You are answering inside the Automations view. The user can create tasks and n8n workflows, attach either one to a schedule or event, configure wake mode, max runs, and enabled state, browse templates, inspect existing automations, and troubleshoot failed runs. Treat tasks as simple prompt-driven automations and workflows as multi-step n8n pipelines. Recommend the smaller task shape unless the user clearly needs a multi-step pipeline. When the user describes a concrete automation, dispatch it via the planner's <actions> field using <action><name>CREATE_TRIGGER_TASK</name></action> for scheduled or event tasks, or <action><name>MANAGE_TASKS</name></action> for task list operations. Reference live tasks and workflows in context by display name. Never fabricate automation names.",
     },
     "page-apps": {
         title: "Apps chat",

package/packages/app-core/src/components/workspace/AppWorkspaceChrome.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppWorkspaceChrome.d.ts","sourceRoot":"","sources":["../../../../../../src/components/workspace/AppWorkspaceChrome.tsx"],"names":[],"mappings":"AAYA,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAEvE,eAAO,MAAM,qCAAqC,wCACX,CAAC;AACxC,eAAO,MAAM,2CAA2C,oCACrB,CAAC;AAOpC,UAAU,kCAAkC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAKD,wBAAgB,yBAAyB,IAAI,kCAAkC,GAAG,IAAI,CAErF;AAED,UAAU,mCAAmC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,MAAsC,GACvC,EAAE,mCAAmC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAgB1D;AA0HD,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,kCAAkC;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,IAAI,CAC5B,uBAAuB,EACvB,OAAO,GAAG,eAAe,CAC1B,CAAC;IACF;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyBD,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,uBAAuB,EACvB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EACZ,oBAA4B,EAC5B,kBAA0B,EAC1B,YAAoB,EACpB,MAA+B,GAChC,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAgRvC"}
+{"version":3,"file":"AppWorkspaceChrome.d.ts","sourceRoot":"","sources":["../../../../../../src/components/workspace/AppWorkspaceChrome.tsx"],"names":[],"mappings":"AAYA,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,SAAS,EAOf,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAEvE,eAAO,MAAM,qCAAqC,wCACX,CAAC;AACxC,eAAO,MAAM,2CAA2C,oCACrB,CAAC;AAOpC,UAAU,kCAAkC;IAC1C,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAKD,wBAAgB,yBAAyB,IAAI,kCAAkC,GAAG,IAAI,CAErF;AAED,UAAU,mCAAmC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,MAAsC,GACvC,EAAE,mCAAmC,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAgB1D;AA0HD,MAAM,WAAW,uBAAuB;IACtC,wDAAwD;IACxD,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,kCAAkC;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,IAAI,CAC5B,uBAAuB,EACvB,OAAO,GAAG,eAAe,CAC1B,CAAC;IACF;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAyBD,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,uBAAuB,EACvB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EACZ,oBAA4B,EAC5B,kBAA0B,EAC1B,YAAoB,EACpB,MAA+B,GAChC,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CA6RvC"}

package/packages/app-core/src/components/workspace/AppWorkspaceChrome.js

@@ -79,14 +79,27 @@ export function AppWorkspaceChrome({ nav, main, chat, chatScope, pageScopedChatP
     const collapsed = isControlled
         ? (chatCollapsedProp ?? false)
         : internalCollapsed;
+    // Controlled mode is the source of truth on every viewport — including
+    // mobile. When the page passes chatCollapsed=true (e.g. forcing a
+    // single canonical compose surface in an empty state), the mobile
+    // pane-switcher must respect that and not flip back to open via local
+    // mobileChatOpen state.
     const effectiveCollapsed = chatDisabled
         ? true
-        : isMobileViewport
-            ? !mobileChatOpen
-            : collapsed;
+        : isControlled
+            ? collapsed
+            : isMobileViewport
+                ? !mobileChatOpen
+                : collapsed;
     const handleToggle = useCallback((next) => {
         if (isMobileViewport) {
             mobileSidebarControl?.setOpen(false);
+            if (isControlled) {
+                // Page is the source of truth on mobile too — defer to it
+                // instead of touching local mobileChatOpen state.
+                onToggleChat?.(next);
+                return;
+            }
             setMobileChatOpen(chatDisabled ? false : !next);
             return;
         }
@@ -200,7 +213,7 @@ export function AppWorkspaceChrome({ nav, main, chat, chatScope, pageScopedChatP
     const chatContent = chat ??
         (chatScope ? (_jsx(PageScopedChatPane, { ...pageScopedChatPaneProps, scope: chatScope })) : (_jsx(ChatView, { variant: "default" })));
     return (_jsx(WorkspaceMobileSidebarControlsContext.Provider, { value: mobileSidebarControlsValue, children: _jsx(AppWorkspaceChatChromeContext.Provider, { value: chatChromeContextValue, children: _jsxs("div", { className: `flex min-h-0 min-w-0 w-full flex-1 bg-bg pb-[var(--eliza-mobile-nav-offset,0px)] ${isMobileViewport ? "flex-col" : ""}`, "data-testid": testId, children: [isMobileViewport &&
-                        (!chatDisabled || mobileSidebarControl !== null) ? (_jsx(MobileWorkspacePaneSwitcher, { chatAvailable: !chatDisabled, chatOpen: !effectiveCollapsed, sidebar: mobileSidebarControl, onChat: () => handleToggle(false), onMain: handleOpenMobileMain, onSidebar: handleOpenMobileSidebar })) : null, _jsxs("div", { className: `relative min-h-0 min-w-0 flex-1 flex-col overflow-hidden ${isMobileViewport && !effectiveCollapsed ? "hidden" : "flex"}`, children: [nav, _jsx("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: main })] }), chatDisabled ? null : effectiveCollapsed ? (_jsx("aside", { className: "w-0 min-w-0 shrink-0", "data-testid": `${testId}-chat-sidebar`, "data-collapsed": true, children: isMobileViewport ? null : (_jsx(AppWorkspaceChatDockToggleButton, { collapsed: true, testId: `${testId}-chat-expand` })) })) : (_jsxs(_Fragment, { children: [isMobileViewport ? (_jsx("aside", { className: "flex min-h-0 min-w-0 w-full flex-1 flex-col overflow-hidden bg-bg", "data-testid": `${testId}-chat-sidebar`, children: _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: chatContent }) })) : null, !isMobileViewport ? (_jsxs("aside", { className: "relative flex shrink-0 flex-col overflow-hidden bg-bg", style: {
+                        (!chatDisabled || mobileSidebarControl !== null) ? (_jsx(MobileWorkspacePaneSwitcher, { chatAvailable: !chatDisabled, chatOpen: !effectiveCollapsed, sidebar: mobileSidebarControl, onChat: () => handleToggle(false), onMain: handleOpenMobileMain, onSidebar: handleOpenMobileSidebar })) : null, _jsxs("div", { className: `relative min-h-0 min-w-0 flex-1 flex-col overflow-hidden ${isMobileViewport && !effectiveCollapsed ? "hidden" : "flex"}`, children: [nav, _jsx("div", { className: "relative flex min-h-0 flex-1 flex-col overflow-hidden", children: main })] }), chatDisabled ? null : effectiveCollapsed ? (_jsx("aside", { className: "w-0 min-w-0 shrink-0", "data-testid": `${testId}-chat-sidebar`, "data-collapsed": true, children: !isMobileViewport && !hideCollapseButton ? (_jsx(AppWorkspaceChatDockToggleButton, { collapsed: true, testId: `${testId}-chat-expand` })) : null })) : (_jsxs(_Fragment, { children: [isMobileViewport ? (_jsx("aside", { className: "flex min-h-0 min-w-0 w-full flex-1 flex-col overflow-hidden bg-bg", "data-testid": `${testId}-chat-sidebar`, children: _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: chatContent }) })) : null, !isMobileViewport ? (_jsxs("aside", { className: "relative flex shrink-0 flex-col overflow-hidden bg-bg", style: {
                                     width: `${chatWidth}px`,
                                     minWidth: `${chatWidth}px`,
                                 }, "data-testid": `${testId}-chat-sidebar`, children: [_jsx("hr", { "aria-label": "Resize chat", "aria-orientation": "vertical", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": 50, tabIndex: 0, "data-testid": `${testId}-chat-resize-handle`, onPointerDown: handleResizePointerDown, className: "absolute inset-y-0 left-0 z-20 m-0 h-full w-3 -translate-x-1/2 cursor-col-resize touch-none select-none border-0 bg-transparent transition-colors hover:bg-accent/20" }), _jsx("div", { className: "flex min-h-0 flex-1 flex-col overflow-hidden", children: chatContent })] })) : null, !isMobileViewport && !hideCollapseButton ? (_jsx(AppWorkspaceChatDockToggleButton, { collapsed: false, testId: `${testId}-chat-collapse` })) : null] }))] }) }) }));