> ## Documentation Index
> Fetch the complete documentation index at: https://docs.jiekou.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Chat Mode

“Chat Mode” is a way provided by Cloud Code to collaborate with Claude Code on tasks. In “Chat Mode,” you can work with Claude Code through the chat box to complete tasks.

## Start a Conversation

<Steps>
  <Step title="Select a Project">
    Make sure a project is selected and that the project status is **“running”**
  </Step>

  <Step title="Enter Your Request">
    Open a [session](/en/docs/cc/session), then enter your request in the input box at the bottom of the chat panel on the right
  </Step>

  <Step title="Send the Message">
    Press **Enter** or click the **Send button**
  </Step>
</Steps>

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/jiekou/en/docs/cc/assets/chat-mode-start-conversation.png" alt="Start a conversation in Chat Mode" />
</Frame>

## Select a Model

Click the model selector above the input box to switch between different models. Currently, all large language models provided by Interface AI that are [compatible with the Anthropic API](/en/docs/model/llm-anthropic-compatibility) are supported.

<Frame>
  <img width="300" src="https://mintlify.s3.us-west-1.amazonaws.com/jiekou/en/docs/cc/assets/chat-mode-choose-model.png" alt="Select a model in Chat Mode" />
</Frame>

## Permission Modes

Cloud Code provides three permission modes that control how Claude Code performs operations:

<AccordionGroup>
  <Accordion title="Accept Edits" icon="check">
    Claude Code requires your confirmation before modifying files. Suitable for scenarios where cautious operation is needed.

    **Features:**

    * Manual approval is required for every file modification
    * You can preview changes before deciding
    * Suitable for important projects or for learning Claude Code’s behavior
  </Accordion>

  <Accordion title="Full Auto" icon="robot">
    Claude Code can automatically perform all operations. Suitable when you trust the AI to complete tasks independently.

    **Features:**

    * No manual confirmation required; Claude Code executes directly
    * Provides the highest development efficiency
    * Suitable for rapid prototyping and for use after becoming familiar with Claude Code
  </Accordion>

  <Accordion title="Plan Mode" icon="list-check">
    Claude Code first creates a plan and waits for your approval before executing it. Suitable for step-by-step execution of complex tasks.

    **Features:**

    * Claude Code first analyzes the task and creates an execution plan
    * You can review and modify the plan
    * After approval, it executes step by step according to the plan
    * Suitable for developing large features
  </Accordion>
</AccordionGroup>

## Upload Files

You can upload files for Claude to analyze:

<Columns cols={2}>
  <Card title="Click to Upload" icon="paperclip">
    Click the attachment icon next to the input box to select a file
  </Card>

  <Card title="Drag and Drop to Upload" icon="upload">
    Drag files directly into the input box area
  </Card>
</Columns>

**Supported file types:**

* Code files (.py, .js, .ts, .html, .css, etc.)
* Text files (.txt, .md, .json, etc.)
* Image files (.png, .jpg, .gif, etc.)

<Info>
  Claude Code can analyze and understand uploaded content, including code logic and image content.
</Info>

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/jiekou/en/docs/cc/assets/cc-click-upload-file.png" alt="Click to upload a file" />
</Frame>

## View Tool Calls

When Claude Code performs operations, you can view detailed tool call information:

* <Icon icon="wrench" /> **Tool name** (such as `edit_file`, `bash`)
* <Icon icon="code" /> **Input parameters**
* <Icon icon="check" /> **Execution result**
* <Icon icon="clock" /> **Execution time**

Click a tool call to expand/collapse the details.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/jiekou/en/docs/cc/assets/cc-tool-call-details.png" alt="View tool calls" />
</Frame>

### Tools Available to Claude Code

Claude Code can use the following tools in Cloud Code:

| Tool         | Description                |
| ------------ | -------------------------- |
| `read_file`  | Read file content          |
| `write_file` | Create or overwrite a file |
| `edit_file`  | Edit an existing file      |
| `bash`       | Execute terminal commands  |
| `glob`       | Search for files           |
| `grep`       | Search file content        |

## Control Responses

### Stop a Response

There are two ways to stop Claude Code’s response:

* Click the **Stop** button next to the input box
* Press the `Esc` key

<Info>
  Claude Code will stop generating as soon as possible, but operations that have already been executed will not be rolled back.
</Info>

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/jiekou/en/docs/cc/assets/cc-session-stop-task.png" alt="Stop a response" />
</Frame>

### Regenerate

If you are not satisfied with Claude Code’s response, you can:

1. Edit your message and send it again
2. Provide more detailed instructions and ask Claude Code to try again
3. Create a new session and start from scratch

## Best Practices

### Effective Prompts

<Columns cols={2}>
  <Card title="Be Clear and Specific" icon="bullseye">
    Clearly describe the functionality and expected behavior you want
  </Card>

  <Card title="Provide Context" icon="info">
    Tell Claude Code about the project background and tech stack
  </Card>

  <Card title="Request Step by Step" icon="list-ol">
    Break complex tasks into smaller steps and complete them one by one
  </Card>

  <Card title="Iterate with Feedback" icon="rotate">
    Provide feedback based on the results so Claude Code can improve
  </Card>
</Columns>

### Example: Effective vs. Ineffective Prompts

| Ineffective Prompt   | Effective Prompt                                                                                         |
| -------------------- | -------------------------------------------------------------------------------------------------------- |
| "Help me write code" | "Create a Python function that accepts a username and age, and returns a formatted welcome message"      |
| "Fix the bug"        | "A TypeError occurs on line 42 of login.py. Please analyze the cause and fix it"                         |
| "Optimize this"      | "This function is slow when processing large arrays. Please optimize it with a more efficient algorithm" |

## Related Documentation

<Columns cols={2}>
  <Card title="Session Management" icon="message" href="/en/docs/cc/session">
    Manage session information in a project
  </Card>

  <Card title="File Management" icon="folder" href="/en/docs/cc/files">
    Manage files in a project
  </Card>
</Columns>
