building-settings-ui

What problem does it solve?

building-settings-ui prevents inconsistent, misplaced, or unsafe settings-panel implementations in the Tambo Cloud dashboard by standardizing where sections live and how common UI patterns behave.

Core Features & Use Cases

• Correct placement across tabs: Decide whether a change belongs on the Agent tab (agent behavior) or Settings tab (project infrastructure/access) based on the type of configuration being added or modified.
• Consistent card and interaction patterns: Apply the established Card layout, including placement of EditWithTamboButton inside CardTitle, destructive styling rules, and confirmation dialog usage for irreversible actions.
• Reliable save and feedback behavior: Follow toast and mutation conventions, including invalidating queries before showing success to avoid stale UI, and using the correct edit/save/cancel state patterns.
• Dependent-setting UI rules: Render sections consistently even when prerequisites aren’t met, using Alerts for soft dependencies and passing required props rather than cross-tab visibility branching.

Quick Start

Tell the AI: "Add a new settings section for [X] and specify whether it belongs on the Agent or Settings tab, then implement the matching Card UI pattern using toasts, edit/save/cancel behavior, and the correct destructive confirmation flow."