---
sourceDocument: Xanadu Customer Service Management
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/xanadu/customer-service-management

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu Customer Service Management

ft:clusterId :

    - csm

bundleId :

    - csm

workflow :

    - Customer and Industry


---

# Front-line case page

# Front-line case page {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 12 minutes to read

The front-line case page provides a simplified case view that enables front-line agents to quickly gather context, categorize cases, and provide prompt responses to customers.
The Front-line case page focuses on the essential functionality that front-line or tier 1 agents need:

* Looking up and verifying customer information
* Scanning the activity stream
* Viewing related information
* Searching for knowledge articles
{#csm-front-line-case-page__ul_ryd_t5v_q1c}

The Front-line case page is included with the CSM Configurable Workspace application.  
Figure 1. Front-line case page

## Front-line case page variant {#csm-front-line-case-page__section_c1j_ntr_m1c}

The Front-line case page variant is included with the CSM Configurable Workspace application. This variant includes the following settings.  
{#csm-front-line-case-page__table_zqv_lvv_q1c__entry__2}

| Setting | Description |
|-|-|
| Active | Enabling the Active check box makes the page variant available to the selected audience. The Front-line case page variant is active for new and upgrade customers. The active setting combined with the page order determines the page that CSM Configurable Workspace uses to display record information. For more information, see [Set record page order](https://servicenow-prod.fluidtopics.net/LGGOhBrsIJ~WE1qtGSWH8g "Set the order number of a record page and activate the record page to determine the default page for displaying records in CSM Configurable Workspace."). |
| Order | Each record page has an order which indicates the page priority. The lower the number, the higher the priority. The default order for the Front-line case page variant is 1000. |
| Conditions | Conditions determine when a page variant is displayed. The Front-line case page has the following condition: table=sn_customerservice_case This condition limits the use of the Front-line case page variant to records from the Case \[sn_customerservice_case\] table and tables that extend the Case table. |
| Audience | The audience determines who can see the page variant. The Front-line case page has the following audience: CSM - Front-line Agent This audience includes the sn_cwf_wrkspc.frontline_agent role. For more information, see [Learn about audiences](https://www.servicenow.com/docs/access?context=add-audiences&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US). |
[Table 1. Front-line case page variant settings]

{#csm-front-line-case-page__table_zqv_lvv_q1c}  
To access the settings for this page variant:

1. Navigate to AllNow Experience FrameworkUI Builder.
2. Select the CSM/FSM Configurable Workspace experience.
3. In the Record section of the Pages and variants list, select Front-line case page.
4. Select Settings at the top of the page.
{#csm-front-line-case-page__ol_b14_bjh_s1c}

## Roles {#csm-front-line-case-page__section_hcx_wbx_q1c}

The CSM Configurable Workspace application includes the following role: Front-line agent role (sn_cwf_wrkspc.frontline_agent)

Agents with this role have access to the Front-line case page in CSM Configurable Workspace.  
The Front-line case page variant includes the CSM - Front-line Agent audience, which includes the sn_cwf_wrkspc.frontline_agent role.  
Note:  
The system administrator should ensure that the page is active and has the lowest order to make it the default page.

## Front-line case page components {#csm-front-line-case-page__section_btd_2vv_q1c}

The Front-line case page includes the following components.{#csm-front-line-case-page__table_pk2_g1w_q1c__entry__2}

| Component | Description |
|-|-|
| Form heading | The form heading displays the case short description and also includes the action bar and record tags. |
| Record tags | Agents can create multiple tags for a record and then use the tags to group and organize records. For more information, see [Group and find records using tags in workspace](https://www.servicenow.com/docs/access?context=setting-record-tags-agent-workspace&version=xanadu&pubname=xanadu-platform-user-interface&ft:locale=en-US). |
| Action bar | The action bar contains the actions available to users while working on case records. The specific actions are determined by factors such as the user role, case state, and other attributes. * In-progress Actions: Provides a list of minimized [modeless dialogs](https://servicenow-prod.fluidtopics.net/YFYKR~Z9L3oeqWGohADpGw "Use modeless dialogs, windows that overlay the main window content, to create and post comments and work notes to the activity stream and to compose and send emails.") and includes a badge that displays the number of items in the list. From this list, an agent can select an item to open the minimized comment, work note, or email. * Create: Create records such as work orders, incidents, and requests. * Compose: Compose comments, work notes, and emails in modeless dialogs. * Manage case: Perform case management actions such as accepting a case or requesting information. * Save: Save changes to the case record. * More Actions: Perform additional actions such as proposing a major case or reporting a knowledge gap. {#csm-front-line-case-page__ul_acv_bcv_51c} |
| Contact lookup | Agents can use the contact lookup component to do the following: * Search for a contact. * Link or unlink a contact. * Edit and save a linked contact record. * Select a reference field on a lookup card, such as a contact name, to open the reference in a sub-tab. * Select an email address on a lookup card to open a draft email in the email composer in a sub-tab. * Select a phone number on a lookup card to make a call. {#csm-front-line-case-page__ul_ny1_ybw_q1c} The contact lookup component displays information in record cards. These cards display contact information and provide quick access to customer details such name, email, and phone. For more information, see the [Contact lookup component](https://servicenow-prod.fluidtopics.net/8~BAtxMmegfC6~hDPIt_eg#csm-front-line-case-page__section_dnl_3f4_s1c) section below. |
| Case details | The case details component includes collapsible sections for: * Case * Notes * Closure Information * Related Records {#csm-front-line-case-page__ul_ugg_ccw_q1c} This component also includes a menu with additional form actions, such as personalizing the form, exporting data, and copying the URL. |
| Case summarization | The case summarization component appears above the activity stream. When an agent opens a case record, the component is collapsed and in the default state. Agents can use this component to do the following: * Summarize case details. * Post the summary to the activity stream. * Refresh the summary. {#csm-front-line-case-page__ul_sr2_zvh_v1c} The case summarization component requires the Now Assist for Customer Service Management (CSM) application to be activated and configured. For more information, see the [Case summarization component](https://servicenow-prod.fluidtopics.net/8~BAtxMmegfC6~hDPIt_eg#csm-front-line-case-page__section_ots_wnh_s1c) section below. |
| Activity stream | The activity stream component displays a list of activities occurring on a case record. This list can be collapsed to provide a quick view of case activities or expanded to provide more detail about individual activities. For more information, see the [Activity stream component](https://servicenow-prod.fluidtopics.net/8~BAtxMmegfC6~hDPIt_eg#csm-front-line-case-page__section_ntx_lnh_s1c) section below. Note: The Front-line case page uses [modeless dialogs](https://servicenow-prod.fluidtopics.net/YFYKR~Z9L3oeqWGohADpGw "Use modeless dialogs, windows that overlay the main window content, to create and post comments and work notes to the activity stream and to compose and send emails.") for composing comments, work notes, and emails. |
| Contextual side panel | The contextual side panel component includes different tools that agents can use to research and resolve customer issues. The contextual side panel in the Front-line case page includes the following tabs. * Record information * Recommended Actions search * Attachments * Form Templates * Response Templates * Email Templates * Related Lists {#csm-front-line-case-page__ul_sfk_wcw_q1c} For more information, see the following sections: * [Contextual side panel component](https://servicenow-prod.fluidtopics.net/8~BAtxMmegfC6~hDPIt_eg#csm-front-line-case-page__section_trg_ypr_m1c) * [Related lists component](https://servicenow-prod.fluidtopics.net/8~BAtxMmegfC6~hDPIt_eg#csm-front-line-case-page__section_urr_nrh_s1c) {#csm-front-line-case-page__ul_pgv_fcr_1bc} |
[ ]

{#csm-front-line-case-page__table_pk2_g1w_q1c}

## Action bar component {#csm-front-line-case-page__section_imv_qhs_mbc}

The Front-line case page supports actions from the following Customer Service Management and CSM Configurable workspace plugins:

* Customer Service (com.sn_customerservice)
* CSM/FSM Configurable WS Foundation (com.snc.uib.cwf_workspace)
* CSM Configurable Workspace (com.snc.uib.csm_agent_workspace)
* CSM Workspace (com.snc.agent_workspace.csm
* Major Issue Management (com.sn_majorissue_mgt)
* Customer Service with Service Management (com.sn_cs_sm)
* Customer Service with Request Management plugin (com.sn_cs_sm_request)
* Time Recording for Customer Service (com.snc.csm_time_recording)
* Omni-Experience Standard Feature Set
{#csm-front-line-case-page__ul_q1p_shs_mbc}

If you are using any additional plugins, you need to add the actions from those plugins to the Front-line case page action bar. For more information, see [Configure the Front-line case page action bar](https://servicenow-prod.fluidtopics.net/i5L8jxRZdIZ~UY6OqrAxcg "Configure the action bar on the Front-line case page to include actions from other plugins.").

## Contact lookup component {#csm-front-line-case-page__section_dnl_3f4_s1c}

The contact lookup component enables agents to do the following:

* Look up a contact by name, phone number, or email address. As the agent types characters in the search box, matching information appears in record cards below the search box.
* Select a contact after searching by selecting the desired record card. The selected record card replaces the lookup component.
{#csm-front-line-case-page__ul_s1m_kg4_s1c}  
Agents can perform the following actions from a record card:

* Remove a linked contact from a case record by selecting the more actions icon and then selecting Unlink.
* Edit and save a linked contact record by selecting the pencil icon, editing the information for the contact, and selecting Save.
* Select a reference field on a lookup card to open the referenced record in a subtab.
* Select an email address on a lookup card to open to open the email composer in a subtab.
* Select a phone number on a lookup card to make a phone call.

{#csm-front-line-case-page__ul_efr_lf4_s1c}  
Note:  
The Front-line case page also includes an account lookup component. To display this component, turn off the Hide component setting for this component in UI Builder. This setting is located in the Component visibility section of the Configure tab.

## Case summarization component {#csm-front-line-case-page__section_ots_wnh_s1c}

The case summarization component provides agents with a summary of a customer service case, including the issue and the actions taken. Agents can generate summaries to understand case context and post summaries to the case work
notes.

The case summarization component appears above the activity stream on the Front-line case page variant. Upon first opening a case, the component is collapsed and in the default state.  
Using this component, agents can:

* Select Summarize to create a summary of the case details.
* Select Share to work notes to copy the summary text to the activity stream.
  * Review the summary text in the Share to work notes popup window and modify the text as needed.
  * Select Save to work notes on the popup window to add the text to the activity stream.
  {#csm-front-line-case-page__ul_pkb_v3w_s1c}
* Select the refresh icon in the component footer to refresh the text and get the latest summary.
{#csm-front-line-case-page__ul_mmt_fcw_q1c}  
Note:  
If the case does not contain enough text to summarize, the system displays the following message: "This case doesn't have the minimum number of words required for summarization yet."  
To use the case summarization component with the Front-line case page, activate the Now Assist for Customer Service Management (CSM) application and configure the case summarization skill in the Now Assist Admin console. For more information, see:

* [Activate Now Assist for Customer Service Management (CSM)](https://servicenow-prod.fluidtopics.net/GhPgWSh3hs0HiMMu7dp6KQ "Get a quick overview of the important information that is related to the Now Assist for Customer Service Management (CSM) application.")
* [Configure the case summarization skill in the Now Assist Admin console](https://servicenow-prod.fluidtopics.net/KOH_UHsxcybcN_eAy1ks2g "If you have the admin role, you can configure the Now Assist for Customer Service Management (CSM) application so that your agents can use the generative AI skills in CSM Configurable Workspace and in Core UI.").
{#csm-front-line-case-page__ul_jmt_hkv_51c}

## Activity stream component {#csm-front-line-case-page__section_ntx_lnh_s1c}

The activity stream component displays a list of the activities occurring on a case record. The activities in the list can be collapsed or expanded. When collapsed, the agent can quickly scan the list to get an overview of case
activities. When expanded, the agent can see detailed information individual activities.  
Figure 2. Front-line case page activity stream component  
The activities in the activity stream are represented by tiles that use icons and colors to indicate the activity type.

* Comment
* Work note
* Attachment
* Field change
* Email sent or email received
* Chat discussion
* Custom icon
{#csm-front-line-case-page__ul_c3b_fyh_v1c}  
When collapsed, each activity in the list includes:

* A tile that represents the activity type.
* The name of the user responsible for the activity.
* A brief one-line summary of the activity.
* A badge that indicates if an activity is internal or external.
* A relative timestamp.
* An expand button that the agent can use to see a detailed summary of the activity.
{#csm-front-line-case-page__ul_e31_b14_51c}  
When expanded, each activity also includes:

* A full date and time stamp.
* An action label that describes the type of activity.
* For comments and work notes, the full text of the comment or work note.
* For field updates, the field name and the updated field value.
* For emails, detailed message information.
* For attachments, a small preview of the attached file.
* For chats, a sidebar chat card.
{#csm-front-line-case-page__ul_o15_tb4_51c}

The activity stream uses [Modeless dialogs](https://servicenow-prod.fluidtopics.net/YFYKR~Z9L3oeqWGohADpGw "Use modeless dialogs, windows that overlay the main window content, to create and post comments and work notes to the activity stream and to compose and send emails.") for composing comments, work notes, and emails.

## Contextual side panel component {#csm-front-line-case-page__section_trg_ypr_m1c}

The Front-line case page includes the contextual side panel component, which provides agents with the following functionality.  
{#csm-front-line-case-page__table_orh_5rr_m1c__entry__2}

| Tab | Description |
|-|-|
| Record Information | The Record Information tab includes the following cards: * Overview: Displays relevant information about the case including the account and contact, the case priority, and the state. * Contact: Displays customer information including the name, title, phone numbers, and email address. * Timeline: Displays a chronological summary of case activities, including case state changes and interactions between the agent and the requester. * Active SLA: Displays active SLAs for the case, including time remaining, the SLA state, and any breaches. {#csm-front-line-case-page__ul_xtn_rz4_s1c} |
| Recommended Actions | The Recommended Actions tab includes [AI search](https://servicenow-prod.fluidtopics.net/csGtUhDlgXeYnYSvc3wNUg "Enable agents to use AI search in Recommended Actions to find relevant resources or resolutions for customer issues.") functionality. Agents can use AI search to find relevant resources or resolutions for customer issues. The search feature displays an initial set of search results based on the text in the case short description. This initial set of results includes knowledge articles. Agents can also enter different search keywords and repeat the search. From the list of search results, agents can do the following: * Select a source to see search results of that type. * Filter the list of search results. * Sort the list of search results. * Open the search results in full view in a record sub-tab. * Take the following actions: * View and attach article * Perform other actions such as reading articles in full view, flagging articles, or marking articles as helpful or unhelpful. {#csm-front-line-case-page__ul_rp1_znc_1bc} * View successful actions by selecting the Actions history icon. {#csm-front-line-case-page__ul_d4d_ymc_1bc} For more information, see [Use AI search in Recommended Actions to resolve cases](https://servicenow-prod.fluidtopics.net/BF31H8extGIGkCiLSHYdjw "As an agent, use AI search in Recommended Actions to help address customer issues and resolve cases quickly."). Note: Using Recommended Actions in the contextual side panel requires the [Recommended Actions](https://servicenow-prod.fluidtopics.net/BY0JRLW3Y9XSFN5X8zhFVQ "Use the Recommended Actions application to display relevant actions to agents based on a context of a record or enable agents to perform an AI search to find relevant resources. Agents can quickly and easily take these actions to help customers and resolve their issues.") application (sn_cs_nb_action) which is included with the CSM Configurable Workspace application. |
| Attachments | The Attachments tab provides access to case-related attachments. From this tab, agents can view and download attachments. |
| Templates | The Templates tab provides access to available form templates which enable agents to automatically populate fields on new records. Agents can manually apply a template when creating a new record such as an incident or change. |
| Response Templates | The Response Templates tab provides access to available response templates. These templates contain reusable messages that agents can copy to provide quick and consistent messages to customers. |
| Email Templates | The Email Templates tab provides access to available email templates. These templates contain default values for fields that agents can add to email messages. These default values can include the recipients (email addresses in the To, Cc, and Bcc fields), the sender, the subject of the email, and text to include in the message body. |
| Related Lists | The Related Lists tab provides access the case related lists. The Front-line case page incorporates related list functionality into the contextual side panel. These lists appear in an accordion format that agents can expand and collapse as needed. An indicator displays the number of records available in a related list. When expanded, the records in a related list are displayed in card format. For more information, see the [Related lists component](https://servicenow-prod.fluidtopics.net/8~BAtxMmegfC6~hDPIt_eg#csm-front-line-case-page__section_urr_nrh_s1c) section below. |
[Table 2. Front-line case page tabs in the contextual side panel]

{#csm-front-line-case-page__table_orh_5rr_m1c}

## Related lists component {#csm-front-line-case-page__section_urr_nrh_s1c}

The related lists component provides access to the case related lists. This component uses an expandable accordion format. Agents can expand the desired lists to see the related items. This component also displays an icon with
the number of items in a list.  
Figure 3. Front-line case page related lists component  
Related lists include the following actions:

* Create: opens a blank record in a sub tab that the agent can use to create a new item.
* View all: opens a list of records in a sub tab.
* Show more: is displayed for lists that have more than five items.
{#csm-front-line-case-page__ul_cvf_rxr_m1c}  
The items in an expanded list are displayed as cards. An expanded list shows one card for each item in the list.

* Agents can open an item in a sub-tab.
* If a list has more than five items, it includes a Show more option.
{#csm-front-line-case-page__ul_j1x_fmb_v1c}

## Requesting information from customers {#csm-front-line-case-page__section_m15_qmf_w1c}

The Front-line case page includes a Request Info UI action that agents can use to request information from customers. This action provides agents with the option to send a comment to the customer when requesting information.  
Note:  
The Request Info UI action is available to users with the sn_cwf_wrkspc.frontline_agent role and for cases in the Open state.

The Request Info UI action on the Front-line case page behaves differently than the same action on the CSM default record page. On the Front-line case page, this action moves a case to the Awaiting Info
state but does not require the agent to add a comment.  
To request information:

1. Select Manage Case in the action bar.
2. Select Request Info.
{#csm-front-line-case-page__ol_bss_dpf_w1c}

The system sets the case State field to Awaiting Info and displays the following message to the agent: Send a comment to request info if you haven't already. The case is awaiting info.

If the agent has not sent a comment, they can select ComposeCompose Comments and use the Compose Activity modeless dialog to create and post a comment.

If the agent has already composed a comment and then selects Request Info, the system saves the record and automatically posts the comment to the activity stream.

*[\>]: and then