PR #68005: fix(ui): remove duplicate section headers in settings view

• Repository: openclaw/openclaw
• Author: d1rshan
• State: open | merged: False
• Link: https://github.com/openclaw/openclaw/pull/68005

Description (problem / solution / changelog)

Summary

• Problem: In the Control UI dashboard settings, when opening a single section (for example, Automation), the section title and description are shown twice: once in the top section hero and again inside the nested section card header.
• Why it matters: The duplication adds visual noise and weakens information hierarchy in the settings UX.
• What changed: Updated config form rendering to suppress nested section-card headers in single-section/subsection contexts while preserving them in root/multi-section views; added tests for both behaviors.
• What did NOT change (scope boundary): No gateway auth/network/protocol behavior changed; no config schema changes.

Change Type

• Bug fix

Scope

• UI / DX

Linked Issue/PR

• Closes #68003
• This PR fixes a bug or regression

Regression Test Plan

• Coverage level that should have caught this:
  • Unit test
  • Seam / integration test
  • End-to-end test
  • Existing coverage already sufficient
• Target test or file: ui/src/ui/views/config.browser.test.ts
• Scenario the test should lock in:
  1. Single active section shows hero title and no nested card header.
  2. Root/multi-section view still renders section-card headers.
• Why this is the smallest reliable guardrail: The bug is a pure render-branch issue localized to config view composition.
• Existing test that already covers this (if any): None specific to this duplication.
• If no new test is added, why not: N/A

User-visible / Behavior Changes

• Single-section settings pages no longer show duplicated section title/description blocks.
• Root/multi-section settings layout remains unchanged.

Security Impact

• New permissions/capabilities? (Yes/No) No
• Secrets/tokens handling changed? (Yes/No) No
• New/changed network calls? (Yes/No) No
• Command/tool execution surface changed? (Yes/No) No
• Data access scope changed? (Yes/No) No
• If any Yes, explain risk + mitigation: N/A

Repro + Verification

Environment

Any Environment

Steps

1. Start OpenClaw dashboard.
2. Open a section in Settings (Relevant: Communications, Automation, Infrastructure, AI & Agents).
3. Select Automation for Example and Select any pill inside it (eg: Approvals).
4. Observe the section heading area.

Expected

In single-section settings view, section title/description should be rendered once (top hero only)

Actual

Section title/description is duplicated:

• top section hero
• nested section card header inside the same page

Evidence

Before (duplicated top section hero and nested section card header) <img width="1719" height="946" alt="Image" src="https://github.com/user-attachments/assets/af813a72-5497-4ad3-b7c3-144d7b8948e3" />

After: <img width="1718" height="953" alt="image" src="https://github.com/user-attachments/assets/d4c1a7f3-afe1-414e-863f-cd361af8f9a7" />

Human Verification

• Verified scenarios:
  • Single active section (Approvals in Automation) shows hero and no nested duplicated card header.
  • Root/multi-section settings still show section-card headers.

Review Conversations

• I replied to or resolved every bot review conversation I addressed in this PR.
• I left unresolved only the conversations that still need reviewer or maintainer judgment.

Compatibility / Migration

• Backward compatible? (Yes/No) Yes
• Config/env changes? (Yes/No) No
• Migration needed? (Yes/No) No
• If yes, exact upgrade steps: N/A

Changed files

• ui/src/ui/views/config-form.render.ts (modified, +16/-9)
• ui/src/ui/views/config.browser.test.ts (modified, +61/-0)

PR #68017: fix: hide duplicate section title in single-section settings view

• Repository: openclaw/openclaw
• Author: kagura-agent
• State: closed | merged: False
• Link: https://github.com/openclaw/openclaw/pull/68017

Description (problem / solution / changelog)

Fixes #68003

Problem

In the Control UI settings, when opening a single section (e.g., Automation), the section title and description appeared twice:

1. In the top hero area
2. In the nested section card header

Fix

Conditionally hide the section card header when activeSection is set, since the hero already displays the section title and description. The card header is only shown in the root/multi-section view where no hero is rendered.

Changes

• ui/src/ui/views/config-form.render.ts: Wrap section card header in activeSection ? nothing : ... guard

Changed files

• ui/src/ui/views/config-form.render.ts (modified, +11/-9)

PR #68071: fix(ui): hide section card header in single-section settings views

• Repository: openclaw/openclaw
• Author: ztexydt-cqh
• State: open | merged: False
• Link: https://github.com/openclaw/openclaw/pull/68071

Description (problem / solution / changelog)

Closes #68003

When a single section is displayed in Control UI settings, the section title and description were rendered twice: once in the top section hero and again in the nested section card header. This change suppresses the section card header when only one top-level section is visible, avoiding the duplication while preserving headers in multi-section views.

Changed files

• ui/src/ui/views/config-form.render.ts (modified, +15/-9)

PR #68093: Fix: dedupe section title/desc in single-section config view (Resolves #68003)

• Repository: openclaw/openclaw
• Author: Mlightsnow
• State: open | merged: False
• Link: https://github.com/openclaw/openclaw/pull/68093

Description (problem / solution / changelog)

Fixes #68003.

Summary

In the Control UI settings, when a single section is active (e.g. Automation → Approvals), the section title/description was rendered twice: once in the top hero and again in the nested config-section-card header.

This PR hides the per-card header when renderConfigForm is invoked with an activeSection, keeping the hero as the single source of the title/description. Multi-section (root) views still show the per-card headers.

Changes

• ui/src/ui/views/config-form.render.ts: skip config-section-card__header when activeSection is set.
• ui/src/ui/views/config.browser.test.ts: add regression tests for single-section (hero-only) and multi-section (per-card headers) rendering.

Test plan

• pnpm test ui/src/ui/views/config.browser.test.ts (18 passed)
• pnpm test ui/src/ui/config-form.browser.test.ts (14 passed)
• pnpm lint on the touched files (0 warnings, 0 errors)

AI-assisted

• Marked as AI-assisted.
• Lightly tested (scoped tests pass; manual browser verification not performed).

Changed files

• ui/src/ui/views/config-form.render.ts (modified, +17/-9)
• ui/src/ui/views/config.browser.test.ts (modified, +51/-0)