> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sketricgen.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Iframe + Fullscreen Chat Embeds, Forced Handoff, and a Smoother Builder (Nov 3, 2025)

> SketricGen update: embed chat via iframe + fullscreen, new Forced Handoff for tighter workflow control, FlowEditor/NodeInspector upgrades, UI consistency improvements, integration reliability fixes, and performance enhancements.

This release improves three things users feel immediately: **how you embed chat**, **how you control multi-agent workflows**, and **how smooth the builder feels**—plus reliability upgrades across integrations and performance.

## TL;DR

* Embed chat anywhere with **iframe support** and **fullscreen** mode
* New **Forced Handoff** for more predictable control in multi-agent workflows
* Improved **FlowEditor + NodeInspector** for clearer configuration and validation
* Cleaner UI consistency across chat/templates/integrations (loading states, spacing, interaction feedback)
* Integration reliability updates (Zapier/Pipedream docs links + **Pipedream env var fix for Next.js builds**)
* Under-the-hood refactors for **better performance, stability, and error handling**

***

## What’s new

### 1) Embed chat anywhere (iframe + fullscreen)

You can now embed SketricGen chat more flexibly:

* **Iframe widget support** for easy drop-in embedding
* **Fullscreen mode** for a cleaner end-user experience

**Why it matters:** faster deployment into websites, portals, and internal tools—without building custom chat UI from scratch.

***

### 2) More predictable multi-agent control (Forced Handoff)

We introduced **Forced Handoff** to help you control agent flow in workflows:

* Enforce when a workflow must transfer responsibility to the next step/agent
* Reduce unexpected branching or “agent drift” in complex automations

**Why it matters:** more deterministic workflows, easier testing, fewer surprises in production.

<img src="https://mintcdn.com/sketricgen/GDdY2xmoXVSqYzGk/images/changelog/forced_handoff.png?fit=max&auto=format&n=GDdY2xmoXVSqYzGk&q=85&s=7010aeba1c8d35c3903140151a6a1c70" alt="Screenshot showing the Forced Handoff setting enabled in a workflow node with agent configuration" width="1706" height="842" data-path="images/changelog/forced_handoff.png" />

***

### 3) FlowEditor + NodeInspector upgrades (clearer configuration)

We refined the workflow-building experience:

* Clearer configuration and validation behavior
* Improved state handling and smoother interactions while editing

**Why it matters:** faster building, fewer configuration mistakes, and less friction when iterating during testing.

> Screenshot/GIF placeholder: “NodeInspector validation + improved editor UX”

***

### 4) UI consistency improvements (less friction across the app)

We unified styling and layout across key areas:

* Chat (messages + lists)
* Templates page
* Integrations section
* Dialogs/modals (loading states, spacing, interaction feedback)

**Why it matters:** better readability and fewer “UI surprises” when you’re moving quickly between building, testing, and iterating.

***

### 5) Integrations updates (docs + reliability)

* Updated and standardized integration documentation links (Zapier, Pipedream)
* Fixed **Pipedream environment variable configuration** for Next.js builds

**Why it matters:** fewer setup issues and faster “first successful run” when connecting tools.

***

### 6) Reliability + performance improvements (internal upgrades that help users)

We shipped internal refactors across middleware, API routes, layout metadata, and build tooling, plus cleanup of redundant configs.

**Why it matters for users:** fewer edge-case errors, faster UI interactions, and more stable deployments—especially as workflows get larger.

***

## Who this release is for

* Teams embedding agents into **websites, apps, and internal tools**
* Builders running **multi-agent workflows** that need stronger control
* Developers deploying SketricGen-connected experiences with **Next.js + Pipedream**
* Anyone who wants a cleaner, faster builder experience

***

## How to use (quick steps)

### Embed chat with an iframe

1. Open your agent’s deploy/share settings
2. Choose **Iframe Widget**
3. Copy the embed snippet into your site/app
4. Enable **Fullscreen** if you want a more focused experience for users

### Use Forced Handoff in a workflow

1. Open your workflow in the **FlowEditor**
2. Configure your agent transition/handoff step
3. Enable **Forced Handoff**
4. Validate in **NodeInspector** and run a test message

### Confirm integrations stay connected

1. Open your workflow and check node connection status
2. If a tool disconnects, use the updated prompts/notifications to reconnect quickly
3. Re-run a test to confirm the workflow executes cleanly

***

## FAQ

**Can I embed SketricGen chat in an iframe?**\
Yes—this release adds iframe widget support designed for simple embedding.

**Does fullscreen mode work for embedded chat?**\
Yes—fullscreen is supported to improve the embedded chat experience, especially for onboarding and support flows.

**What is “Forced Handoff” in a workflow?**\
A control mechanism that enforces when a workflow must hand off responsibility, making multi-agent behavior more predictable.

**I’m using Next.js with Pipedream—what changed?**\
Environment variable configuration issues were fixed to improve reliability in Next.js builds.

**What changed in the builder experience?**\
FlowEditor and NodeInspector were improved for clearer configuration, better validation behavior, and smoother editing.

***

## Get Started

* **Try SketricGen:** [https://www.sketricgen.ai/](https://www.sketricgen.ai/)
* **Browse Templates:** [https://www.sketricgen.ai/templates](https://www.sketricgen.ai/templates)
* **Docs: Embedding & Widgets:** [/deploy/custom-website](/deploy/custom-website)
* **Docs: Orchestration & Handoffs:** [/user-guides/orchestration-and-handoffs](/user-guides/orchestration-and-handoffs)
* **Docs: Tools & Integrations:** [/user-guides/tools](/user-guides/tools)
