Update index.html

index.html

@@ -1005,11 +1005,28 @@ async function loadModel() {
   log(`loading ${id}`, 'w');
   
   try {
-    // FIX: Use CreateMLCEngine and pass the prebuiltAppConfig so it knows where to download the model
+    // 1. Hole die Standardliste aus WebLLM
+    const baseConfig = window.webllm.prebuiltAppConfig || { model_list: [] };
+    
+    // 2. Erstelle eine neue Config und hänge MiniCPM5-2B an
+    const customAppConfig = {
+      ...baseConfig,
+      model_list: [
+        ...(baseConfig.model_list || []),
+        {
+          model: "https://huggingface.co/fatih-can/MiniCPM5-2B-MLC/resolve/main/q4f16_1",
+          model_id: "MiniCPM5-2B-q4f16_1-MLC",
+          model_lib: "https://huggingface.co/fatih-can/MiniCPM5-2B-MLC/resolve/main/q4f16_1/libs/MiniCPM5-2B-q4f16_1-MLC-webgpu.wasm",
+          vram_required_MB: 2000,
+          overrides: { context_window_size: 2048 }
+        }
+      ]
+    };
+
+    // FIX: Nutze customAppConfig anstatt der reinen prebuiltAppConfig
     engine = await window.webllm.CreateMLCEngine(id, {
-      appConfig: window.webllm.prebuiltAppConfig,
+      appConfig: customAppConfig,
       initProgressCallback: (report) => {
-        // Updates the UI with download percentage
         const pct = Math.round((report.progress || 0) * 100);
         document.getElementById('mstatus').textContent = `LOADING ${pct}%`;
         if (report.text) log(report.text, '');
@@ -1017,6 +1034,7 @@ async function loadModel() {
     });
 
     store.set({ engineReady: true });
+
     document.getElementById('mdot').classList.add('ready');
     document.getElementById('mstatus').textContent = 'READY';
     document.getElementById('uin').disabled = false;
@@ -1029,6 +1047,14 @@ async function loadModel() {
     document.getElementById('mstatus').textContent = 'ERROR';
     document.getElementById('lbtn').disabled = false;
   }
+
+
+
+  
+
+
+
+  
 }
 
 async function runAgent(userText) {