Slash menu now lists the models.

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "localm",
-  "version": "1.1.12",
+  "version": "1.1.15",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "localm",
-      "version": "1.1.12",
+      "version": "1.1.15",
       "license": "ISC",
       "dependencies": {
         "@huggingface/transformers": "^3.7.2",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "localm",
-  "version": "1.1.15",
+  "version": "1.1.16",
   "description": "Chat application",
   "scripts": {
     "build": "esbuild src/index.js --target=es6 --bundle --sourcemap --outfile=./index.js --format=iife --external:fs --external:path --external:child_process --external:ws --external:katex/dist/katex.min.css",

src/app/init-milkdown.js

@@ -97,21 +97,20 @@ export async function initMilkdown({
           image: null,
           table: null,
           math: null,
-          // Add model commands to advanced group
-          ...Object.fromEntries(
-            availableModels.map(model => [
-              model.slashCommand, 
-              {
-                label: `${model.name} (${model.size})`,
-                icon: '🤖',
-                command: () => {
-                  if (onSlashCommand) {
-                    onSlashCommand(model.id);
-                  }
-                }
+        },
+        // Use buildMenu API to inject dynamic items supported by Crepe
+        buildMenu: (groupBuilder) => {
+          // Put models under a dedicated group to avoid clashing with built-ins
+          const modelsGroup = groupBuilder.addGroup('models', 'Models');
+          availableModels.forEach((model) => {
+            modelsGroup.addItem(model.slashCommand, {
+              label: `${model.name} (${model.size})`,
+              icon: '🤖',
+              onRun: () => {
+                if (onSlashCommand) onSlashCommand(model.id);
               }
-            ])
-          )
+            });
+          });
         }
       }
     }