Settings modal improvement

[mmurad2]

Goal: improve usability of settings modal (now that MCP server addition is a separate flow #290)

Usability issues to address

• Hard to find what you want to do at a glance (e.g. as a new user how to I easily find how to set a custom model) -> review IA
• Some buttons have an unclear action space (e.g. Retrieve plans as hints vs Retrieve plans to use directly)
• Some button's text are cutoff

Proposed IA & copy

• General
  --- Theme: Dark Mode, Light Mode
  --- Advanced: Upload a config file to customize advanced settings.
• Model Configuration
  --- Select LLM client
• Permissions
  --- Action Approval Policy (Controls when approval is required before taking actions): AI decides*, Never require approval, Always require approval
  --- Allows Websites (current design)
  --- Allow Replans (Automatically replan if the current plan fails or the request changes): toggle
  --- Retrieve Plans (Determines how pas plans are retrieved to help complete new tasks more efficiently)

Tasks

• Implement updated IA and copy
• Fix cutoff text under drop-down for Action approval policy and Retrieve relevant plans
• On Model config panel, update toggle tooltip to say When enabled, lets you choose a different model for each agent instead of using a single global model.

[mmurad2]

@husseinmozannar do you have comments on this new suggested IA for settings modal?

[husseinmozannar]

Seems very reasonable!