From 245ed5beea80add81c65edb2849e740e64e74aaa Mon Sep 17 00:00:00 2001
From: Jicheng Lu <103353@smsassist.com>
Date: Mon, 24 Nov 2025 10:00:13 -0600
Subject: [PATCH] add search name box

---
 src/lib/common/Select.svelte              | 4 ++++
 src/lib/scss/custom/pages/_agent.scss     | 2 +-
 src/routes/page/agent/+page.svelte        | 9 ++++++++-
 src/routes/page/conversation/+page.svelte | 6 +++++-
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/lib/common/Select.svelte b/src/lib/common/Select.svelte
index 10089280..f40998a6 100644
--- a/src/lib/common/Select.svelte
+++ b/src/lib/common/Select.svelte
@@ -373,6 +373,7 @@
     >
         <Input
             type="text"
+            name={'select-display-text'}
             class={`clickable ${disabled ? 'disabled' : ''}`}
             value={displayText}
             placeholder={placeholder}
@@ -392,6 +393,7 @@
                     </div>
                     <Input
                         type="text"
+                        name={'select-search-text'}
                         value={searchValue}
                         placeholder={searchPlaceholder}
                         on:input={e => changeSearchValue(e)}
@@ -411,6 +413,7 @@
                         <div class="line-align-center select-box">
                             <Input
                                 type="checkbox"
+                                name={'select-select-all'}
                                 style="pointer-events: none;"
                                 checked={selectAllChecked}
                                 readonly
@@ -448,6 +451,7 @@
                             {#if multiSelect}
                                 <Input
                                     type="checkbox"
+                                    name={`select-checkbox-${option.value}`}
                                     style="pointer-events: none;"
                                     checked={option.checked}
                                     readonly
diff --git a/src/lib/scss/custom/pages/_agent.scss b/src/lib/scss/custom/pages/_agent.scss
index 6cc4c4b1..f3b265c2 100644
--- a/src/lib/scss/custom/pages/_agent.scss
+++ b/src/lib/scss/custom/pages/_agent.scss
@@ -29,7 +29,7 @@
             gap: 8px;
 
             > * {
-                width: 100%;
+                width: 100% !important;
             }
         }
     }
diff --git a/src/routes/page/agent/+page.svelte b/src/routes/page/agent/+page.svelte
index 18b07c3d..0207d057 100644
--- a/src/routes/page/agent/+page.svelte
+++ b/src/routes/page/agent/+page.svelte
@@ -4,7 +4,7 @@
 	import { goto } from '$app/navigation';
 	import Swal from 'sweetalert2';
 	import { page } from '$app/stores';
-	import { Button, Col, Row } from '@sveltestrap/sveltestrap';
+	import { Button, Col, Input, Row } from '@sveltestrap/sveltestrap';
 	import Breadcrumb from '$lib/common/Breadcrumb.svelte';
 	import HeadTitle from '$lib/common/HeadTitle.svelte';
 	import LoadingToComplete from '$lib/common/LoadingToComplete.svelte';
@@ -281,6 +281,13 @@
 		{/if}
 	</div>
 	<div class="agent-filter">
+		<Input
+			type="text"
+			placeholder="Search by name"
+			style="width: fit-content;"
+			value={filter.similarName}
+			on:input={e => filter.similarName = e.target.value?.trim()}
+		/>
 		<Select
 			tag={'agent-label-select'}
 			placeholder={'Select labels'}
diff --git a/src/routes/page/conversation/+page.svelte b/src/routes/page/conversation/+page.svelte
index 2b82852f..b9489333 100644
--- a/src/routes/page/conversation/+page.svelte
+++ b/src/routes/page/conversation/+page.svelte
@@ -20,10 +20,14 @@
 	import LoadingToComplete from '$lib/common/LoadingToComplete.svelte';
 	import Select from '$lib/common/Select.svelte';
 	import { getAgentOptions } from '$lib/services/agent-service';
-	import { getConversations, deleteConversation, getConversationStateSearchKeys } from '$lib/services/conversation-service.js';
 	import { utcToLocal } from '$lib/helpers/datetime';
 	import { ConversationChannel, TimeRange } from '$lib/helpers/enums';
 	import { TIME_RANGE_OPTIONS } from '$lib/helpers/constants';
+	import {
+		getConversations,
+		deleteConversation,
+		getConversationStateSearchKeys
+	} from '$lib/services/conversation-service.js';
 	import {
 		getPagingQueryParams,
 		setUrlQueryParams,