Tags Management

Overview

The Tags section is a dedicated, standalone management portal in the Ark Platform. It allows you to create, monitor, and delete classification labels used to organize customer conversations, CRM profiles, and support tickets. The workspace features a centralized data table and a modal interface for registering new tags.

Interface Layout Breakdown

1. Action Controls

• Add Button: Located in the upper-right corner of the workspace. Clicking this button triggers the tag creation modal.

2. Tags Data Table

Organizes your tag taxonomy across five distinct tracking columns:

• ID (المعرف): The unique systemic database reference index.
• Tag Name (اسم العلامة): The literal string value of the classification label.
• Creation Date (تاريخ الإنشاء): The exact timestamp when the tag was first saved.
• Created By (أُنشئت بواسطة): Identifies the operator or system process that registered the tag.
• Action (الإجراء): Houses contextual administration tools to edit or delete specific tag rows.

Default Workspace State: If no tags have been registered to your workspace yet, the main table displays a centered "No Data" informational placeholder.

3. Pagination Controls

Located at the bottom of the data table to manage large lists of tags:

• Rows per page: A dropdown selector to control how many tags display on a single screen (e.g., 5, 10, 25 rows).
• Navigation Arrows: Controls to page forward and backward through your tag index (e.g., showing progress as 0-0 of 0).

Creating a New Tag

Clicking the Add button opens the "Create a new tag" dialog overlay, which requires the following fields:

• Tag: A text entry input field to specify your new label name.
• Create: A green confirmation button that registers the tag and pushes it live to your workspace lists.
• Cancel: A button to safely close the modal and discard any unsaved input.

<!-- Structural representation of the Create Tag Modal -->
<div class="modal">
  <h3>Create a new tag</h3>
  <input type="text" placeholder="Enter tag name..." name="tag" />
  <div class="modal-actions">
    <button class="btn-cancel">Cancel</button>
    <button class="btn-create-green">Create</button>
  </div>
</div>