refine(frontend): refine admin pages

frontend/app/src/api/site-settings.ts

@@ -42,6 +42,7 @@ export interface PublicWebsiteSettings {
   'custom_js_button_img_src': string;
   'custom_js_logo_src': string;
   'ga_id': string | null;
+  'max_upload_file_size': number | null;
   'enable_post_verifications': boolean;
   'enable_post_verifications_for_widgets': boolean;
 }

frontend/app/src/components/data-table-remote.tsx

@@ -62,7 +62,7 @@ export function DataTableRemote<TData, TValue> ({
   defaultSorting = [],
 }: DataTableRemoteProps<TData, TValue>) {
   const [pagination, setPagination] = useState<PaginationState>(() => {
-    return { pageIndex: 0, pageSize: 10 };
+    return { pageIndex: 0, pageSize: 20 };
   });
   const [rowSelection, setRowSelection] = useState({});
   const [columnFilters, setColumnFilters] = useState<ColumnFilter[]>([]);
@@ -236,7 +236,7 @@ function getSortingSearchString (sorting: SortingState) {
   return sorting.map(({ id, desc }) => `${id}:${desc ? 'desc' : 'asc'}`).join(',');
 }
 
-const sizes = [10, 20, 50, 100];
+const sizes = [20, 50, 100];
 
 function TablePagination ({ className, limit = 4, loading, table }: { className?: string, limit?: number, loading: boolean, table: ReactTable<any> }) {
   const options = table.getPageOptions();

frontend/app/src/components/evaluations/create-evaluation-dataset-form.tsx

@@ -5,6 +5,7 @@ import { withCreateEntityForm as withCreateEntityForm } from '@/components/form/
 import { formFieldLayout } from '@/components/form/field-layout';
 import { FileInput } from '@/components/form/widgets/FileInput';
 import { zodFile } from '@/lib/zod';
+import Link from 'next/link';
 import type { ComponentProps } from 'react';
 import { z } from 'zod';
 
@@ -41,7 +42,7 @@ export function CreateEvaluationDatasetForm ({ transitioning, onCreated }: Omit<
       <field.Basic name="name" label="Name" required>
         <FormInput />
       </field.Basic>
-      <field.Basic name="upload_file" label="Upload File">
+      <field.Basic name="upload_file" label="Upload File" description={<>Evaluation dataset CSV file. See the <Link className='underline' href='/docs/evaluation#prerequisites'>documentation</Link> for the format.</>}>
         <FileInput accept={['.csv']} />
       </field.Basic>
     </FormImpl>

frontend/app/src/components/evaluations/create-evaluation-task-form.tsx

@@ -31,7 +31,7 @@ export function CreateEvaluationTaskForm ({ transitioning, onCreated }: Omit<Com
       <field.Basic name="chat_engine" label="Chat Engine">
         <ChatEngineSelect />
       </field.Basic>
-      <field.Basic name="run_size" label="Run Size">
+      <field.Basic name="run_size" label="Run Size" description="Number of evaluation dataset items to run. Default to run whole dataset.">
         <FormInput type="number" min={1} step={1} />
       </field.Basic>
     </FormImpl>

frontend/app/src/components/evaluations/evaluation-task-items-table.tsx

@@ -17,8 +17,8 @@ const helper = createColumnHelper<EvaluationTaskItem>();
 const columns = [
   helper.accessor('id', { header: 'ID', cell: mono }),
   helper.accessor('status', { header: 'Status', cell: evaluationTaskStatusCell, meta: { colSpan: context => context.row.original.status === 'error' ? 3 : 1 } }),
-  helper.accessor('factual_correctness', {
-    header: 'factual_correctness',
+  helper.accessor('semantic_similarity', {
+    header: 'semantic_similarity',
     cell: context => percent(context, {
       colorStops: [
         { checkpoint: 0, color: 'hsl(var(--destructive))' },
@@ -30,8 +30,8 @@ const columns = [
     }),
     meta: { colSpan: context => context.row.original.status === 'error' ? 0 : 1 }
   }),
-  helper.accessor('semantic_similarity', {
-    header: 'semantic_similarity',
+  helper.accessor('factual_correctness', {
+    header: 'factual_correctness',
     cell: context => percent(context, {
       colorStops: [
         { checkpoint: 0, color: 'hsl(var(--destructive))' },

frontend/app/src/components/settings/WebsiteSettings.tsx

@@ -35,10 +35,16 @@ export function WebsiteSettings ({ schema }: { schema: AllSettings }) {
         <SettingsField name="social_twitter" item={schema.social_twitter} />
         <SettingsField name="social_discord" item={schema.social_discord} />
       </section>
+      <Separator />
       <section className="space-y-6">
         <h2 className="text-lg font-medium">Analytics</h2>
         <SettingsField name="ga_id" item={schema.ga_id} />
       </section>
+      <Separator />
+      <section className="space-y-6">
+        <h2 className="text-lg font-medium">Uploads</h2>
+        <SettingsField name="max_upload_file_size" item={schema.max_upload_file_size} />
+      </section>
     </div>
   );
 }