feat: add chat demo with backend wiring and profile menu fix

[csecrestjr]

Summary

• add ModeSelectorDemo component demonstrating chat modes, file attachments, and mock connectors
• wire demo to backend deep-research, image-generation, and connector endpoints
• relocate the profile menu into the top toolbar so it no longer overlays sidebar controls or chat inputs
• prevent chat input controls from overlapping by allowing them to wrap on small screens

Testing

• cd frontend/chat-ui && npm test -- --watch=false

---

https://chatgpt.com/codex/tasks/task_e_68c5eefe68e88321955ecb8e0fe57776

[chatgpt-codex-connector]

Codex Review: Here are some suggestions.

Reply with @codex fix comments to fix any unresolved comments.

About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you open a pull request for review, mark a draft as ready, or comment "@codex review". If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex fix this CI failure" or "@codex address that feedback".

[csecrestjr]

@codex Fix This branch has conflicts that must be resolved (https://github.com/NTARI-OpenCoreLab/Fruitful/pull/119/conflicts)

frontend/chat-ui/src/components/ModeSelectorDemo.jsx
frontend/chat-ui/src/components/ProfileMenu.jsx

[chatgpt-codex-connector]

Summary

• Ensured the deep research flow always clears its progress banner by wrapping the request in a nested try/catch/finally that logs failures and surfaces an error toast to the user. frontend/chat-ui/src/components/ModeSelectorDemo.jsxL566-L629
• Updated the profile menu to anchor within its container, close on outside interactions, and display theme and memory statuses alongside the existing actions. frontend/chat-ui/src/components/ProfileMenu.jsxL1-L91

Testing

• ✅ npm test -- --watch=false

View task →