# BuildRunKit Invoices: Clients Sub-Section

## **BuildRunKit Invoices: Clients Sub-Section**

[![Screenshot 2026-09-15 121913.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-121913.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-121913.png)

The **Clients** sub-section provides central directory management for client profiles, contact information, associated companies, and billing accounts.

#### **Client Summary Metrics**

Top KPI cards display key directory breakdown totals:

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-total-contacts%3A-trac"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Total Contacts**: Tracks the overall number of registered client profiles (e.g., `10`).
- **With Email**: Displays total count of client profiles with attached email addresses (e.g., `10`).
- **With Company**: Highlights client profiles linked to specific company records (e.g., `10`).

</div></div>#### **Directory Controls &amp; Search Bar**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-search-clients...%3A-g"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Search clients...**: Global filter input for locating clients by name, company, email, or details.
- **View Switcher**: Toggle viewing modes between **Table** (list layout) and **Grid** (card layout).

</div></div>#### **Clients Table Data Columns**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-name%3A-primary-contac"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Name**: Primary contact name and title/role.
- **Company**: Associated organization or business entity (e.g., *Summit Logistics*, *Creative Spark Agency*).
- **Email**: Primary contact email address.
- **Phone**: Contact phone number (e.g., *5555678901*, *5557890123*).
- **Created At**: Date when the client profile was created (e.g., *May 12, 2026*).

</div></div>#### **Row Actions Menu (`...`)**

Clicking the three dots icon on any client row displays quick record management actions:

- **View**: Opens full client profile and details.
- **Edit**: Opens the setup editor to update contact information or company assignment.
- **See / Edit Statement**: Opens the billing statement management interface for the client.
- **Delete**: Removes the client profile from the directory.

#### **Header &amp; Action Buttons**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-%2B-new-client%3A-direct"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **+ New Client**: Direct action button to open the client creation modal.
- **Generate Report**: Opens the **Invoice Clients Report** export modal:
    
    
    - **Export Count**: Displays total targeted client records (e.g., *Exporting 10 records*).
    - **Export Format Options**: Allows instant downloads via **Export as PDF** or **Export as CSV**.

</div></div>[![Screenshot 2026-09-15 121035.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-121035.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-121035.png)

### **BuildRunKit Invoices: Creating a New Client**

**[![Screenshot 2026-09-15 121430.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-121430.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-121430.png)**

The **New Contact** modal provides a multi-tab interface for adding customer profiles to the Clients directory.

#### **Details Tab**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-first-name-%2A%3A-requir"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **First Name \***: Required field to enter the client's first name.
- **Last Name \***: Required field to enter the client's last name.
- **Email**: Text field for primary email address.
- **Company**: Dropdown menu (*Select or search company*) to assign an existing company, or click **+** to quick-add a new organization.
- **Position**: Text field to enter job title or role.
- **Website**: Text field for organization URL.
- **Owner**: Dropdown menu to assign an internal account manager (*No owner*).
- **Billing Info**: Text area for client-specific invoicing instructions or billing addresses.
- **Notes**: Text area for general internal account comments.

</div></div>#### **Contact Tab**

**[![Screenshot 2026-09-15 121452.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-121452.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-121452.png)**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-address%3A-text-area-f"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Address**: Text area for primary physical or mailing address.
- **Phone**: Numeric text field for landline contact.
- **Mobile Phone**: Numeric text field for cell phone contact.
- **Other Phone**: Numeric text field for secondary contact numbers.
- **Additional Contact Methods**: **+ Add Contact Method** button to record alternate communication channels.
- **Social &amp; External Links**: **+ Add Social / External Link** button to attach online profiles (e.g., LinkedIn, X).

</div></div>#### **Custom Fields Tab**

**[![Screenshot 2026-09-15 121522.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-121522.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-121522.png)**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-manual%3A-configured-t"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Manual**: Configured text input field generated from global Custom Field settings (e.g., *Manual*).

</div></div>#### **Tags Tab**

**[![Screenshot 2026-09-15 121545.png](https://library.buildrunkit.com/uploads/images/gallery/2026-09/scaled-1680-/screenshot-2026-09-15-121545.png)](https://library.buildrunkit.com/uploads/images/gallery/2026-09/screenshot-2026-09-15-121545.png)**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-type-a-new-tag-name."><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" inline-copy-host="">- **Type a new tag name...**: Input field with **+ Add Tag** button to create new tags on the fly.
- **Pre-set Tag Selection**: Checkbox toggles to assign color-coded client categories (*Hot Lead*, *Cold Lead*, *Customer*, *Prospect*, *Partner*, *Vendor*, *Lead*, *Investor*, *VIP*).

</div></div>#### **Header &amp; Action Buttons**

<div _ngcontent-ng-c3804843358="" class="container" id="bkmrk-close-%28x%29%3A-top-right"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" id="bkmrk-close-%28x%29%3A-top-right-1" inline-copy-host="">- **Close (`x`)**: Top-right button to exit overlay without saving.
- **Cancel**: Outline button to discard entries and close the modal.
- **Save**: Primary blue button to create the client record.

</div></div><div _ngcontent-ng-c3804843358="" class="container" id="bkmrk--6"><div _ngcontent-ng-c3047769669="" aria-busy="false" aria-live="polite" class="markdown markdown-main-panel md-content enable-luminous-fast-follows enable-updated-hr-color tutor-markdown-rendering" dir="ltr" id="bkmrk--7" inline-copy-host=""></div></div>