# Component List & View Credits

## Component List

On the "**Workflow Builder**" page, when setting up Automation, App, or AI Chatbot (Mode = Advanced)

To add a new node:

**Step 1**: Click the **"+" button**.&#x20;

<figure><img src="https://3864624312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRdo1pkMnofwxf3lpWftw%2Fuploads%2FLuRKuVqfxUfG3Am070D6%2Fimage.png?alt=media&#x26;token=a51f0b0b-0a14-491e-8f1e-34db8b2e6807" alt=""><figcaption></figcaption></figure>

**Step 2**: The system will display the **"Component List" popup**, from which the user can select the desired node to add.

<figure><img src="https://3864624312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRdo1pkMnofwxf3lpWftw%2Fuploads%2FT1KWpInloMNefzHWH1Bj%2Fimage.png?alt=media&#x26;token=faead78d-6309-4af2-b38b-147483e07837" alt=""><figcaption></figcaption></figure>

**Step 3**: The Node will display in the workflow

<figure><img src="https://3864624312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRdo1pkMnofwxf3lpWftw%2Fuploads%2FWFGxsZNTAGZsO8s38Qdd%2Fimage.png?alt=media&#x26;token=92b3b1a3-10a5-4ff5-9318-11eabe499f94" alt=""><figcaption></figcaption></figure>

## Credits

### A - Nodes that Consume Credits

On the **"Component List" popup**, for nodes that consume credits in Diaflow, a credit indicator will be displayed.

<figure><img src="https://3864624312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRdo1pkMnofwxf3lpWftw%2Fuploads%2FHzg5zUbY4ycnQDIsbS8L%2Fimage.png?alt=media&#x26;token=e00537c7-9fc5-43db-a086-bc359d42d762" alt=""><figcaption></figcaption></figure>

**Common credit units include:**

<table><thead><tr><th width="117">Unit Type</th><th width="151">Apply for</th><th width="196">Credit Calculation Formula	</th><th>Note</th><th>Example</th></tr></thead><tbody><tr><td><strong>Token</strong></td><td>Applied to AI/LLM nodes that generate text output.</td><td>When the node runs → credit burn = (Input credits  × Input tokens) + (Output credits  × Output tokens)</td><td>Round credits using the rule:<br>– Round to nearest integer<br>– Minimum = 1 credit</td><td><ol><li>Input credits = 2 credits</li><li>Output credits = 10 credits</li><li>Input token = 100 tokens</li><li>Output token = 150 tokens</li></ol><p></p><p>-> Burn = 2×100 + 10×150 = 1.700 credits</p></td></tr><tr><td><strong>Character</strong></td><td>Applied to AI/LLM nodes that generate text output</td><td>When the node runs → credit burn = Output Credits × Number of characters</td><td>Round credits using the rule:<br>– Round to nearest integer<br>– Minimum = 1 credit</td><td><ol><li>Output Credits = 10 credits</li><li>Text = 40 character</li></ol><p>-> Burn = 400 credits</p></td></tr><tr><td><strong>Image</strong></td><td>Applied to AI/LLM nodes that generate images.</td><td>When the node runs → credit burn = Output Credits × Number of images</td><td></td><td><ol><li>Output Credits = 10 credits</li><li>Node generates: 2 images</li></ol><p>-> Burn = 20 credits</p></td></tr><tr><td><strong>Second</strong></td><td>Applied to AI nodes that process tasks measured in time (per second)</td><td>When the node runs → credit burn = Output Credits × Duration (seconds)</td><td>Round credits using the rule:<br>– Round to nearest integer<br>– Minimum = 1 credit</td><td><ol><li>Output Credits = 6 credits</li><li>Node runs for 20 seconds</li></ol><p>->  Burn = 120 credits</p></td></tr><tr><td><strong>Request</strong></td><td>Applied to nodes in the <strong>"Apps"</strong> category.</td><td>When the node runs → credit burn = Output credit</td><td></td><td><ol><li>Output (Admin) = 3 credits</li><li>User runs node once</li></ol><p>→ Burn = 3 credits</p></td></tr></tbody></table>

### B - Nodes that Do Not Consume Credits

On the **"Component List" popup**, nodes that **do not consume any credits** will also have a clear indicator showing they are free to use.

<figure><img src="https://3864624312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRdo1pkMnofwxf3lpWftw%2Fuploads%2Fz7SuLYVVLe4TD4ovoUKb%2Fimage.png?alt=media&#x26;token=73ba724c-48d4-4917-a174-967b2598e674" alt=""><figcaption></figcaption></figure>
