support update chat engine

src/app/(main)/(admin)/settings/chat-engines/page.client.tsx

@@ -5,6 +5,7 @@ import { metadataCell } from '@/components/cells/metadata';
 import { DataTableHeading } from '@/components/data-table-heading';
 import { DataTableRemote } from '@/components/data-table-remote';
 import { CreateChatEngineDialog } from '@/components/dialogs/create-chat-engine-dialog';
+import { UpdateChatEngineDialog } from '@/components/dialogs/update-chat-engine-dialog';
 import type { ChatEngine } from '@/core/repositories/chat_engine';
 import type { Document } from '@/core/repositories/document';
 import type { CellContext, ColumnDef } from '@tanstack/react-table';
@@ -21,6 +22,14 @@ const columns = [
   helper.accessor('engine', { cell: mono }),
   helper.accessor('engine_options', { cell: metadataCell }),
   helper.accessor('is_default', { cell: (ctx) => ctx.getValue() ? 'Yes' : '' }),
+  helper.display({
+    header: 'Operations',
+    cell: (ctx) => (
+      <>
+        <UpdateChatEngineDialog id={ctx.row.original.id} defaultValues={ctx.row.original} />
+      </>
+    ),
+  }),
 ] as ColumnDef<Document>[];
 
 export default function PageClient ({ ...props }: ComponentProps<typeof CreateChatEngineDialog>) {

src/client/operations/chat_engines.ts

@@ -17,3 +17,13 @@ export const createChatEngine = withToast(
     }).then(handleErrors);
   },
 );
+
+export const updateChatEngine = withToast(
+  async (id: number, data: CreateChatEngineFormValues) => {
+    await fetch(`/api/v1/chat_engines/${id}`, {
+      method: 'put',
+      body: JSON.stringify(data),
+      headers: {},
+    }).then(handleErrors);
+  },
+);

src/components/dialogs/update-chat-engine-dialog.tsx

@@ -0,0 +1,24 @@
+import { type CreateChatEngineFormValues, updateChatEngine } from '@/client/operations/chat_engines';
+import { ChatEngineFields } from '@/components/dialogs/create-chat-engine-dialog';
+import { ImportDialog } from '@/components/dialogs/import-dialog';
+import { Button } from '@/components/ui/button';
+
+export function UpdateChatEngineDialog ({
+  id,
+  defaultValues,
+}: {
+  id: number,
+  defaultValues: CreateChatEngineFormValues
+}) {
+  return (
+    <ImportDialog
+      trigger={<Button className="gap-1" size="sm" variant="secondary">Update</Button>}
+      title="Update Chat Engine Options"
+      submitTitle="Update"
+      onSubmit={data => updateChatEngine(id, data)}
+      defaultValues={defaultValues}
+    >
+      <ChatEngineFields />
+    </ImportDialog>
+  );
+}