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
• move profile menu to the right to avoid overlapping the sidebar
• prevent chat input controls from overlapping by allowing them to wrap on small screens

Testing

• cd frontend/chat-ui && npm test

---

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".

[chatgpt-codex-connector]

Codex Review: Here are some suggestions.

https://github.com/NTARI-OpenCoreLab/Fruitful/blob/4ff87c739dfabace4046eeef1e4c10cbce2814bb/frontend/chat-ui/src/components/ModeSelectorDemo.jsx#L588-L592
[P1] Handle deep research failures and stop progress banner

The deep research branch dispatches DEEP_START before awaiting deepResearch but relies on the lines below to dispatch DEEP_STOP. If the API call rejects (network error, 4xx/5xx), the exception propagates out of handleSubmit because the surrounding try block has no catch. In that failure path the progress banner remains stuck in the running state and the user never receives feedback. Consider catching errors, emitting an error toast, and always dispatching DEEP_STOP when the request fails.

---

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 these comments and resolve conflicts

[chatgpt-codex-connector]

Summary

• Added robust error handling around deep research requests, ensuring the progress banner always stops and an error toast alerts users when the API call fails frontend/chat-ui/src/components/ModeSelectorDemo.jsxL586-L605

Testing

• ✅ cd frontend/chat-ui && npm test

View task →