Skip to content

Agentic UI: Add AI tab with agentic features toggle to settings - #4295

Merged
bcotrim merged 9 commits into
trunkfrom
agentic-settings-ai-tab
Jul 22, 2026
Merged

Agentic UI: Add AI tab with agentic features toggle to settings#4295
bcotrim merged 9 commits into
trunkfrom
agentic-settings-ai-tab

Conversation

@bcotrim

@bcotrim bcotrim commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

Related issues

How AI was used in this PR

Implemented with Claude Code (settings-view exploration, panel implementation, tests), reviewed and verified by a human.

Proposed Changes

Part of the application-settings series for the agentic UI (STU-1882).

  • Adds an AI tab to the agentic UI settings, giving agentic features a dedicated home ahead of the follow-up series (chat notifications, default model, tool permissions).
  • The tab hosts an Agentic features toggle: switching it off returns Studio to the classic interface. The copy is honest about what happens — the app reloads into the classic UI immediately (no restart), matching the existing "Switch to classic" behavior.
  • The former "Studio experience" section with the "Switch to classic" button moves out of the Settings tab into the new AI tab, so there's a single control for the flag.
Light Dark
image image

Testing Instructions

  1. Enable the new Studio experience (beta feature) and open Settings.
  2. Confirm the new AI tab appears between Settings and Skills, with the "Agentic features" toggle switched on. Check light and dark mode.
  3. Toggle it off: the window should reload into the classic Studio UI.
  4. In classic UI, switch back to the new experience and confirm the toggle shows as on again.

Pre-merge Checklist

  • Have you checked for TypeScript, React or other console errors?
# Conflicts:
#	apps/ui/src/components/settings-view/index.tsx
@bcotrim
bcotrim requested review from nightnei and sejas July 22, 2026 10:48
@wpmobilebot

wpmobilebot commented Jul 22, 2026

Copy link
Copy Markdown
Collaborator

📊 Performance Test Results

Comparing 45b6317 vs trunk

app-size

Metric trunk 45b6317 Diff Change
App Size (Mac) 1362.01 MB 1362.02 MB +0.00 MB ⚪ 0.0%

site-editor

Metric trunk 45b6317 Diff Change
load 1044 ms 1101 ms +57 ms 🔴 5.5%

site-startup

Metric trunk 45b6317 Diff Change
siteCreation 7013 ms 7006 ms 7 ms ⚪ 0.0%
siteStartup 2354 ms 2358 ms +4 ms ⚪ 0.0%

Results are median values from multiple test runs.

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

@sejas

sejas commented Jul 22, 2026

Copy link
Copy Markdown
Member

@bcotrim , will this replace the switch to classic in the main settings? I find very misleading having an AI tab which has only a toggle to disable it. 🤔
I would expect having Skills, MCP, Usage under that tab. Maybe it's a matter of renaming the tab to Experimental features or Beta features and moving it to the last position in the tab order. WDYT?

Screenshot 2026-07-22 at 12 15 25
@bcotrim

bcotrim commented Jul 22, 2026

Copy link
Copy Markdown
Contributor Author

@bcotrim , will this replace the switch to classic in the main settings? I find very misleading having an AI tab which has only a toggle to disable it. 🤔 I would expect having Skills, MCP, Usage under that tab. Maybe it's a matter of renaming the tab to Experimental features or Beta features and moving it to the last position in the tab order. WDYT?
Screenshot 2026-07-22 at 12 15 25

Yes it will replace that switch. You can check the exploration PR: #3975 to see the options the AI tab will have in the future. I agree this is a very small start, but it was intentional for an easy review

bcotrim added 3 commits July 22, 2026 15:15
# Conflicts:
#	apps/ui/src/components/create-site-form/index.test.tsx
#	apps/ui/src/components/settings-view/index.test.tsx
#	apps/ui/src/components/settings-view/index.tsx
#	apps/ui/src/data/core/connectors/hosted/index.ts
#	apps/ui/src/data/core/connectors/ipc/index.ts
#	apps/ui/src/data/core/connectors/local/index.ts
#	apps/ui/src/data/core/types.ts
# Conflicts:
#	apps/ui/src/components/settings-view/index.tsx

@sejas sejas left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Sounds good. I see Shauns exploration has only the sounds/alerts:

Image

We can consider moving there the new Instructions textbox of Studio Code. Maybe the new disable AI should be the last element in that page.

Image
@bcotrim
bcotrim enabled auto-merge (squash) July 22, 2026 20:12
# Conflicts:
#	apps/ui/src/components/settings-view/index.tsx
@bcotrim
bcotrim merged commit 5f53b4b into trunk Jul 22, 2026
13 checks passed
@bcotrim
bcotrim deleted the agentic-settings-ai-tab branch July 22, 2026 21:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

3 participants