feat: Add Modes

[hayescode]

Adds modes to the chat interface. It functions kinda like commands do.

Docs added here: Chainlit/docs#274

Users will need to add a new column modes to the steps table like they did for commands. Here's the SQL command for postgresql.

ALTER TABLE steps ADD COLUMN IF NOT EXISTS modes JSONB;

[cubic-dev-ai]

4 issues found across 19 files

Prompt for AI agents (all 4 issues)

Check if these issues are valid — if so, understand the root cause of each and fix them.


<file name="cypress/e2e/llm_picker/spec.cy.ts">

<violation number="1" location="cypress/e2e/llm_picker/spec.cy.ts:104">
P2: Test name contradicts its implementation. The test claims to verify the picker is NOT displayed when no LLMs are available, but actually asserts that it DOES exist. Consider either renaming the test to match what it actually tests, or skip/remove it until a proper test fixture without LLMs is available.</violation>
</file>

<file name="cypress/e2e/llm_picker/main.py">

<violation number="1" location="cypress/e2e/llm_picker/main.py:39">
P2: Using `\\n` produces literal backslash-n characters instead of actual newlines. If you want actual line breaks in the message output, use `\n` instead.</violation>
</file>

<file name="libs/react-client/src/useConfig.ts">

<violation number="1" location="libs/react-client/src/useConfig.ts:32">
P2: When `data.llms` is falsy (undefined or null), the LLMs state is not cleared, potentially leaving stale LLM data from a previous chat profile. Consider always updating the state to ensure consistency when switching profiles.</violation>
</file>

<file name="frontend/src/components/chat/MessageComposer/index.tsx">

<violation number="1" location="frontend/src/components/chat/MessageComposer/index.tsx:127">
P1: Missing `selectedLLM` in `useCallback` dependency array causes stale closure. The `selectedLLM?.id` is used inside `onSubmit` but `selectedLLM` isn&#39;t listed as a dependency, so changing the LLM selection won&#39;t update the callback, and messages will be sent with the wrong LLM.</violation>
</file>

_{Reply to cubic to teach it or ask questions. Re-run a review with @cubic-dev-ai review this PR}

[hayescode]

I've decided to refactor this to enable multiple dropdown pickers, so we can have things like "approach" (Plan, Chat, Design) and "effort" (high/medium/low), in addition to LLMs. That way this will be more flexible for developers needs. I also want to add image support instead of limiting to lucide icons. Converting this to a draft for now.

[cubic-dev-ai]

No issues found across 18 files

[hayescode]

I have completed the updates. This is ready now.