@markusylisiurunen/tau 0.3.40 → 0.3.41

package/dist/tui/ui/chat_message_model.js

@@ -3,13 +3,13 @@ import { AssistantMessageComponent } from "./assistant_message.js";
 import { DiffReviewMessageComponent } from "./diff_review_message.js";
 import { SessionDividerComponent } from "./session_divider.js";
 import { SystemMessageComponent } from "./system_message.js";
-import { buildToolOutputProps, renderToolOutput } from "./tool_output.js";
+import { ToolCardComponent } from "./tool_card.js";
 import { UserMessageComponent } from "./user_message.js";
 export function isAssistantMessageModel(model) {
     return model.type === "assistant" || model.type === "assistant_partial";
 }
 export function renderChatMessage(model, options) {
-    const { theme, thoughtsVisible, compactToolUi, toolUiRegistry } = options;
+    const { theme, thoughtsVisible } = options;
     switch (model.type) {
         case "app_intro": {
             const component = new AppIntroComponent(theme, {
@@ -107,22 +107,14 @@ export function renderChatMessage(model, options) {
             };
         }
         case "tool": {
-            const view = toolUiRegistry.renderModel(model.tool, {
-                theme,
-                compact: compactToolUi,
-            });
-            const component = renderToolOutput(view, compactToolUi);
+            const component = new ToolCardComponent({ model: model.tool, theme });
             return {
                 component,
                 isAssistant: false,
                 update: (nextModel, nextOptions) => {
                     if (nextModel.type !== "tool")
                         return false;
-                    const nextView = nextOptions.toolUiRegistry.renderModel(nextModel.tool, {
-                        theme: nextOptions.theme,
-                        compact: nextOptions.compactToolUi,
-                    });
-                    component.update(buildToolOutputProps(nextView, nextOptions.compactToolUi));
+                    component.update({ model: nextModel.tool, theme: nextOptions.theme });
                     return true;
                 },
             };

package/dist/tui/ui/chat_message_model.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat_message_model.js","sourceRoot":"","sources":["../../../src/tui/ui/chat_message_model.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chat_message_model.js","sourceRoot":"","sources":["../../../src/tui/ui/chat_message_model.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAsB,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,yBAAyB,EAA8B,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,0BAA0B,EAA+B,MAAM,0BAA0B,CAAC;AACnG,OAAO,EAAE,uBAAuB,EAA4B,MAAM,sBAAsB,CAAC;AAEzF,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,oBAAoB,EAAyB,MAAM,mBAAmB,CAAC;AA4BhF,MAAM,UAAU,uBAAuB,CAAC,KAAuB;IAC7D,OAAO,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAmB,CAAC;AAC1E,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,KAAuB,EACvB,OAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC;IAE3C,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;QACnB,KAAK,WAAW,EAAE,CAAC;YACjB,MAAM,SAAS,GAAG,IAAI,iBAAiB,CAAC,KAAK,EAAE;gBAC7C,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,IAAI,EAAE,KAAK,CAAC,IAAI;aACjB,CAAC,CAAC;YACH,OAAO;gBACL,SAAS;gBACT,WAAW,EAAE,KAAK;gBAClB,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE;oBACpB,IAAI,SAAS,CAAC,IAAI,KAAK,WAAW;wBAAE,OAAO,KAAK,CAAC;oBACjD,SAAS,CAAC,MAAM,CAAC;wBACf,KAAK,EAAE,SAAS,CAAC,KAAK;wBACtB,IAAI,EAAE,SAAS,CAAC,IAAI;qBACrB,CAAC,CAAC;oBACH,OAAO,IAAI,CAAC;gBACd,CAAC;aACF,CAAC;QACJ,CAAC;QACD,KAAK,WAAW,EAAE,CAAC;YACjB,MAAM,SAAS,GAAG,IAAI,yBAAyB,CAAC,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC;YAC/E,OAAO;gBACL,SAAS;gBACT,WAAW,EAAE,IAAI;gBACjB,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE;oBACjC,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC;wBAAE,OAAO,KAAK,CAAC;oBACtD,SAAS,CAAC,qBAAqB,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;oBAC7D,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAC5B,OAAO,IAAI,CAAC;gBACd,CAAC;gBACD,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,cAAc;aAC/C,CAAC;QACJ,CAAC;QACD,KAAK,mBAAmB,EAAE,CAAC;YACzB,MAAM,SAAS,GAAG,IAAI,yBAAyB,CAAC,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC;YAC/E,OAAO;gBACL,SAAS;gBACT,WAAW,EAAE,IAAI;gBACjB,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE;oBACjC,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC;wBAAE,OAAO,KAAK,CAAC;oBACtD,SAAS,CAAC,qBAAqB,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;oBAC7D,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAC5B,OAAO,IAAI,CAAC;gBACd,CAAC;gBACD,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,cAAc;aAC/C,CAAC;QACJ,CAAC;QACD,KAAK,aAAa,EAAE,CAAC;YACnB,MAAM,SAAS,GAAG,IAAI,0BAA0B,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC/D,OAAO;gBACL,SAAS;gBACT,WAAW,EAAE,KAAK;gBAClB,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE;oBACjC,IAAI,SAAS,CAAC,IAAI,KAAK,aAAa;wBAAE,OAAO,KAAK,CAAC;oBACnD,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;oBACtC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAC5B,OAAO,IAAI,CAAC;gBACd,CAAC;aACF,CAAC;QACJ,CAAC;QACD,KAAK,QAAQ,EAAE,CAAC;YACd,MAAM,SAAS,GAAG,IAAI,sBAAsB,CAAC,KAAK,EAAE;gBAClD,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;aACjB,CAAC,CAAC;YACH,OAAO;gBACL,SAAS;gBACT,WAAW,EAAE,KAAK;gBAClB,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE;oBACpB,IAAI,SAAS,CAAC,IAAI,KAAK,QAAQ;wBAAE,OAAO,KAAK,CAAC;oBAC9C,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;oBACjE,OAAO,IAAI,CAAC;gBACd,CAAC;aACF,CAAC;QACJ,CAAC;QACD,KAAK,MAAM,EAAE,CAAC;YACZ,MAAM,SAAS,GAAG,IAAI,oBAAoB,CAAC,KAAK,EAAE;gBAChD,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,IAAI,EAAE,KAAK,CAAC,IAAI;aACjB,CAAC,CAAC;YACH,OAAO;gBACL,SAAS;gBACT,WAAW,EAAE,KAAK;gBAClB,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE;oBACpB,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM;wBAAE,OAAO,KAAK,CAAC;oBAC5C,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC;oBACjE,OAAO,IAAI,CAAC;gBACd,CAAC;aACF,CAAC;QACJ,CAAC;QACD,KAAK,MAAM,EAAE,CAAC;YACZ,MAAM,SAAS,GAAG,IAAI,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;YACtE,OAAO;gBACL,SAAS;gBACT,WAAW,EAAE,KAAK;gBAClB,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,EAAE;oBACjC,IAAI,SAAS,CAAC,IAAI,KAAK,MAAM;wBAAE,OAAO,KAAK,CAAC;oBAC5C,SAAS,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC;oBACtE,OAAO,IAAI,CAAC;gBACd,CAAC;aACF,CAAC;QACJ,CAAC;QACD,KAAK,iBAAiB,EAAE,CAAC;YACvB,MAAM,SAAS,GAAG,IAAI,uBAAuB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC;YAC7E,OAAO;gBACL,SAAS;gBACT,WAAW,EAAE,KAAK;gBAClB,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE;oBACpB,IAAI,SAAS,CAAC,IAAI,KAAK,iBAAiB;wBAAE,OAAO,KAAK,CAAC;oBACvD,SAAS,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;oBAC7C,OAAO,IAAI,CAAC;gBACd,CAAC;aACF,CAAC;QACJ,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/tui/ui/components/autocomplete_list.js

@@ -0,0 +1,138 @@
+import { getKeybindings, truncateToWidth, visibleWidth, } from "@earendil-works/pi-tui";
+import stripAnsi from "strip-ansi";
+const DEFAULT_PRIMARY_COLUMN_WIDTH = 32;
+const PRIMARY_COLUMN_GAP = 2;
+const MIN_DESCRIPTION_WIDTH = 10;
+function normalizeToSingleLine(text) {
+    return text.replace(/[\r\n]+/g, " ").trim();
+}
+function clamp(value, min, max) {
+    return Math.max(min, Math.min(value, max));
+}
+export class AutocompleteList {
+    maxVisible;
+    theme;
+    layout;
+    items;
+    selectedIndex = 0;
+    onSelect;
+    onCancel;
+    constructor(items, maxVisible, theme, layout = {}) {
+        this.maxVisible = maxVisible;
+        this.theme = theme;
+        this.layout = layout;
+        this.items = items;
+    }
+    setSelectedIndex(index) {
+        this.selectedIndex = Math.max(0, Math.min(index, this.items.length - 1));
+    }
+    getSelectedItem() {
+        return this.items[this.selectedIndex] ?? null;
+    }
+    handleInput(data) {
+        const keybindings = getKeybindings();
+        if (keybindings.matches(data, "tui.select.up")) {
+            this.selectedIndex =
+                this.selectedIndex === 0 ? this.items.length - 1 : this.selectedIndex - 1;
+        }
+        else if (keybindings.matches(data, "tui.select.down")) {
+            this.selectedIndex =
+                this.selectedIndex === this.items.length - 1 ? 0 : this.selectedIndex + 1;
+        }
+        else if (keybindings.matches(data, "tui.select.confirm")) {
+            const selected = this.getSelectedItem();
+            if (selected)
+                this.onSelect?.(selected);
+        }
+        else if (keybindings.matches(data, "tui.select.cancel")) {
+            this.onCancel?.();
+        }
+    }
+    invalidate() { }
+    render(width) {
+        if (width <= 0)
+            return [""];
+        if (this.items.length === 0) {
+            return [this.theme.noMatch("  No matching commands")];
+        }
+        const primaryColumnWidth = this.getPrimaryColumnWidth();
+        const startIndex = Math.max(0, Math.min(this.selectedIndex - Math.floor(this.maxVisible / 2), this.items.length - this.maxVisible));
+        const endIndex = Math.min(startIndex + this.maxVisible, this.items.length);
+        const lines = [];
+        for (let index = startIndex; index < endIndex; index++) {
+            const item = this.items[index];
+            if (!item)
+                continue;
+            lines.push(this.renderItem(item, index === this.selectedIndex, width, primaryColumnWidth));
+        }
+        if (startIndex > 0 || endIndex < this.items.length) {
+            const scrollText = ` (${this.selectedIndex + 1}/${this.items.length})`;
+            lines.push(this.theme.scrollInfo(truncateToWidth(scrollText, Math.max(0, width - 2), "")));
+        }
+        return lines;
+    }
+    renderItem(item, selected, width, primaryColumnWidth) {
+        const prefix = " ";
+        const prefixWidth = 1;
+        const description = item.description ? normalizeToSingleLine(item.description) : undefined;
+        let line;
+        let lineWidth;
+        if (description && width > (this.layout.descriptionBreakpoint ?? 40)) {
+            const effectivePrimaryColumnWidth = Math.max(1, Math.min(primaryColumnWidth, width - prefixWidth - 4));
+            const maxPrimaryWidth = Math.max(1, effectivePrimaryColumnWidth - PRIMARY_COLUMN_GAP);
+            const primary = this.truncatePrimary(item, selected, maxPrimaryWidth, effectivePrimaryColumnWidth);
+            const spacing = " ".repeat(Math.max(1, effectivePrimaryColumnWidth - visibleWidth(primary)));
+            const remainingWidth = width - prefixWidth - visibleWidth(primary) - spacing.length - 1;
+            if (remainingWidth > (this.layout.minDescriptionWidth ?? MIN_DESCRIPTION_WIDTH)) {
+                const truncatedDescription = stripAnsi(truncateToWidth(description, remainingWidth, ""));
+                line = selected
+                    ? `${prefix}${primary}${spacing}${truncatedDescription}`
+                    : `${prefix}${this.stylePrimary(primary)}${this.styleDescription(spacing + truncatedDescription)}`;
+                lineWidth =
+                    prefixWidth + visibleWidth(primary) + spacing.length + visibleWidth(truncatedDescription);
+            }
+            else {
+                const primaryOnly = this.truncatePrimary(item, selected, width - prefixWidth - 1, width);
+                line = `${prefix}${selected ? primaryOnly : this.stylePrimary(primaryOnly)}`;
+                lineWidth = prefixWidth + visibleWidth(primaryOnly);
+            }
+        }
+        else {
+            const primaryOnly = this.truncatePrimary(item, selected, width - prefixWidth - 1, width);
+            line = `${prefix}${selected ? primaryOnly : this.stylePrimary(primaryOnly)}`;
+            lineWidth = prefixWidth + visibleWidth(primaryOnly);
+        }
+        if (!selected)
+            return line;
+        const padded = `${line}${" ".repeat(Math.max(0, width - lineWidth))}`;
+        return this.theme.selectedBackground(this.theme.selectedForeground(padded));
+    }
+    stylePrimary(text) {
+        return this.layout.primaryTone === "muted" ? this.theme.description(text) : text;
+    }
+    styleDescription(text) {
+        return (this.layout.descriptionTone ?? "muted") === "muted"
+            ? this.theme.description(text)
+            : text;
+    }
+    getPrimaryColumnWidth() {
+        const rawMin = this.layout.minPrimaryColumnWidth ??
+            this.layout.maxPrimaryColumnWidth ??
+            DEFAULT_PRIMARY_COLUMN_WIDTH;
+        const rawMax = this.layout.maxPrimaryColumnWidth ??
+            this.layout.minPrimaryColumnWidth ??
+            DEFAULT_PRIMARY_COLUMN_WIDTH;
+        const min = Math.max(1, Math.min(rawMin, rawMax));
+        const max = Math.max(1, Math.max(rawMin, rawMax));
+        const widest = this.items.reduce((current, item) => Math.max(current, visibleWidth(item.label || item.value) + PRIMARY_COLUMN_GAP), 0);
+        return clamp(widest, min, max);
+    }
+    truncatePrimary(item, selected, maxWidth, columnWidth) {
+        const text = item.label || item.value;
+        const truncated = this.layout.truncatePrimary
+            ? this.layout.truncatePrimary({ text, maxWidth, columnWidth, item, isSelected: selected })
+            : truncateToWidth(text, maxWidth, "");
+        return stripAnsi(truncateToWidth(truncated, maxWidth, ""));
+    }
+}
+//# sourceMappingURL=autocomplete_list.js.map

package/dist/tui/ui/components/autocomplete_list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete_list.js","sourceRoot":"","sources":["../../../../src/tui/ui/components/autocomplete_list.ts"],"names":[],"mappings":"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"}

package/dist/tui/ui/components/editor.js

@@ -1,4 +1,5 @@
-import { decodeKittyPrintable, getKeybindings, matchesKey, SelectList, truncateToWidth, visibleWidth, } from "@earendil-works/pi-tui";
+import { decodeKittyPrintable, getKeybindings, matchesKey, truncateToWidth, visibleWidth, } from "@earendil-works/pi-tui";
+import { AutocompleteList } from "./autocomplete_list.js";
 import { UndoStack } from "./undo_stack.js";
 const segmenter = new Intl.Segmenter(undefined, { granularity: "grapheme" });
 const PASTE_MARKER_REGEX = /\[paste #(\d+)( (\+\d+ lines|\d+ chars))?\]/g;
@@ -10,12 +11,13 @@ const APC_PATTERN = "\\x1b_[^\\x07\\x1b]*(?:\\x07|\\x1b\\\\)";
 const CSI_REGEX = new RegExp(CSI_PATTERN, "g");
 const OSC_REGEX = new RegExp(OSC_PATTERN, "g");
 const APC_REGEX = new RegExp(APC_PATTERN, "g");
-const SELECT_LIST_LAYOUT = {
+const AUTOCOMPLETE_LIST_LAYOUT = {
     minPrimaryColumnWidth: 12,
     maxPrimaryColumnWidth: 32,
     truncatePrimary: ({ text, maxWidth }) => truncateToWidth(text, maxWidth, "…"),
 };
 const ATTACHMENT_AUTOCOMPLETE_DEBOUNCE_MS = 20;
+const AUTOCOMPLETE_MAX_VISIBLE = 8;
 function isWhitespaceChar(char) {
     return /\s/.test(char);
 }
@@ -404,8 +406,9 @@ export class Editor {
                     this.state.lines = result.lines;
                     this.state.cursorLine = result.cursorLine;
                     this.state.cursorCol = result.cursorCol;
-                    const shouldRetrigger = this.autocompletePrefix.startsWith("@") &&
-                        this.shouldRetriggerMentionAutocomplete(result.lines, result.cursorLine, result.cursorCol);
+                    const shouldRetrigger = selected.autocompleteAction === "navigate" ||
+                        (this.autocompletePrefix.startsWith("@") &&
+                            this.shouldRetriggerMentionAutocomplete(result.lines, result.cursorLine, result.cursorCol));
                     this.cancelAutocomplete();
                     if (this.onChange)
                         this.onChange(this.getText());
@@ -424,13 +427,17 @@ export class Editor {
                     this.state.lines = result.lines;
                     this.state.cursorLine = result.cursorLine;
                     this.state.cursorCol = result.cursorCol;
-                    if (this.autocompletePrefix.startsWith("/")) {
+                    const autocompleteAction = selected.autocompleteAction;
+                    const shouldSubmit = autocompleteAction === "submit" ||
+                        (autocompleteAction !== "navigate" && this.autocompletePrefix.startsWith("/"));
+                    if (shouldSubmit) {
                         this.cancelAutocomplete();
                         // Fall through to submit
                     }
                     else {
-                        const shouldRetrigger = this.autocompletePrefix.startsWith("@") &&
-                            this.shouldRetriggerMentionAutocomplete(result.lines, result.cursorLine, result.cursorCol);
+                        const shouldRetrigger = autocompleteAction === "navigate" ||
+                            (this.autocompletePrefix.startsWith("@") &&
+                                this.shouldRetriggerMentionAutocomplete(result.lines, result.cursorLine, result.cursorCol));
                         this.cancelAutocomplete();
                         if (this.onChange)
                             this.onChange(this.getText());
@@ -862,21 +869,7 @@ export class Editor {
         if (this.onChange) {
             this.onChange(this.getText());
         }
-        // Update or re-trigger autocomplete after backspace
-        if (this.autocompleteState) {
-            this.updateAutocomplete();
-        }
-        else {
-            // If autocomplete was cancelled (no matches), re-trigger if we're in a completable context
-            const currentLine = this.state.lines[this.state.cursorLine] || "";
-            const textBeforeCursor = currentLine.slice(0, this.state.cursorCol);
-            if (this.isInSlashCommandContext(textBeforeCursor)) {
-                this.tryTriggerAutocomplete();
-            }
-            else if (this.isMentionAutocompleteContext(textBeforeCursor)) {
-                this.tryTriggerAutocomplete();
-            }
-        }
+        this.refreshAutocompleteAfterEdit();
     }
     moveToLineStart() {
         this.lastAction = null;
@@ -909,6 +902,7 @@ export class Editor {
         if (this.onChange) {
             this.onChange(this.getText());
         }
+        this.refreshAutocompleteAfterEdit();
     }
     deleteToEndOfLine() {
         this.historyIndex = -1; // Exit history browsing mode
@@ -929,6 +923,7 @@ export class Editor {
         if (this.onChange) {
             this.onChange(this.getText());
         }
+        this.refreshAutocompleteAfterEdit();
     }
     deleteWordBackwards() {
         this.historyIndex = -1; // Exit history browsing mode
@@ -958,6 +953,7 @@ export class Editor {
         if (this.onChange) {
             this.onChange(this.getText());
         }
+        this.refreshAutocompleteAfterEdit();
     }
     handleForwardDelete() {
         this.historyIndex = -1; // Exit history browsing mode
@@ -985,20 +981,7 @@ export class Editor {
         if (this.onChange) {
             this.onChange(this.getText());
         }
-        // Update or re-trigger autocomplete after forward delete
-        if (this.autocompleteState) {
-            this.updateAutocomplete();
-        }
-        else {
-            const currentLine = this.state.lines[this.state.cursorLine] || "";
-            const textBeforeCursor = currentLine.slice(0, this.state.cursorCol);
-            if (this.isInSlashCommandContext(textBeforeCursor)) {
-                this.tryTriggerAutocomplete();
-            }
-            else if (this.isMentionAutocompleteContext(textBeforeCursor)) {
-                this.tryTriggerAutocomplete();
-            }
-        }
+        this.refreshAutocompleteAfterEdit();
     }
     /**
      * Build a mapping from visual lines to logical positions.
@@ -1271,7 +1254,7 @@ export class Editor {
         return firstPrefixIndex;
     }
     createAutocompleteList(_prefix, items) {
-        return new SelectList(items, 5, this.theme.selectList, SELECT_LIST_LAYOUT);
+        return new AutocompleteList(items, AUTOCOMPLETE_MAX_VISIBLE, this.theme.selectList, AUTOCOMPLETE_LIST_LAYOUT);
     }
     tryTriggerAutocomplete(explicitTab = false) {
         this.requestAutocomplete({ force: false, explicitTab });
@@ -1413,6 +1396,18 @@ export class Editor {
     isShowingAutocomplete() {
         return this.autocompleteState !== null;
     }
+    refreshAutocompleteAfterEdit() {
+        if (this.autocompleteState) {
+            this.updateAutocomplete();
+            return;
+        }
+        const currentLine = this.state.lines[this.state.cursorLine] || "";
+        const textBeforeCursor = currentLine.slice(0, this.state.cursorCol);
+        if (this.isInSlashCommandContext(textBeforeCursor) ||
+            this.isMentionAutocompleteContext(textBeforeCursor)) {
+            this.tryTriggerAutocomplete();
+        }
+    }
     updateAutocomplete() {
         if (!this.autocompleteState || !this.autocompleteProvider)
             return;
@@ -1431,9 +1426,7 @@ export class Editor {
         if (this.onChange) {
             this.onChange(this.getText());
         }
-        if (this.autocompleteState) {
-            this.updateAutocomplete();
-        }
+        this.refreshAutocompleteAfterEdit();
     }
 }
 //# sourceMappingURL=editor.js.map