feat(editor): Show building and done status in page title for AI builder

[aalises]

Linear ticket related: https://linear.app/n8n/issue/AI-1811/feature-change-title-of-browser-tab-and-add-icon-to-indicate-build

Summary

Adds visual feedback in the browser tab title when the AI builder is working or has completed, helping users who switch tabs know the status of their workflow generation.

Changes

New behavior

• [Building] prefix appears in the page title while the AI builder is generating
• [Done] prefix appears when the AI builder finishes, only if the user is on another tab
• When the user returns to the tab, the title resets to the normal ▶️ (IDLE) status

How it works

1. When sendChatMessage is called → title shows [Building] Workflow Name - n8n
2. When streaming ends:
   - If tab is hidden → title shows [Done] Workflow Name - n8n
   - If tab is visible → title shows ▶️ Workflow Name - n8n (IDLE)
3. When user returns to the tab (visibility change) → resets from [Done] to ▶️ (IDLE)

Test plan

• Unit tests for useDocumentTitle with all status types
• Unit tests for builder.store title behavior

Demo

• Building on AI builder starting
  

• IDLE on finishing and tab is focused
  

• Moves to Done on finishing and you don't have the tab focused
  

• Resets to IDLE on focusing the tab, Done otherwise

[cubic-dev-ai]

No issues found across 6 files

[codecov]

Codecov Report

❌ Patch coverage is 89.18919% with 4 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
...i/assistant/components/Agent/AskAssistantBuild.vue	20.00%	4 Missing ⚠️

📢 Thoughts on this report? Let us know!

[currents-bot]

✅

E2E Tests: n8n tests passed after 7m 29.8s

🟢 609 · 🔴 0 · ⚪️ 38

View Run Details

Run Details

• Project: n8n

• Groups: 2

• Framework: Playwright

• Run Status: Passed

• Commit: 762ac85

• Spec files: 142

• Overall tests: 647

• Duration: 7m 29.8s

• Parallelization: 16

Groups

GroupId	Results	Spec Files Progress
multi-main:e2e	🟢 552 · 🔴 0 · ⚪️ 38	133 / 133
multi-main:e2e:isolated	🟢 57 · 🔴 0 · ⚪️ 0	9 / 9

---

This message was posted automatically by currents.dev | Integration Settings

[mutdmour]

Nice job

[mutdmour]

Not a fan of how inconsistent the naming is

[cubic-dev-ai]

1 issue found across 4 files (changes from recent commits).

Prompt for AI agents (all issues)

Check if these issues are valid — if so, understand the root cause of each and fix them.


<file name="packages/frontend/editor-ui/src/app/views/NodeView.test.ts">

<violation number="1" location="packages/frontend/editor-ui/src/app/views/NodeView.test.ts:29">
P2: Tests are tautological - they test inline if/else logic rather than the actual implementation. The file claims to test NodeView but never imports it, and references a non-existent `openWorkflow` function. The actual streaming/title logic lives in `builder.store.ts` (`prepareForStreaming`, `stopStreaming`). Consider either importing and testing the actual store methods, or removing these tests if builder.store.test.ts already covers this functionality.</violation>
</file>

_{Reply with feedback, questions, or to request a fix. Tag @cubic-dev-ai to re-run a review.}

[mutdmour]

LGTM. Thanks for addressing my feedback