PR Custody

refactor(settings): reduce clutter with progressive disclosure (DASH-299)

@devin-ai-integration[bot]checks n/achecks…devin/DASH-299-1773374250 → main3 files · +59 −28review: @palash-cupdated 2mo ago

GitHub

▸Description· 2 comments · 2 noise

Summary

Reduces clutter on the General settings page by grouping Debug Info and Danger Zone into a collapsible Advanced section, collapsed by default. Project Info and Configuration remain always visible as the most-used sections.

Changes:

Wrap Debug Info + Danger Zone in a Collapsible (Radix) with an "Advanced" trigger header and chevron indicator
Add AdvancedSectionExpandedEvent analytics event (fires on expand only)
Update loading skeleton to reflect the new layout (collapsed Advanced trigger placeholder instead of full Debug/Danger skeletons)

Review & Testing Checklist for Human

Visually verify the collapsible behavior: expand/collapse works, chevron rotates via group-data-[state=open]:rotate-180 (depends on Radix setting data-state on the trigger)
Confirm hiding Danger Zone behind Advanced is acceptable UX — the "Delete project" button is no longer immediately visible on page load
Verify skeleton matches the loaded state — skeleton now shows 4 config toggle placeholders and a collapsed Advanced row instead of Debug Info + Danger Zone placeholders
Test plan: Navigate to Project Settings → General. Confirm Project Info and Configuration are visible. Confirm Advanced section is collapsed. Click to expand — verify Debug Info and Danger Zone appear. Verify chevron animates. Collapse again and re-expand.

Notes

Lint/typecheck could not run locally due to private packages (@composio/db, @composio/lib) missing from npm registry — relying on CI for validation
Requested by: @palash-c
Devin Session

@devin-ai-integration[bot]agent3mo ago

'Settings page too cluttered' ([DASH-299](https://linear.app/composio/issue/DASH-299/settings-page-too-cluttered))

User instruction: @devin follow the spec

@devin-ai-integration[bot]agent3mo ago

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
Look at CI failures and help fix them

⚙️ Control Options:

Disable automatic comment and CI monitoring

▸ 2 bot/status comments hidden

@linear[bot]3mo ago

Too many things in settings at once. Consider better organization.

Source: Loom feedback @ 23:23-23:47

Spec for Implementation

Repo: composio_dashboard

Goal: Reorganize settings page to reduce clutter.

Location: /src/app/(project)/[org]/[project]/settings/

Options to consider:

Progressive disclosure: Collapse advanced settings by default
Section grouping: Better visual separation between sections
Tabs or sub-pages: Split into multiple focused pages
Hide rarely-used: Move uncommon settings to 'Advanced'

Current structure:

General
API Keys
Webhooks
Auth Screen
Usage

Investigation needed:

Review current settings page layout
Identify most/least used settings
Propose reorganization based on user priority

Ready for Devin - propose reorganization after reviewing current layout

@vercel[bot]3mo ago

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)

loading diff…