small package stuff

Author: jonathanlab

apps/array/package.json

@@ -102,10 +102,12 @@
     "@tanstack/react-query": "^5.90.2",
     "@tanstack/react-virtual": "^3.13.12",
     "@tiptap/core": "^3.13.0",
+    "@tiptap/extension-mention": "^3.13.0",
     "@tiptap/extension-placeholder": "^3.13.0",
     "@tiptap/pm": "^3.13.0",
     "@tiptap/react": "^3.13.0",
     "@tiptap/starter-kit": "^3.13.0",
+    "@tiptap/suggestion": "^3.13.0",
     "@trpc/client": "^11.8.0",
     "@trpc/react-query": "^11.8.0",
     "@trpc/server": "^11.8.0",
@@ -142,6 +144,7 @@
     "reflect-metadata": "^0.2.2",
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.7",
+    "tippy.js": "^6.3.7",
     "trpc-electron": "^0.1.2",
     "uuid": "^9.0.1",
     "vscode-icons-js": "^11.6.1",

apps/array/src/renderer/features/message-editor/tiptap/FileMention.ts

@@ -9,14 +9,18 @@ import { SuggestionList, type SuggestionListRef } from "./SuggestionList";
 function createSuggestion(
   sessionId: string,
 ): Partial<SuggestionOptions<FileSuggestionItem>> {
+  let lastItems: FileSuggestionItem[] = [];
+
   return {
     char: "@",
     allowSpaces: false,
     startOfLine: false,
 
     items: async ({ query }): Promise<FileSuggestionItem[]> => {
       if (!sessionId) return [];
-      return getFileSuggestions(sessionId, query);
+      const results = await getFileSuggestions(sessionId, query);
+      lastItems = results;
+      return results;
     },
 
     render: () => {
@@ -25,9 +29,10 @@ function createSuggestion(
 
       return {
         onStart: (props) => {
+          const items = props.items.length > 0 ? props.items : lastItems;
           component = new ReactRenderer(SuggestionList, {
             props: {
-              items: props.items,
+              items,
               command: props.command,
             },
             editor: props.editor,
@@ -48,8 +53,9 @@ function createSuggestion(
         },
 
         onUpdate: (props) => {
+          const items = props.items.length > 0 ? props.items : lastItems;
           component?.updateProps({
-            items: props.items,
+            items,
             command: props.command,
           });