Studio Code Assistant by sejas · Pull Request #2870 · Automattic/studio

sejas · 2026-03-23T09:58:43Z

Related issues

Fixes STU-1450

How AI was used in this PR

Currently mostly vibe-coded with superpowers.

Proposed Changes

It adds Studio Code assistant behind a feature flag.
Users can interact with Studio Code through CLI process
This is a first iteration. We'll add more features as a follow-up such as:
- ~~Default empty chat~~
- Invoking slash commands/skills
- Switching providers
- API key authentication
- Switching sites
- Save messages in the same session. Currently each message is saved in a separate session
- Consider streaming responses in future iterations.

Testing Instructions

Run ENABLE_STUDIO_CODE_UI=true npm start
Go to the assistant tab
Ask questions and prompts about your site.

studio-code-assistant.mp4

Pre-merge Checklist

Have you checked for TypeScript, React or other console errors?

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

…l, permission) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Add AiEnginePanel to AI settings modal for switching between Studio Code (local agent) and Studio Assistant (WordPress.com). Modify ContentTabAssistant to check engine preference and provider availability on mount, rendering StudioCodeChat when Studio Code is selected and available. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

…component Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

- Remove redundant proc.start() in studioCodeStart IPC handler (getOrCreateProcess already starts the process) - Fix useEffect dependency array to use individual properties instead of full selectedSite object reference - Replace console.warn with console.error in StudioCodeProcess Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

- Use AbortController to cleanly terminate the cancel listener when a turn completes, preventing it from stealing stdin lines - Add command type validation in parseCommand() to reject unknown types - Use crypto.randomUUID() for permission request IDs - Handle cancel commands in waitForCommand() by throwing AbortError Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

- Create headless-types.ts with HeadlessEvent and HeadlessCommand types - Add --headless, --site, --site-name, --site-url options to studio ai command - Route to runHeadlessCommand() when --headless is set Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

wpmobilebot · 2026-03-23T10:17:00Z

📊 Performance Test Results

Comparing b3da4f4 vs trunk

app-size

Metric	trunk	`b3da4f4`	Diff	Change
App Size (Mac)	1439.63 MB	1439.72 MB	+0.09 MB	⚪ 0.0%

site-editor

Metric	trunk	`b3da4f4`	Diff	Change
load	1836 ms	1870 ms	+34 ms	⚪ 0.0%

site-startup

Metric	trunk	`b3da4f4`	Diff	Change
siteCreation	9141 ms	9104 ms	37 ms	⚪ 0.0%
siteStartup	4949 ms	4947 ms	2 ms	⚪ 0.0%

Results are median values from multiple test runs.

Legend: 🟢 Improvement (faster) | 🔴 Regression (slower) | ⚪ No change (<50ms diff)

# Conflicts: # apps/cli/commands/ai/index.ts # apps/studio/src/components/ai-settings-modal.tsx # apps/studio/src/index.ts # apps/studio/src/preload.ts

- Resolve CLI ai command: keep both headless and session-persistence options - Resolve index.ts imports: keep studio-code + add SiteServer, remove deleted setup-wp-server-files - Resolve preload.ts: keep both studio-code IPC methods and new WordPress skills methods - Keep ai-settings-modal.tsx (deleted in trunk, needed for studio-code feature) - Fix authToken access: read from SharedConfig instead of UserData - Remove unused onOpenSettings prop from studio-code-chat Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

…-assistant # Conflicts: # apps/cli/commands/ai/index.ts

…nt turn Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

…into studio-code-assistant

…n JSON mode Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

katinthehatsite · 2026-04-15T07:59:15Z

@@ -357,6 +359,16 @@ const UnauthenticatedView = ( { onAuthenticate }: { onAuthenticate: () => void }
 );


I was able to access the UI even when I was logged out and it threw an error in a response message. I think we might want to improve this experience by either hiding it behind the login screen or find another alternative:

katinthehatsite

Another bit that I found strange (although I understand why it is needed) is that you can type but can't send a message while the assistant is answering. With tools like Claude or Cursor, you can either queue the message or interrupt the ongoing request and send a new message:

Screen.Recording.2026-04-15.at.10.49.03.AM.mov

katinthehatsite · 2026-04-15T08:52:47Z

+}
+
+export function studioCodeAbort( _event: IpcMainInvokeEvent, siteId: string ): void {
+	abortTurn( siteId );


I don't think we have a user facing option to abort a running turn. Should we? (similar comment to the other one I made about not being able to send a message while assistant is thinking)

katinthehatsite · 2026-04-15T09:03:12Z

@@ -0,0 +1,34 @@
+// Event types matching the JSON mode output from `studio code --json`


There is a file that is named the same in apps/studio/src/components/studio-code-types.ts and I am wondering if we should rename them to make them cleaner e.g 👍

studio-code-ui-types.ts (the component/renderer types)

studio-code-event-types.ts (the CLI wire format types)

youknowriad · 2026-04-15T11:06:33Z

With tools like Claude or Cursor, you can either queue the message or interrupt the ongoing request and send a new message.

Let's track that. I think it's a bug on Studio Code (not just here but also in CLI)

sejas · 2026-04-15T13:49:53Z

With tools like Claude or Cursor, you can either queue the message or interrupt the ongoing request and send a new message.

Let's track that. I think it's a bug on Studio Code (not just here but also in CLI)

Created STU-1574

…io Code chat Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

…-assistant

wesleyfantinel · 2026-04-15T21:08:52Z

-								<span className="ltr:pl-2 rtl:pl-2">{ __( 'Build with Telex' ) }</span>
-								<ArrowIcon />
-							</MenuItem>
+							{ showTelexLink && (


TBH, I don't think we should have this link to Telex.

Agreed. I'll create a follow-up issue to remove it and we can discuss it there. This PR just keeps intact the experience of Studio Assistant.

wesleyfantinel · 2026-04-15T21:10:56Z

 	adapter: AiOutputAdapter;
 	initialMessage?: string;
 	resumeSession?: LoadedAiSession;
+	resumeSessionId?: string;


I like the fact we can resume sessions now.

wesleyfantinel

My understanding is that this is adding good changes to the headless (--json) mode. I haven’t looked at the studio app changes yet.

Splits the two identically-named files so readers can tell at a glance which defines renderer/UI types and which defines the CLI JSON wire format: - apps/studio/src/components/studio-code-types.ts -> studio-code-ui-types.ts - apps/studio/src/modules/studio-code/studio-code-types.ts -> studio-code-event-types.ts Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Two changes from PR #2870 review: - Throw when --resume-session points at a missing session instead of silently creating a fresh one. Silent creation is misleading for callers (notably the desktop app, which spawns the CLI with a specific session ID) and hides real bugs. - Call maybeAutoSwitchProvider() once from inside runAgentTurn so every mode (JSON, initial message, slash/skill commands, interactive loop) consistently re-evaluates provider availability before a turn. The initial-message path was previously missing this check. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

# Conflicts: # apps/cli/commands/ai/index.ts # apps/studio/src/ipc-handlers.ts

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

sejas · 2026-04-20T11:26:52Z

@wesleyfantinel , @katinthehatsite , I addressed your feedback and added a logout page state. Could you take another look? I would like to merge the PR behind a feature flag and create follow-up issues for the rest of improvements.

# Conflicts: # apps/studio/src/ipc-utils.ts

sejas and others added 8 commits March 22, 2026 21:14

Add StudioCodeProcess to manage AI headless child processes

96129ce

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Add Studio Code IPC handlers and wire up preload, constants, and storage

8ff912f

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Add Studio Code chat UI components (chat container, message, tool cal…

ab9f11e

…l, permission) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Add unit tests for StudioCodeProcess module and StudioCodePermission …

a1c7cdb

…component Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

wojtekn added the Proof of Concept label Mar 23, 2026

wojtekn assigned sejas Mar 23, 2026

sejas marked this pull request as draft March 23, 2026 10:07

sejas and others added 4 commits March 26, 2026 23:23

Merge remote-tracking branch 'origin/trunk' into studio-code-assistant

580952f

# Conflicts: # apps/cli/commands/ai/index.ts # apps/studio/src/components/ai-settings-modal.tsx # apps/studio/src/index.ts # apps/studio/src/preload.ts

Add enableStudioCode feature flag to gate new assistant implementation

a7a34b8

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Remove turn cost display from Studio Code chat

e5d342e

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

sejas mentioned this pull request Apr 6, 2026

CLI AI: Add --json flag for headless NDJSON output #2913

Closed

1 task

wesleyfantinel mentioned this pull request Apr 8, 2026

CLI AI: Add --json flag for headless NDJSON output #3012

Merged

1 task

sejas and others added 4 commits April 14, 2026 11:32

Merge remote-tracking branch 'origin/trunk' into studio-code-assistant

a434428

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Merge branch 'trunk' of github.com:Automattic/studio into studio-code…

cded980

…-assistant # Conflicts: # apps/cli/commands/ai/index.ts

Remove headless

a20a338

Adapt --json mode to studio assistant UI

efb4f08

sejas removed the Proof of Concept label Apr 14, 2026

sejas and others added 4 commits April 14, 2026 14:56

Bring back update param from trunk

e666d7d

Rename feature flag to ENABLE_STUDIO_CODE_UI

927181b

Hide build with Telex for Studio Code UI

c3bf1c4

Merge branch 'trunk' into studio-code-assistant

190b602

sejas marked this pull request as ready for review April 14, 2026 15:24

sejas and others added 2 commits April 14, 2026 16:41

Fix JSON mode to auto-switch unavailable providers before running age…

4cbbf44

…nt turn Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Merge branch 'studio-code-assistant' of github.com:Automattic/studio …

bbf6a8b

…into studio-code-assistant

Append to existing session file when resuming with --resume-session i…

a127b60

…n JSON mode Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

sejas requested review from a team, wesleyfantinel and youknowriad April 14, 2026 17:54

Remove unused ai-settings-modal component

c1c14eb

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

katinthehatsite reviewed Apr 15, 2026

View reviewed changes

sejas and others added 3 commits April 15, 2026 21:23

Show login notice and disable input for unauthenticated users in Stud…

1f0653a

…io Code chat Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Remove unused sprintf and LIMIT_OF_PROMPTS_PER_USER imports

0257618

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Merge branch 'trunk' of github.com:Automattic/studio into studio-code…

b413467

…-assistant

wesleyfantinel reviewed Apr 15, 2026

View reviewed changes

Comment thread apps/cli/commands/ai/index.ts Outdated

wesleyfantinel reviewed Apr 15, 2026

View reviewed changes

Comment thread apps/cli/commands/ai/index.ts Outdated

wesleyfantinel reviewed Apr 15, 2026

View reviewed changes

sejas and others added 5 commits April 17, 2026 11:58

Merge remote-tracking branch 'origin/trunk' into studio-code-assistant

6090ba9

Merge remote-tracking branch 'origin/trunk' into studio-code-assistant

aeb6750

# Conflicts: # apps/cli/commands/ai/index.ts # apps/studio/src/ipc-handlers.ts

Fix import order after trunk merge

ca485bb

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Merge remote-tracking branch 'origin/trunk' into studio-code-assistant

b3da4f4

# Conflicts: # apps/studio/src/ipc-utils.ts

wesleyfantinel self-requested a review April 20, 2026 11:53

wesleyfantinel approved these changes Apr 20, 2026

View reviewed changes

sejas merged commit cf48391 into trunk Apr 20, 2026
10 checks passed

sejas deleted the studio-code-assistant branch April 20, 2026 14:16

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Studio Code Assistant - #2870

Studio Code Assistant#2870
sejas merged 38 commits into
trunkfrom
studio-code-assistant

sejas commented Mar 23, 2026 •

edited

Loading

wpmobilebot commented Mar 23, 2026 •

edited

Loading

katinthehatsite Apr 15, 2026

katinthehatsite left a comment

katinthehatsite Apr 15, 2026

katinthehatsite Apr 15, 2026

youknowriad commented Apr 15, 2026

sejas commented Apr 15, 2026

wesleyfantinel Apr 15, 2026

sejas Apr 17, 2026

wesleyfantinel Apr 15, 2026

Uh oh!

Uh oh!

wesleyfantinel left a comment

sejas commented Apr 20, 2026

Uh oh!

Labels

6 participants

		@@ -357,6 +359,16 @@ const UnauthenticatedView = ( { onAuthenticate }: { onAuthenticate: () => void }
		);

		@@ -0,0 +1,34 @@
		// Event types matching the JSON mode output from `studio code --json`

Uh oh!

Conversation

sejas commented Mar 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Related issues

How AI was used in this PR

Proposed Changes

Testing Instructions

Pre-merge Checklist

wpmobilebot commented Mar 23, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📊 Performance Test Results

app-size

site-editor

site-startup

katinthehatsite Apr 15, 2026

Choose a reason for hiding this comment

katinthehatsite left a comment

Choose a reason for hiding this comment

katinthehatsite Apr 15, 2026

Choose a reason for hiding this comment

katinthehatsite Apr 15, 2026

Choose a reason for hiding this comment

youknowriad commented Apr 15, 2026

sejas commented Apr 15, 2026

wesleyfantinel Apr 15, 2026

Choose a reason for hiding this comment

sejas Apr 17, 2026

Choose a reason for hiding this comment

wesleyfantinel Apr 15, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

wesleyfantinel left a comment

Choose a reason for hiding this comment

sejas commented Apr 20, 2026

Uh oh!

Labels

6 participants

sejas commented Mar 23, 2026 •

edited

Loading

wpmobilebot commented Mar 23, 2026 •

edited

Loading