Skip to content

MCP update: live session, copy ai selector#527

Open
pinkeshmars wants to merge 1 commit into
mainfrom
update/mcp-live-sessions
Open

MCP update: live session, copy ai selector#527
pinkeshmars wants to merge 1 commit into
mainfrom
update/mcp-live-sessions

Conversation

@pinkeshmars

Copy link
Copy Markdown
Collaborator

Description

MCP update: live session, copy ai selector

Linear ticket and magic word Fixes DEVR-1273

Type of change

  • Typo fix
  • New feature
  • Enhancement to current docs
  • Removed outdated references
  • Update assets

@pinkeshmars pinkeshmars requested a review from PoojaB26 June 16, 2026 06:54
@bolt-new-by-stackblitz

Copy link
Copy Markdown

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@PoojaB26 PoojaB26 left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nit changes


You can right-click any widget in the builder and select **Copy AI Selector** when you want the agent to update a specific widget in your app. This copies a precise location for the selected widget, which you can paste into your prompt so the agent knows exactly which widget to inspect or modify.

This is helpful when a page has repeated widgets, nested components, or similar labels. Instead of describing the widget only by its position or text, you can give the agent the copied selector and ask for a targeted change, such as updating that widget's style, action, visibility, or data binding.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
This is helpful when a page has repeated widgets, nested components, or similar labels. Instead of describing the widget only by its position or text, you can give the agent the copied selector and ask for a targeted change, such as updating that widget's style, action, visibility, or data binding.
This is helpful when a page has repeated widgets, nested components, or similar labels. Instead of describing the widget only by its position or text, you can give the agent the copied selector value and ask for a targeted change, such as updating that widget's style, action, visibility, or data binding.

height: 0,
width: '100%'}}>
<iframe
src="https://demo.arcade.software/Jx4zuTngeaDsJ3ZPKkNI?embed&show_copy_link=true"

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

can you remove the zooms pls?


## Live Sessions

Live Sessions let your AI agent apply changes to a running FlutterFlow app and show those updates directly on the connected device. This is useful when you want to iterate quickly. You can ask the agent to update screens, fix issues, inspect logs, trigger hot reloads or hot restarts, capture screenshots, and then immediately review the results on your running devices.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
Live Sessions let your AI agent apply changes to a running FlutterFlow app and show those updates directly on the connected device. This is useful when you want to iterate quickly. You can ask the agent to update screens, fix issues, inspect logs, trigger hot reloads or hot restarts, capture screenshots, and then immediately review the results on your running devices.
Live Sessions let your AI agent apply changes to a running FlutterFlow app and display those updates directly on the connected device. This is useful when you want to iterate quickly. You can ask the agent to update screens, fix issues, inspect logs, trigger hot reloads or hot restarts, capture screenshots, and then immediately review the results on your running devices.


Live Sessions let your AI agent apply changes to a running FlutterFlow app and show those updates directly on the connected device. This is useful when you want to iterate quickly. You can ask the agent to update screens, fix issues, inspect logs, trigger hot reloads or hot restarts, capture screenshots, and then immediately review the results on your running devices.

To use Live Sessions, run your app from the FlutterFlow desktop app on a connected device or simulator, then activate your agent. Confirm in the desktop app that the live session has started, ask the agent to make changes, and review those changes as they appear in the running app.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
To use Live Sessions, run your app from the FlutterFlow desktop app on a connected device or simulator, then activate your agent. Confirm in the desktop app that the live session has started, ask the agent to make changes, and review those changes as they appear in the running app.
To use Live Sessions, run your app from the FlutterFlow desktop app on a connected device or simulator, then activate your agent. Once the live session starts, confirm its status in the desktop app, ask the agent to make changes, and review those updates as they appear in the running app.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants