fix: assistant list UX improvements

src/containers/Assistants/AssistantDetail/ConfigEditor.tsx

@@ -342,7 +342,7 @@ export const ConfigEditor = ({
                     data-testid="saveVersionButton"
                     onClick={formik.submitForm}
                     loading={savingChanges || creating}
-                    disabled={newVersionInProgress || savingChanges || creating}
+                    disabled={newVersionInProgress || savingChanges || creating || !hasUnsavedChanges}
                   >
                     {t('Save')}
                   </Button>
@@ -374,11 +374,6 @@ export const ConfigEditor = ({
                 <Field key={field.name} {...field} />
               </div>
             ))}
-            {!createMode && (
-              <span className={styles.NoEvals} data-testid="noEvalsLink">
-                {t('No evals run. Start New Eval >')}
-              </span>
-            )}
           </div>
         </form>
 

src/containers/Assistants/AssistantList/AssistantList.module.css

@@ -26,11 +26,27 @@
   color: #1f2937;
 }
 
+.DisplayIdRow {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
 .DisplayId {
   font-size: 0.75rem;
   color: #6b7280;
 }
 
+.CopyButton {
+  padding: 2px !important;
+  color: #6b7280;
+
+  svg {
+    width: 12px;
+    height: 12px;
+  }
+}
+
 .VersionBadge {
   color: #374151;
 }

src/containers/Assistants/AssistantList/AssistantList.tsx

@@ -5,9 +5,13 @@ import { useMutation } from '@apollo/client';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 
+import { IconButton, Tooltip } from '@mui/material';
+
 import EditIcon from 'assets/images/icons/Edit.svg?react';
 import CopyIcon from 'assets/images/icons/Settings/Copy.svg?react';
 
+import { copyToClipboard } from 'common/utils';
+
 import { FILTER_ASSISTANTS, GET_ASSISTANTS_COUNT } from 'graphql/queries/Assistant';
 import { CLONE_ASSISTANT, DELETE_ASSISTANT } from 'graphql/mutations/Assistant';
 import { List } from 'containers/List/List';
@@ -22,7 +26,22 @@ dayjs.extend(relativeTime);
 const getAssistantName = (name: string, assistantDisplayId: string) => (
   <div className={styles.NameCell}>
     <span className={styles.Name}>{name}</span>
-    <span className={styles.DisplayId}>{assistantDisplayId}</span>
+    <span className={styles.DisplayIdRow}>
+      <Tooltip title="Copy assistant ID" placement="top">
+        <IconButton
+          size="small"
+          className={styles.CopyButton}
+          onClick={(e) => {
+            e.stopPropagation();
+            copyToClipboard(assistantDisplayId);
+          }}
+          data-testid="copyAssistantId"
+        >
+          <CopyIcon />
+        </IconButton>
+      </Tooltip>
+      <span className={styles.DisplayId}>{assistantDisplayId}</span>
+    </span>
   </div>
 );
 
@@ -104,7 +123,7 @@ export const AssistantList = () => {
   const columnNames = [
     { name: 'name', label: t('Assistant Name') },
     { label: t('Live Version') },
-    { label: t('Last Updated') },
+    { name: 'updated_at', label: t('Last Updated'), sort: true, order: 'desc' },
     { label: t('Actions') },
   ];
 
@@ -140,14 +159,16 @@ export const AssistantList = () => {
         dialogMessage={t("You won't be able to use this assistant.")}
         {...queries}
         {...columnAttributes}
-        searchParameter={['name']}
+        searchParameter={['name', 'assistantId']}
         additionalAction={additionalAction}
         button={{
           show: true,
           label: t('Create New Assistant'),
           action: () => navigate('/assistants/add'),
         }}
         editSupport={false}
+        deleteModifier={{ variables: (id: string) => ({ deleteAssistantId: id }) }}
+        sortConfig={{ sortBy: 'updated_at', sortOrder: 'desc' }}
       />
 
       {cloneDialogOpen && selectedAssistant && (

src/containers/Assistants/AssistantOptions/AssistantOptions.tsx

@@ -665,7 +665,6 @@ export const AssistantOptions = ({
             <div className={styles.VectorContent}>
               <DatabaseIcon />
               <div>
-                <p>{formikValues.knowledgeBaseName}</p>
                 <span>{vectorStoreId}</span>
               </div>
             </div>

src/containers/Assistants/Assistants.test.tsx

@@ -65,7 +65,7 @@ test('it renders the list properly and switches between items', async () => {
   expect(screen.getByText('Loading...')).toBeInTheDocument();
 
   await waitFor(() => {
-    expect(screen.getByText('VectorStore-77ae3597')).toBeInTheDocument();
+    expect(screen.getByText('vs_abc123')).toBeInTheDocument();
   });
 });
 

src/mocks/Assistants.ts

@@ -554,7 +554,7 @@ export const updateAssistantErrorMock = {
 export const filterAssistantsMock = {
   request: {
     query: FILTER_ASSISTANTS,
-    variables: { filter: {}, opts: { limit: 50, offset: 0, order: 'ASC', orderWith: 'name' } },
+    variables: { filter: {}, opts: { limit: 50, offset: 0, order: 'DESC', orderWith: 'updated_at' } },
   },
   result: {
     data: {