From 3e6c5a1821dea7eb0f1da90db852d17eef175ffb Mon Sep 17 00:00:00 2001
From: feiloo <105425286+feiloo@users.noreply.github.com>
Date: Fri, 20 Jun 2025 19:34:23 +0200
Subject: [PATCH 1/6] add initial export of Dexie/llamacpp webui

---
 .../webui/src/components/SettingDialog.tsx    | 20 +++++++++++++++++++
 tools/server/webui/src/utils/storage.ts       |  6 ++++++
 2 files changed, 26 insertions(+)

diff --git a/tools/server/webui/src/components/SettingDialog.tsx b/tools/server/webui/src/components/SettingDialog.tsx
index 45a8d73b00592..37515352a0b6f 100644
--- a/tools/server/webui/src/components/SettingDialog.tsx
+++ b/tools/server/webui/src/components/SettingDialog.tsx
@@ -197,6 +197,26 @@ const SETTING_SECTIONS: SettingSection[] = [
           );
         },
       },
+      {
+        type: SettingInputType.CUSTOM,
+        key: 'custom', // dummy key, won't be used
+        component: () => {
+          const eexportDB = async () => {
+            const blob = await StorageUtils.export();
+            const a = document.createElement('a');
+            document.body.appendChild(a);
+            a.href = URL.createObjectURL(blob);
+            document.body.appendChild(a);
+            a.download = `aa_dump.json`;
+            a.click();
+          };
+          return (
+            <button className="btn" onClick={eexportDB}>
+              export database
+            </button>
+          );
+        },
+      },
       {
         type: SettingInputType.CHECKBOX,
         label: 'Show tokens per second',
diff --git a/tools/server/webui/src/utils/storage.ts b/tools/server/webui/src/utils/storage.ts
index 505693e9272ac..208cae51d7dd9 100644
--- a/tools/server/webui/src/utils/storage.ts
+++ b/tools/server/webui/src/utils/storage.ts
@@ -4,6 +4,7 @@
 import { CONFIG_DEFAULT } from '../Config';
 import { Conversation, Message, TimingReport } from './types';
 import Dexie, { Table } from 'dexie';
+import {importDB, exportDB, importInto, peakImportFile} from "dexie-export-import";
 
 const event = new EventTarget();
 
@@ -35,6 +36,11 @@ const StorageUtils = {
   /**
    * manage conversations
    */
+  async export() {
+      return await exportDB(db);
+
+  },
+
   async getAllConversations(): Promise<Conversation[]> {
     await migrationLStoIDB().catch(console.error); // noop if already migrated
     return (await db.conversations.toArray()).sort(

From 59adef25e709b93f1d42ef5a77eb57c0de74e8e4 Mon Sep 17 00:00:00 2001
From: feiloo <105425286+feiloo@users.noreply.github.com>
Date: Mon, 23 Jun 2025 16:14:38 +0200
Subject: [PATCH 2/6] add db importing

---
 .../webui/src/components/SettingDialog.tsx    | 32 +++++++++++++++++--
 tools/server/webui/src/utils/storage.ts       | 10 +++++-
 2 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/tools/server/webui/src/components/SettingDialog.tsx b/tools/server/webui/src/components/SettingDialog.tsx
index 37515352a0b6f..8a4fbb5013efd 100644
--- a/tools/server/webui/src/components/SettingDialog.tsx
+++ b/tools/server/webui/src/components/SettingDialog.tsx
@@ -201,7 +201,7 @@ const SETTING_SECTIONS: SettingSection[] = [
         type: SettingInputType.CUSTOM,
         key: 'custom', // dummy key, won't be used
         component: () => {
-          const eexportDB = async () => {
+          const exportDB = async () => {
             const blob = await StorageUtils.export();
             const a = document.createElement('a');
             document.body.appendChild(a);
@@ -209,14 +209,42 @@ const SETTING_SECTIONS: SettingSection[] = [
             document.body.appendChild(a);
             a.download = `aa_dump.json`;
             a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
           };
           return (
-            <button className="btn" onClick={eexportDB}>
+            <button className="btn" onClick={exportDB}>
               export database
             </button>
           );
         },
       },
+      {
+        type: SettingInputType.CUSTOM,
+        key: 'custom', // dummy key, won't be used
+        component: () => {
+          const importDB = async (e) => {
+            if (e.target.files.length != 1) throw new Error(
+                "Number of selected files for DB import must be 1 but was " + e.target.files.length + ".");
+            const file = e.target.files[0];
+                try {
+                  if (!file) throw new Error("No DB found to import.");
+                  console.log("Importing DB " + file.name);
+                  await StorageUtils.importDB(file, {
+                  });
+                  console.log("Import complete");
+                } catch (error) {
+                  console.error(''+error);
+                }
+          };
+          return (
+            <div>
+              <label htmlFor="db-import" className="btn" role="button"  tabIndex={0} > reset and import database </label>
+              <input id="db-import" type="file" accept=".json" className="file-upload" onInput={importDB} hidden/>
+            </div>
+          );
+        },
+      },
       {
         type: SettingInputType.CHECKBOX,
         label: 'Show tokens per second',
diff --git a/tools/server/webui/src/utils/storage.ts b/tools/server/webui/src/utils/storage.ts
index 208cae51d7dd9..3f2ddc347b611 100644
--- a/tools/server/webui/src/utils/storage.ts
+++ b/tools/server/webui/src/utils/storage.ts
@@ -37,10 +37,18 @@ const StorageUtils = {
    * manage conversations
    */
   async export() {
-      return await exportDB(db);
+    return await exportDB(db);
 
   },
 
+  async importDB(file, callback) {
+    return db.delete().then(() => {
+      db.open().then(() => {
+        db.import(file,callback);
+      })
+    });
+  },
+
   async getAllConversations(): Promise<Conversation[]> {
     await migrationLStoIDB().catch(console.error); // noop if already migrated
     return (await db.conversations.toArray()).sort(

From 2d0f618ba11726158119bf025d1c8ca479426820 Mon Sep 17 00:00:00 2001
From: feiloo <105425286+feiloo@users.noreply.github.com>
Date: Mon, 23 Jun 2025 16:33:39 +0200
Subject: [PATCH 3/6] reload after importing DB to show all imported
 conversations

---
 tools/server/webui/src/components/SettingDialog.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/tools/server/webui/src/components/SettingDialog.tsx b/tools/server/webui/src/components/SettingDialog.tsx
index 8a4fbb5013efd..4cb54700f9fd4 100644
--- a/tools/server/webui/src/components/SettingDialog.tsx
+++ b/tools/server/webui/src/components/SettingDialog.tsx
@@ -236,6 +236,8 @@ const SETTING_SECTIONS: SettingSection[] = [
                 } catch (error) {
                   console.error(''+error);
                 }
+
+            window.location.reload();
           };
           return (
             <div>

From 8f22425f9d14a1c61d368821b6fd0401bda40021 Mon Sep 17 00:00:00 2001
From: feiloo <105425286+feiloo@users.noreply.github.com>
Date: Mon, 23 Jun 2025 18:05:48 +0200
Subject: [PATCH 4/6] fix reload asynchronicity

---
 .../webui/src/components/SettingDialog.tsx    | 54 +++++++++++++------
 tools/server/webui/src/utils/storage.ts       | 14 +++--
 2 files changed, 46 insertions(+), 22 deletions(-)

diff --git a/tools/server/webui/src/components/SettingDialog.tsx b/tools/server/webui/src/components/SettingDialog.tsx
index 4cb54700f9fd4..89fdb04a83e07 100644
--- a/tools/server/webui/src/components/SettingDialog.tsx
+++ b/tools/server/webui/src/components/SettingDialog.tsx
@@ -210,7 +210,6 @@ const SETTING_SECTIONS: SettingSection[] = [
             a.download = `aa_dump.json`;
             a.click();
             document.body.removeChild(a);
-            URL.revokeObjectURL(url);
           };
           return (
             <button className="btn" onClick={exportDB}>
@@ -223,26 +222,47 @@ const SETTING_SECTIONS: SettingSection[] = [
         type: SettingInputType.CUSTOM,
         key: 'custom', // dummy key, won't be used
         component: () => {
-          const importDB = async (e) => {
-            if (e.target.files.length != 1) throw new Error(
-                "Number of selected files for DB import must be 1 but was " + e.target.files.length + ".");
+          const importDB = async (e: React.ChangeEvent<HTMLInputElement>) => {
+            console.log(e);
+            if (!e.target.files) {
+              throw new Error('e.target.files cant be null');
+            }
+            if (e.target.files.length != 1)
+              throw new Error(
+                'Number of selected files for DB import must be 1 but was ' +
+                  e.target.files.length +
+                  '.'
+              );
             const file = e.target.files[0];
-                try {
-                  if (!file) throw new Error("No DB found to import.");
-                  console.log("Importing DB " + file.name);
-                  await StorageUtils.importDB(file, {
-                  });
-                  console.log("Import complete");
-                } catch (error) {
-                  console.error(''+error);
-                }
-
-            window.location.reload();
+            try {
+              if (!file) throw new Error('No DB found to import.');
+              console.log('Importing DB ' + file.name);
+              await StorageUtils.importDB(file);
+              console.log('Import complete');
+              window.location.reload();
+            } catch (error) {
+              console.error('' + error);
+            }
           };
           return (
             <div>
-              <label htmlFor="db-import" className="btn" role="button"  tabIndex={0} > reset and import database </label>
-              <input id="db-import" type="file" accept=".json" className="file-upload" onInput={importDB} hidden/>
+              <label
+                htmlFor="db-import"
+                className="btn"
+                role="button"
+                tabIndex={0}
+              >
+                {' '}
+                reset and import database{' '}
+              </label>
+              <input
+                id="db-import"
+                type="file"
+                accept=".json"
+                className="file-upload"
+                onInput={importDB}
+                hidden
+              />
             </div>
           );
         },
diff --git a/tools/server/webui/src/utils/storage.ts b/tools/server/webui/src/utils/storage.ts
index 3f2ddc347b611..6ad0140ed2211 100644
--- a/tools/server/webui/src/utils/storage.ts
+++ b/tools/server/webui/src/utils/storage.ts
@@ -4,7 +4,7 @@
 import { CONFIG_DEFAULT } from '../Config';
 import { Conversation, Message, TimingReport } from './types';
 import Dexie, { Table } from 'dexie';
-import {importDB, exportDB, importInto, peakImportFile} from "dexie-export-import";
+import { exportDB } from 'dexie-export-import';
 
 const event = new EventTarget();
 
@@ -38,15 +38,19 @@ const StorageUtils = {
    */
   async export() {
     return await exportDB(db);
-
   },
 
-  async importDB(file, callback) {
+  async importDB(file: File) {
+    await db.delete();
+    await db.open();
+    return await db.import(file);
+    /*
     return db.delete().then(() => {
       db.open().then(() => {
-        db.import(file,callback);
-      })
+        db.import(file);
+      });
     });
+    */
   },
 
   async getAllConversations(): Promise<Conversation[]> {

From 07577c61f7913e607c15fb575baa90bde51256d1 Mon Sep 17 00:00:00 2001
From: feiloo <105425286+feiloo@users.noreply.github.com>
Date: Mon, 23 Jun 2025 18:15:27 +0200
Subject: [PATCH 5/6] cleanup and better function name

---
 tools/server/webui/src/components/SettingDialog.tsx |  2 +-
 tools/server/webui/src/utils/storage.ts             | 13 +++----------
 2 files changed, 4 insertions(+), 11 deletions(-)

diff --git a/tools/server/webui/src/components/SettingDialog.tsx b/tools/server/webui/src/components/SettingDialog.tsx
index 89fdb04a83e07..af001f095bb21 100644
--- a/tools/server/webui/src/components/SettingDialog.tsx
+++ b/tools/server/webui/src/components/SettingDialog.tsx
@@ -202,7 +202,7 @@ const SETTING_SECTIONS: SettingSection[] = [
         key: 'custom', // dummy key, won't be used
         component: () => {
           const exportDB = async () => {
-            const blob = await StorageUtils.export();
+            const blob = await StorageUtils.exportDB();
             const a = document.createElement('a');
             document.body.appendChild(a);
             a.href = URL.createObjectURL(blob);
diff --git a/tools/server/webui/src/utils/storage.ts b/tools/server/webui/src/utils/storage.ts
index 6ad0140ed2211..680ce73068d81 100644
--- a/tools/server/webui/src/utils/storage.ts
+++ b/tools/server/webui/src/utils/storage.ts
@@ -4,7 +4,7 @@
 import { CONFIG_DEFAULT } from '../Config';
 import { Conversation, Message, TimingReport } from './types';
 import Dexie, { Table } from 'dexie';
-import { exportDB } from 'dexie-export-import';
+import { exportDB as exportDexieDB } from 'dexie-export-import';
 
 const event = new EventTarget();
 
@@ -36,21 +36,14 @@ const StorageUtils = {
   /**
    * manage conversations
    */
-  async export() {
-    return await exportDB(db);
+  async exportDB() {
+    return await exportDexieDB(db);
   },
 
   async importDB(file: File) {
     await db.delete();
     await db.open();
     return await db.import(file);
-    /*
-    return db.delete().then(() => {
-      db.open().then(() => {
-        db.import(file);
-      });
-    });
-    */
   },
 
   async getAllConversations(): Promise<Conversation[]> {

From ce109760a9bc749beb9feef61b6761825a7c153c Mon Sep 17 00:00:00 2001
From: feiloo <105425286+feiloo@users.noreply.github.com>
Date: Mon, 23 Jun 2025 18:25:25 +0200
Subject: [PATCH 6/6] add dexie-import-expor addon to packages.json

---
 tools/server/webui/package-lock.json | 10 ++++++++++
 tools/server/webui/package.json      |  1 +
 2 files changed, 11 insertions(+)

diff --git a/tools/server/webui/package-lock.json b/tools/server/webui/package-lock.json
index a05cbcfe5c392..236300ecced7b 100644
--- a/tools/server/webui/package-lock.json
+++ b/tools/server/webui/package-lock.json
@@ -16,6 +16,7 @@
         "autoprefixer": "^10.4.20",
         "daisyui": "^5.0.12",
         "dexie": "^4.0.11",
+        "dexie-export-import": "^4.0.11",
         "highlight.js": "^11.10.0",
         "katex": "^0.16.15",
         "pdfjs-dist": "^5.2.133",
@@ -2659,6 +2660,15 @@
       "integrity": "sha512-SOKO002EqlvBYYKQSew3iymBoN2EQ4BDw/3yprjh7kAfFzjBYkaMNa/pZvcA7HSWlcKSQb9XhPe3wKyQ0x4A8A==",
       "license": "Apache-2.0"
     },
+    "node_modules/dexie-export-import": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/dexie-export-import/-/dexie-export-import-4.1.4.tgz",
+      "integrity": "sha512-3bw171qUuOTWSYLXI7C/0M6p1X65Rho3tu1IvD9By8jn0+3t3dLSkDlZ1BC6MbABl3kRlhtGigzC+SF+qcS5Og==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "dexie": "^2.0.4 || ^3.0.0 || ^4.0.1"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.5.91",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.91.tgz",
diff --git a/tools/server/webui/package.json b/tools/server/webui/package.json
index 8076840324d49..5ccd7b09ca146 100644
--- a/tools/server/webui/package.json
+++ b/tools/server/webui/package.json
@@ -19,6 +19,7 @@
     "autoprefixer": "^10.4.20",
     "daisyui": "^5.0.12",
     "dexie": "^4.0.11",
+    "dexie-export-import": "^4.0.11",
     "highlight.js": "^11.10.0",
     "katex": "^0.16.15",
     "pdfjs-dist": "^5.2.133",