Skip to content

Update customizations modal titles#320043

Open
hawkticehurst wants to merge 3 commits into
mainfrom
agents/can-you-help-me-make-a-change-to-1962f9bb
Open

Update customizations modal titles#320043
hawkticehurst wants to merge 3 commits into
mainfrom
agents/can-you-help-me-make-a-change-to-1962f9bb

Conversation

@hawkticehurst
Copy link
Copy Markdown
Member

@hawkticehurst hawkticehurst commented Jun 5, 2026

Fixes #317696
Fixes #319633

A small redesign to customizations modal to better reinforce which agent harness is being customized.

  • Update modal title and homepage title to be "Agent Customizations for {agent harness}"
  • Change the label of the first sidebar menu item to be static "Overview"
  • Remove bolded styles from sidebar menu item
Screenshot 2026-06-05 at 11 59 07 AM Screenshot 2026-06-05 at 11 59 22 AM

@hawkticehurst hawkticehurst requested a review from joshspicer June 5, 2026 03:48
@hawkticehurst hawkticehurst self-assigned this Jun 5, 2026
Copilot AI review requested due to automatic review settings June 5, 2026 03:48
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR updates the AI Customizations management modal UI to better communicate which customization harness (scope/target) the user is editing, aligning the modal/editor title and the welcome page heading with the active harness, and simplifying the sidebar “Home” entry styling.

Changes:

  • Update the modal/editor title and welcome page heading to “Agent Customizations for {harness}”.
  • Rename the first sidebar item to a static “Home” and remove bold styling from sidebar items.
  • Wire the active harness label into the editor input label updates.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
src/vs/workbench/contrib/chat/browser/aiCustomization/media/aiCustomizationManagement.css Removes bold styling from sidebar menu items by reducing font weight.
src/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationWelcomePagePromptLaunchers.ts Adds harness-aware welcome page heading text.
src/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationWelcomePage.ts Threads harness label through to the welcome page implementation.
src/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationManagementEditorInput.ts Makes editor input name harness-aware and adds a harness label setter.
src/vs/workbench/contrib/chat/browser/aiCustomization/aiCustomizationManagementEditor.ts Updates Home button labeling and propagates harness label into the editor input and welcome page.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 5, 2026

Screenshot Changes

Base: f08110f2 Current: 1465f46c

Changed (52)

chat/aiCustomizations/aiCustomizationManagementEditor/WelcomePage/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/WelcomePage/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/LocalHarness/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/LocalHarness/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/CliHarness/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/CliHarness/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/Sessions/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/Sessions/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/SessionsSkillsTab/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/SessionsSkillsTab/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTab/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTab/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTab/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTab/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/SkillsTab/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/SkillsTab/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/InstructionsTab/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/InstructionsTab/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/HooksTab/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/HooksTab/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PromptsTab/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PromptsTab/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTab/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTab/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PromptsTabScrolled/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PromptsTabScrolled/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTabScrolled/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTabScrolled/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTabScrolled/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PluginsTabScrolled/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTabNarrow/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServersTabNarrow/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTabNarrow/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsTabNarrow/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsItemPreview/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsItemPreview/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsItemRaw/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/AgentsItemRaw/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/BuiltinSkillItemPreview/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/BuiltinSkillItemPreview/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/BuiltinSkillItemRaw/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/BuiltinSkillItemRaw/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServerDetail/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServerDetail/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServerDetailNarrow/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/McpServerDetailNarrow/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PluginDetail/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PluginDetail/Light
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PluginDetailNarrow/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationManagementEditor/PluginDetailNarrow/Light
Before After
before after
chat/aiCustomizations/aiCustomizationWelcomePages/WelcomePage/Dark
Before After
before after
chat/aiCustomizations/aiCustomizationWelcomePages/WelcomePage/Light
Before After
before after

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.

Agents Customizations header missing Customizations: Make it clear what the scope of the window is

3 participants