Tighten profile selector and modal backdrop

[simple-agent-manager]

Summary

• strengthen the shared glass modal backdrop dim and blur
• make project chat profile pills and selector actions visually smaller
• extend the project chat visual audit to capture the edit-profile modal with mocked runtime config responses

Validation

• pnpm --dir apps/web exec eslint src/pages/project-chat/ChatInput.tsx tests/playwright/project-chat-composer-audit.spec.ts
• pnpm --filter @simple-agent-manager/ui typecheck
• pnpm --dir apps/web exec playwright test tests/playwright/project-chat-composer-audit.spec.ts -g "new-chat composer"

Screenshots captured for 375x667, 390x844, and 1280x800 profile edit modal.

• Preflight completed before code changes

Classification

• ui-change
• cross-component-change

External References

N/A: No external documentation was needed; this is a local UI styling and Playwright audit update.

Codebase Impact Analysis

Changes touch apps/web/src/pages/project-chat/ChatInput.tsx for profile selector sizing, packages/ui/src/tokens/theme.css for shared modal backdrop tokens, and apps/web/tests/playwright/project-chat-composer-audit.spec.ts for screenshot coverage.

Documentation & Specs

N/A: No user-facing docs or specs changed for this visual polish fix.

Constitution & Risk Check

Checked the no-hardcoded-values risk: the backdrop uses shared design tokens, and the profile selector keeps existing component behavior while only adjusting Tailwind sizing classes.

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud