fix(desktop): label the flat advanced-fields block as Advanced

The flat profile panel's advanced-fields block (active_provider etc.)
rendered directly beneath the new MCP Servers label with no header of
its own, so it visually read as part of the MCP Servers group. Add a
matching text-only 'Advanced' header so the block reads as its own
group, mirroring the label style already used for MCP Servers.

Co-authored-by: Will Pfleger <pfleger.will@gmail.com>
Signed-off-by: Will Pfleger <pfleger.will@gmail.com>
This commit is contained in:
npub1mn7jgtj4w2pd0g0zeuhxsa6jy6p0rewxz4kujt98my82ahfmp72sxjexk7
2026-07-13 15:40:53 -04:00
parent ec6e3d9d82
commit 2a80101807
2 changed files with 6 additions and 1 deletions

View File

@@ -426,6 +426,9 @@ export function AgentConfigPanel({
{advanced.length > 0 && advancedMode === "flat" ? (
<div className="divide-y divide-border/50 border-t border-border/50">
<p className="px-4 py-3 text-xs font-medium text-foreground">
Advanced
</p>
{advanced.map((field) => (
<AdvancedRow
key={field.key}

View File

@@ -245,8 +245,10 @@ test.describe("config bridge screenshots", () => {
const panel = await openAgentProfileFromChannel(page, "Goose Agent");
// Advanced runtime fields render directly in the profile panel's flat list.
// Advanced runtime fields render directly in the profile panel's flat list,
// grouped under their own "Advanced" header.
await expect(panel.getByText("active_provider")).toBeVisible();
await expect(panel.getByText("Advanced", { exact: true })).toHaveCount(1);
// MCP servers render once each under their group label.
await expect(panel.getByText("developer", { exact: true })).toHaveCount(1);
await expect(panel.getByText("MCP Servers", { exact: true })).toHaveCount(