pi-ui-extend 0.1.1

package/dist/app/popup-menu-controller.js

@@ -0,0 +1,1070 @@
+import { resolve } from "node:path";
+import { fuzzySearch } from "../fuzzy.js";
+import { colorLine } from "../theme.js";
+import { PopupMenu } from "../ui.js";
+import { padOrTrimPlain, ellipsizeDisplay, sanitizeText } from "./render-text.js";
+import { stringDisplayWidth } from "../terminal-width.js";
+import { RESUME_MENU_INITIAL_SESSION_ROWS, RESUME_MENU_LOAD_BATCH_ROWS, RESUME_MENU_LOAD_THRESHOLD_ROWS, RESUME_MENU_MAX_ROWS, SLASH_COMMAND_DESCRIPTION_COLUMN, SLASH_COMMAND_MENU_MAX_ROWS, THINKING_MENU_MAX_ROWS, } from "./constants.js";
+import { APP_ICONS } from "./icons.js";
+const POPUP_MENU_ESCAPE_BUTTON = "Esc";
+export class AppPopupMenuController {
+    host;
+    menuController = {
+        show: (items, options) => this.showSdkMenu(items, options),
+        select: (title, options, menuOptions) => this.selectSdkMenu(title, options, menuOptions),
+        close: () => {
+            this.closeSdkMenu(undefined);
+        },
+    };
+    slashCommandMenu = new PopupMenu({ maxVisibleRows: SLASH_COMMAND_MENU_MAX_ROWS });
+    modelMenu = new PopupMenu({ maxVisibleRows: SLASH_COMMAND_MENU_MAX_ROWS });
+    thinkingMenu = new PopupMenu({ maxVisibleRows: THINKING_MENU_MAX_ROWS });
+    resumeMenu = new PopupMenu({ maxVisibleRows: RESUME_MENU_MAX_ROWS });
+    userMessageMenu = new PopupMenu({ maxVisibleRows: 4 });
+    userMessageJumpMenu = new PopupMenu({ maxVisibleRows: RESUME_MENU_MAX_ROWS });
+    queueMessageMenu = new PopupMenu({ maxVisibleRows: 4 });
+    sdkMenu = new PopupMenu({ maxVisibleRows: SLASH_COMMAND_MENU_MAX_ROWS });
+    sdkMenuRequest;
+    slashCommandMenuQuery = "";
+    dismissedSlashCommandMenuInput;
+    modelMenuQuery = "";
+    dismissedModelMenuInput;
+    thinkingMenuQuery = "";
+    dismissedThinkingMenuInput;
+    directPopupMenu;
+    directPopupMenuPreserveStatus = false;
+    directPopupMenuPlacement = "default";
+    directPopupMenuQuery = "";
+    resumeMenuQuery = "";
+    resumeMenuSessionLimit = RESUME_MENU_INITIAL_SESSION_ROWS;
+    resumeMenuAllSessionsLoaded = false;
+    activeUserMessageEntryId;
+    activeQueuedMessageEntryId;
+    constructor(host) {
+        this.host = host;
+    }
+    get directMenu() {
+        return this.directPopupMenu;
+    }
+    get directQuery() {
+        return this.directPopupMenuQuery;
+    }
+    setDirectMenu(menu) {
+        this.directPopupMenu = menu;
+        if (!menu)
+            this.directPopupMenuPlacement = "default";
+    }
+    setDirectPreserveStatus(preserveStatus) {
+        this.directPopupMenuPreserveStatus = preserveStatus;
+    }
+    setDirectQuery(query) {
+        this.directPopupMenuQuery = query;
+        if (this.directPopupMenu === "resume")
+            this.resetResumeMenuLazyState(query);
+    }
+    resetInputMenuDismissals() {
+        this.dismissedSlashCommandMenuInput = undefined;
+        this.dismissedModelMenuInput = undefined;
+        this.dismissedThinkingMenuInput = undefined;
+    }
+    showSdkMenu(items, options) {
+        if (!this.host.isRunning())
+            return Promise.resolve(undefined);
+        this.closeSdkMenu(undefined, { render: false, restoreStatus: false });
+        const requestItems = items.map((item) => item);
+        return new Promise((resolveResult) => {
+            this.sdkMenuRequest = {
+                items: requestItems,
+                options,
+                resolve: (value) => {
+                    resolveResult(value);
+                },
+            };
+            this.openDirectPopupMenu("sdk-menu", options.preserveStatus === undefined ? {} : { preserveStatus: options.preserveStatus });
+            this.host.render();
+        });
+    }
+    selectSdkMenu(title, options, menuOptions = {}) {
+        return this.showSdkMenu(options.map((option) => ({ value: option, label: option })), { title, ...menuOptions });
+    }
+    closeSdkMenu(value, options = {}) {
+        const request = this.sdkMenuRequest;
+        this.sdkMenuRequest = undefined;
+        this.sdkMenu.close();
+        if (this.directPopupMenu === "sdk-menu") {
+            this.directPopupMenu = undefined;
+            this.directPopupMenuPreserveStatus = false;
+            this.directPopupMenuQuery = "";
+        }
+        if (request && options.restoreStatus !== false && request.options.preserveStatus !== true)
+            this.host.restoreSessionStatus();
+        request?.resolve(value);
+        if (options.render !== false && this.host.isRunning())
+            this.host.render();
+    }
+    getActivePopupMenu(active) {
+        switch (active) {
+            case "sdk-menu":
+                return this.sdkMenu;
+            case "queue-message":
+                return this.queueMessageMenu;
+            case "user-message-jump":
+                return this.userMessageJumpMenu;
+            case "user-message":
+                return this.userMessageMenu;
+            case "model":
+                return this.modelMenu;
+            case "thinking":
+                return this.thinkingMenu;
+            case "resume":
+                return this.resumeMenu;
+            case "slash":
+                return this.slashCommandMenu;
+        }
+        throw new Error(`Unknown popup menu: ${active}`);
+    }
+    moveActivePopupMenuSelection(delta) {
+        const active = this.syncActivePopupMenu();
+        if (!active)
+            return false;
+        this.getActivePopupMenu(active).moveSelection(delta);
+        this.host.render();
+        return true;
+    }
+    scrollActivePopupMenu(delta) {
+        const active = this.syncActivePopupMenu();
+        if (!active)
+            return false;
+        this.getActivePopupMenu(active).scroll(delta);
+        this.host.render();
+        return true;
+    }
+    handleDirectPopupInput(char) {
+        const active = this.directPopupMenu;
+        if (!active)
+            return false;
+        if (active === "user-message")
+            return char >= " " || char === "\u007f" || char === "\b";
+        if (char === "\u007f" || char === "\b") {
+            this.directPopupMenuQuery = this.directPopupMenuQuery.slice(0, -1);
+            this.resetPopupMenuSelection(this.getActivePopupMenu(active));
+            this.host.render();
+            return true;
+        }
+        if (char >= " ") {
+            this.directPopupMenuQuery += char;
+            this.resetPopupMenuSelection(this.getActivePopupMenu(active));
+            this.host.render();
+            return true;
+        }
+        return false;
+    }
+    openDirectPopupMenu(menu, options = {}) {
+        if (this.directPopupMenu === "sdk-menu" && menu !== "sdk-menu") {
+            this.closeSdkMenu(undefined, { render: false, restoreStatus: false });
+        }
+        this.directPopupMenu = menu;
+        this.directPopupMenuPreserveStatus = options.preserveStatus === true;
+        this.directPopupMenuPlacement = options.placement ?? "default";
+        this.directPopupMenuQuery = "";
+        if (menu !== "user-message")
+            this.activeUserMessageEntryId = undefined;
+        if (menu !== "queue-message")
+            this.activeQueuedMessageEntryId = undefined;
+        if (menu === "resume")
+            this.resetResumeMenuLazyState();
+        this.dismissedModelMenuInput = undefined;
+        this.dismissedThinkingMenuInput = undefined;
+        this.slashCommandMenu.close();
+        this.modelMenu.close();
+        this.thinkingMenu.close();
+        this.resumeMenu.close();
+        this.userMessageMenu.close();
+        this.queueMessageMenu.close();
+        this.sdkMenu.close();
+        const popup = this.getActivePopupMenu(menu);
+        this.resetPopupMenuSelection(popup);
+    }
+    popupMenuPlacement() {
+        return this.directPopupMenu ? this.directPopupMenuPlacement : "default";
+    }
+    openUserMessageMenu(entryId) {
+        if (!this.host.hasUserEntry(entryId))
+            return false;
+        this.activeUserMessageEntryId = entryId;
+        this.openDirectPopupMenu("user-message", { preserveStatus: true });
+        return true;
+    }
+    openQueueMessageMenu(entryId) {
+        if (!this.host.hasQueuedEntry(entryId))
+            return false;
+        this.activeQueuedMessageEntryId = entryId;
+        this.openDirectPopupMenu("queue-message", { preserveStatus: true });
+        return true;
+    }
+    openResumeMenuWithQuery(query) {
+        this.resetPopupMenuSelection(this.resumeMenu);
+        this.resetResumeMenuLazyState(query);
+        this.resumeMenu.openWithItems(this.withoutCloseMenuItems(this.host.getResumeMenuItems(query, this.resumeMenuSessionLimit)));
+        this.updateResumeMenuLoadedState();
+    }
+    closeResumeMenu() {
+        this.resumeMenu.close();
+    }
+    closeUserMessageMenu() {
+        this.directPopupMenu = undefined;
+        this.directPopupMenuQuery = "";
+        this.directPopupMenuPreserveStatus = false;
+        this.activeUserMessageEntryId = undefined;
+        this.userMessageMenu.close();
+        this.host.restoreSessionStatus();
+    }
+    closeUserMessageJumpMenu() {
+        this.directPopupMenu = undefined;
+        this.directPopupMenuQuery = "";
+        this.directPopupMenuPreserveStatus = false;
+        this.userMessageJumpMenu.close();
+        this.host.restoreSessionStatus();
+    }
+    closeQueueMessageMenu() {
+        this.directPopupMenu = undefined;
+        this.directPopupMenuQuery = "";
+        this.directPopupMenuPreserveStatus = false;
+        this.activeQueuedMessageEntryId = undefined;
+        this.queueMessageMenu.close();
+        this.host.restoreSessionStatus();
+    }
+    resetConversationMenuState() {
+        this.activeUserMessageEntryId = undefined;
+        this.activeQueuedMessageEntryId = undefined;
+        this.userMessageMenu.close();
+        this.userMessageJumpMenu.close();
+        this.queueMessageMenu.close();
+        if (this.directPopupMenu === "user-message" ||
+            this.directPopupMenu === "user-message-jump" ||
+            this.directPopupMenu === "queue-message") {
+            this.directPopupMenu = undefined;
+            this.directPopupMenuQuery = "";
+            this.directPopupMenuPreserveStatus = false;
+        }
+    }
+    closeModelSelection() {
+        this.modelMenu.close();
+        this.directPopupMenu = undefined;
+        this.directPopupMenuPreserveStatus = false;
+        this.directPopupMenuQuery = "";
+        this.dismissedModelMenuInput = undefined;
+    }
+    closeThinkingSelection() {
+        this.thinkingMenu.close();
+        this.directPopupMenu = undefined;
+        this.directPopupMenuPreserveStatus = false;
+        this.directPopupMenuQuery = "";
+        this.dismissedThinkingMenuInput = undefined;
+    }
+    closeSlashCommandSelection() {
+        this.slashCommandMenu.close();
+        this.dismissedSlashCommandMenuInput = undefined;
+    }
+    cancelActivePopupMenu() {
+        const active = this.syncActivePopupMenu();
+        if (this.directPopupMenu === "sdk-menu") {
+            this.closeSdkMenu(undefined);
+            return;
+        }
+        if (this.directPopupMenu) {
+            this.directPopupMenu = undefined;
+            this.directPopupMenuQuery = "";
+            this.activeUserMessageEntryId = undefined;
+            this.activeQueuedMessageEntryId = undefined;
+            this.modelMenu.close();
+            this.thinkingMenu.close();
+            this.resumeMenu.close();
+            this.userMessageMenu.close();
+            this.userMessageJumpMenu.close();
+            this.queueMessageMenu.close();
+            this.sdkMenu.close();
+            const preserveStatus = this.directPopupMenuPreserveStatus;
+            this.directPopupMenuPreserveStatus = false;
+            if (!preserveStatus)
+                this.host.restoreSessionStatus();
+            this.host.render();
+            return;
+        }
+        if (active === "model") {
+            this.dismissedModelMenuInput = this.host.getInput();
+            this.modelMenu.close();
+        }
+        else if (active === "thinking") {
+            this.dismissedThinkingMenuInput = this.host.getInput();
+            this.thinkingMenu.close();
+        }
+        else if (active === "slash") {
+            this.dismissedSlashCommandMenuInput = this.host.getInput();
+            this.slashCommandMenu.close();
+        }
+        this.host.render();
+    }
+    autocompleteSlashCommand() {
+        if (!this.syncSlashCommandMenu())
+            return;
+        const selected = this.selectedSlashCommand();
+        if (!selected)
+            return;
+        this.host.setInput(`/${selected.name}`);
+        this.host.render();
+    }
+    autocompleteModel() {
+        if (!this.syncModelMenu())
+            return false;
+        const selected = this.selectedModel();
+        if (!selected)
+            return true;
+        if (selected.direct)
+            return true;
+        this.host.setInput(`/model ${selected.value.ref}`);
+        this.host.render();
+        return true;
+    }
+    autocompleteThinking() {
+        if (!this.syncThinkingMenu())
+            return false;
+        const selected = this.selectedThinking();
+        if (!selected)
+            return true;
+        if (selected.direct)
+            return true;
+        this.host.setInput(`/thinking ${selected.value.level}`);
+        this.host.render();
+        return true;
+    }
+    selectedSlashCommand() {
+        if (!this.syncSlashCommandMenu())
+            return undefined;
+        return this.slashCommandMenu.selectedItem()?.value;
+    }
+    selectedModel() {
+        if (!this.syncModelMenu())
+            return undefined;
+        const value = this.modelMenu.selectedItem()?.value;
+        if (!value)
+            return undefined;
+        return { value, direct: this.directPopupMenu === "model" };
+    }
+    selectedThinking() {
+        if (!this.syncThinkingMenu())
+            return undefined;
+        const value = this.thinkingMenu.selectedItem()?.value;
+        if (!value)
+            return undefined;
+        return { value, direct: this.directPopupMenu === "thinking" };
+    }
+    selectedResume() {
+        if (!this.syncResumeMenu())
+            return undefined;
+        return this.resumeMenu.selectedItem()?.value;
+    }
+    selectedUserMessageAction() {
+        if (!this.syncUserMessageMenu())
+            return undefined;
+        const selected = this.userMessageMenu.selectedItem();
+        const entryId = this.activeUserMessageEntryId;
+        if (!selected || !entryId)
+            return undefined;
+        return { value: selected.value, label: selected.label, entryId };
+    }
+    selectedUserMessageJump() {
+        if (!this.syncUserMessageJumpMenu())
+            return undefined;
+        return this.userMessageJumpMenu.selectedItem()?.value;
+    }
+    selectedQueueMessageAction() {
+        if (!this.syncQueueMessageMenu())
+            return undefined;
+        const selected = this.queueMessageMenu.selectedItem();
+        const entryId = this.activeQueuedMessageEntryId;
+        if (!selected || !entryId)
+            return undefined;
+        return { value: selected.value, label: selected.label, entryId };
+    }
+    submitSelectedSdkMenu() {
+        if (!this.syncSdkMenu())
+            return false;
+        this.closeSdkMenu(this.sdkMenu.selectedItem()?.value.value);
+        return true;
+    }
+    syncActivePopupMenu() {
+        if (this.syncQueueMessageMenu())
+            return "queue-message";
+        if (this.syncUserMessageMenu())
+            return "user-message";
+        if (this.syncUserMessageJumpMenu())
+            return "user-message-jump";
+        if (this.syncResumeMenu())
+            return "resume";
+        if (this.syncSdkMenu())
+            return "sdk-menu";
+        if (this.syncModelMenu())
+            return "model";
+        if (this.syncThinkingMenu())
+            return "thinking";
+        if (this.syncSlashCommandMenu())
+            return "slash";
+        return undefined;
+    }
+    renderActivePopupMenu(width) {
+        if (this.syncQueueMessageMenu())
+            return this.renderQueueMessageMenu(width);
+        // User-message actions are rendered inline inside the selected message block.
+        // They must never also appear as the global popup above the input editor.
+        if (this.syncUserMessageMenu())
+            return [];
+        if (this.syncUserMessageJumpMenu())
+            return this.renderUserMessageJumpMenu(width);
+        if (this.syncResumeMenu())
+            return this.renderResumeMenu(width);
+        if (this.syncSdkMenu())
+            return this.renderSdkMenu(width);
+        if (this.syncModelMenu())
+            return this.renderModelMenu(width);
+        if (this.syncThinkingMenu())
+            return this.renderThinkingMenu(width);
+        return this.renderSlashCommandMenu(width);
+    }
+    popupMenuWidth(columns) {
+        return columns;
+    }
+    popupMenuMargin(columns) {
+        return columns > 44 ? 2 : 0;
+    }
+    effectivePopupMenuWidth(columns) {
+        const sideMargin = this.popupMenuMargin(columns);
+        return Math.min(this.popupMenuWidth(columns), Math.max(1, columns - sideMargin * 2));
+    }
+    styleOverlayLine(row, line, width) {
+        const colors = this.host.theme.colors;
+        const margin = this.popupMenuMargin(width);
+        const menuWidth = this.effectivePopupMenuWidth(width);
+        const rightMargin = Math.max(0, width - margin - menuWidth);
+        const activeMenuName = this.syncActivePopupMenu() ?? "slash";
+        const activeMenu = this.getActivePopupMenu(activeMenuName);
+        const selected = line.target?.kind === "popup-menu" && activeMenu.selectedIndex === line.target.index;
+        const foreground = this.popupLineForeground(line, selected);
+        const background = this.popupLineBackground(line, selected);
+        const plain = `${" ".repeat(margin)}${padOrTrimPlain(line.text, menuWidth)}${" ".repeat(rightMargin)}`;
+        if (this.host.screenStyler.selectionRangeForRow(row, width)) {
+            return this.host.screenStyler.styleLine(row, plain, width, { foreground, background });
+        }
+        return [
+            colorLine("", margin, { background: colors.background }),
+            line.segments && line.segments.length > 0
+                ? this.host.screenStyler.styleLineSegments(row, line.text, menuWidth, { foreground, background, bold: selected }, line.segments)
+                : colorLine(line.text, menuWidth, { foreground, background, bold: selected }),
+            colorLine("", rightMargin, { background: colors.background }),
+        ].join("");
+    }
+    overlayPlainText(line, width) {
+        const margin = this.popupMenuMargin(width);
+        const menuWidth = this.effectivePopupMenuWidth(width);
+        const rightMargin = Math.max(0, width - margin - menuWidth);
+        return `${" ".repeat(margin)}${padOrTrimPlain(line.text, menuWidth)}${" ".repeat(rightMargin)}`;
+    }
+    isDynamicConversationBlock(entry) {
+        return entry.kind === "user" && this.directPopupMenu === "user-message" && this.activeUserMessageEntryId === entry.id;
+    }
+    hasDynamicConversationBlock() {
+        return this.directPopupMenu === "user-message" && this.activeUserMessageEntryId !== undefined;
+    }
+    renderInlineUserMessageMenu(entry, options) {
+        if (!(this.directPopupMenu === "user-message" && this.activeUserMessageEntryId === entry.id && this.syncUserMessageMenu()))
+            return [];
+        const headerLine = options.userLine(formatPopupMenuHeader("Message actions", options.userContentWidth));
+        headerLine.target = { kind: "popup-menu-close" };
+        headerLine.segments = [{
+                start: options.userContentLeft,
+                end: options.userContentLeft + options.userContentWidth,
+                foreground: this.host.theme.colors.accent,
+                background: this.host.theme.colors.popupHeaderBackground,
+                bold: true,
+            }];
+        const lines = [headerLine];
+        for (const item of this.userMessageMenu.visibleItems()) {
+            const label = item.label.padEnd(18, " ");
+            const description = item.description ?? "";
+            const marker = item.selected ? "›" : " ";
+            const rawText = `${marker} ${label}${description}`;
+            const text = ellipsizeDisplay(rawText, options.userContentWidth);
+            const line = options.userLine(text);
+            line.target = { kind: "popup-menu", index: item.index };
+            const contentStart = options.userContentLeft;
+            const labelStart = contentStart + 2;
+            const labelEnd = Math.min(contentStart + text.length, labelStart + item.label.length);
+            const descriptionStart = contentStart + 2 + label.length;
+            line.segments = [
+                ...(item.selected ? [{ start: contentStart, end: contentStart + 1, foreground: this.host.theme.colors.accent, bold: true }] : []),
+                {
+                    start: labelStart,
+                    end: labelEnd,
+                    foreground: this.userMessageActionForeground(item.selected, item.value),
+                    bold: item.selected,
+                },
+                ...(descriptionStart < contentStart + text.length
+                    ? [{ start: descriptionStart, end: contentStart + text.length, foreground: this.host.theme.colors.muted }]
+                    : []),
+            ];
+            lines.push(line);
+        }
+        return lines;
+    }
+    hasPopupActionItems(items) {
+        return items.length > 0;
+    }
+    withoutCloseMenuItems(items) {
+        return items.filter((item) => item.label.trim().toLowerCase() !== "cancel");
+    }
+    resetPopupMenuSelection(menu) {
+        menu.selectedIndex = 0;
+        menu.scrollOffset = 0;
+    }
+    resetResumeMenuLazyState(query = this.directPopupMenuQuery) {
+        this.resumeMenuQuery = query;
+        this.resumeMenuSessionLimit = RESUME_MENU_INITIAL_SESSION_ROWS;
+        this.resumeMenuAllSessionsLoaded = false;
+    }
+    maybeGrowResumeMenuWindow(query) {
+        if (this.resumeMenuQuery !== query) {
+            this.resetResumeMenuLazyState(query);
+            return;
+        }
+        if (this.resumeMenuAllSessionsLoaded || this.resumeMenu.items.length === 0)
+            return;
+        const loadThresholdIndex = Math.max(0, this.resumeMenu.items.length - RESUME_MENU_LOAD_THRESHOLD_ROWS);
+        const lastVisibleIndex = this.resumeMenu.scrollOffset + this.resumeMenu.maxVisibleRows - 1;
+        if (this.resumeMenu.selectedIndex >= loadThresholdIndex || lastVisibleIndex >= loadThresholdIndex) {
+            this.resumeMenuSessionLimit += RESUME_MENU_LOAD_BATCH_ROWS;
+        }
+    }
+    updateResumeMenuLoadedState() {
+        const loadedSessions = this.resumeMenu.items.filter((item) => item.value.kind === "session").length;
+        this.resumeMenuAllSessionsLoaded = loadedSessions < this.resumeMenuSessionLimit;
+    }
+    resumeMenuLoadedSessionCount() {
+        return this.resumeMenu.items.filter((item) => item.value.kind === "session").length;
+    }
+    userMessageActionForeground(selected, value) {
+        if (selected)
+            return this.host.theme.colors.accent;
+        if (value === "undo")
+            return this.host.theme.colors.error;
+        return this.host.theme.colors.inputForeground;
+    }
+    selectableItemVariant(selected, value) {
+        if (selected)
+            return "accent";
+        return value.current ? "muted" : "normal";
+    }
+    queueMessageItemVariant(selected, value) {
+        if (selected)
+            return "accent";
+        return value === "cancel" ? "error" : "normal";
+    }
+    sdkItemVariant(selected, value) {
+        if (selected)
+            return "accent";
+        return value.variant ?? "normal";
+    }
+    resumeMenuItemSegments(value, label, description, text) {
+        if (value.kind !== "session")
+            return undefined;
+        const sessionLabel = value.session.name ?? value.session.firstMessage.slice(0, 50);
+        const sessionLabelStart = Math.max(0, label.length - sessionLabel.length);
+        const muted = this.host.theme.colors.popupMuted;
+        const segments = [];
+        if (sessionLabelStart > 0)
+            segments.push({ start: 0, end: sessionLabelStart, foreground: muted });
+        if (description.length > 0)
+            segments.push({ start: label.length, end: text.length, foreground: muted });
+        return segments.length > 0 ? segments : undefined;
+    }
+    popupMenuHeader(title, width) {
+        return {
+            text: formatPopupMenuHeader(title, width),
+            variant: "accent",
+            backgroundOverride: this.host.theme.colors.popupHeaderBackground,
+            target: { kind: "popup-menu-close" },
+        };
+    }
+    syncModelMenu() {
+        if (this.directPopupMenu === "model") {
+            this.closeMenusExcept("model");
+            this.modelMenu.openWithItems(this.withoutCloseMenuItems(this.host.getModelMenuItems(this.directPopupMenuQuery)));
+            return true;
+        }
+        const parsed = this.host.parseSlashInput(this.host.getInput());
+        if (parsed?.commandName.toLowerCase() !== "model" || this.dismissedModelMenuInput === this.host.getInput()) {
+            this.modelMenu.close();
+            return false;
+        }
+        const query = parsed.hasArguments ? parsed.arguments : "";
+        if (this.modelMenuQuery !== query) {
+            this.resetPopupMenuSelection(this.modelMenu);
+            this.modelMenuQuery = query;
+        }
+        this.closeMenusExcept("model");
+        this.modelMenu.openWithItems(this.withoutCloseMenuItems(this.host.getModelMenuItems(query)));
+        return true;
+    }
+    syncThinkingMenu() {
+        if (this.directPopupMenu === "thinking") {
+            this.closeMenusExcept("thinking");
+            this.thinkingMenu.openWithItems(this.withoutCloseMenuItems(this.host.getThinkingMenuItems(this.directPopupMenuQuery)));
+            return true;
+        }
+        const parsed = this.host.parseSlashInput(this.host.getInput());
+        if (parsed?.commandName.toLowerCase() !== "thinking" || this.dismissedThinkingMenuInput === this.host.getInput()) {
+            this.thinkingMenu.close();
+            return false;
+        }
+        const query = parsed.hasArguments ? parsed.arguments : "";
+        if (this.thinkingMenuQuery !== query) {
+            this.resetPopupMenuSelection(this.thinkingMenu);
+            this.thinkingMenuQuery = query;
+        }
+        this.closeMenusExcept("thinking");
+        this.thinkingMenu.openWithItems(this.withoutCloseMenuItems(this.host.getThinkingMenuItems(query)));
+        return true;
+    }
+    syncResumeMenu() {
+        if (this.directPopupMenu !== "resume") {
+            this.resumeMenu.close();
+            return false;
+        }
+        this.closeMenusExcept("resume");
+        this.maybeGrowResumeMenuWindow(this.directPopupMenuQuery);
+        this.resumeMenu.openWithItems(this.withoutCloseMenuItems(this.host.getResumeMenuItems(this.directPopupMenuQuery, this.resumeMenuSessionLimit)));
+        this.updateResumeMenuLoadedState();
+        return true;
+    }
+    syncUserMessageMenu() {
+        if (this.directPopupMenu !== "user-message" || !this.activeUserMessageEntryId) {
+            this.userMessageMenu.close();
+            if (this.directPopupMenu === "user-message")
+                this.directPopupMenu = undefined;
+            return false;
+        }
+        if (!this.host.hasUserEntry(this.activeUserMessageEntryId)) {
+            this.userMessageMenu.close();
+            this.activeUserMessageEntryId = undefined;
+            this.directPopupMenu = undefined;
+            return false;
+        }
+        this.closeMenusExcept("user-message");
+        this.userMessageMenu.openWithItems(this.withoutCloseMenuItems(this.host.getUserMessageMenuItems()));
+        return true;
+    }
+    syncUserMessageJumpMenu() {
+        if (this.directPopupMenu !== "user-message-jump") {
+            this.userMessageJumpMenu.close();
+            return false;
+        }
+        this.closeMenusExcept("user-message-jump");
+        this.userMessageJumpMenu.openWithItems(this.withoutCloseMenuItems(this.host.getUserMessageJumpMenuItems(this.directPopupMenuQuery)));
+        return true;
+    }
+    syncQueueMessageMenu() {
+        if (this.directPopupMenu !== "queue-message" || !this.activeQueuedMessageEntryId) {
+            this.queueMessageMenu.close();
+            if (this.directPopupMenu === "queue-message")
+                this.directPopupMenu = undefined;
+            return false;
+        }
+        if (!this.host.hasQueuedEntry(this.activeQueuedMessageEntryId)) {
+            this.queueMessageMenu.close();
+            this.activeQueuedMessageEntryId = undefined;
+            this.directPopupMenu = undefined;
+            return false;
+        }
+        this.closeMenusExcept("queue-message");
+        this.queueMessageMenu.openWithItems(this.withoutCloseMenuItems(this.host.getQueueMessageMenuItems()));
+        return true;
+    }
+    syncSdkMenu() {
+        if (this.directPopupMenu !== "sdk-menu" || !this.sdkMenuRequest) {
+            this.sdkMenu.close();
+            if (this.directPopupMenu === "sdk-menu") {
+                this.directPopupMenu = undefined;
+                this.directPopupMenuPreserveStatus = false;
+                this.directPopupMenuQuery = "";
+            }
+            return false;
+        }
+        this.closeMenusExcept("sdk-menu");
+        this.sdkMenu.openWithItems(this.getSdkMenuItems(this.directPopupMenuQuery));
+        return true;
+    }
+    syncSlashCommandMenu() {
+        const parsed = this.host.parseSlashInput(this.host.getInput());
+        if (!parsed || parsed.hasArguments || this.dismissedSlashCommandMenuInput === this.host.getInput()) {
+            this.slashCommandMenu.close();
+            return false;
+        }
+        if (this.slashCommandMenuQuery !== parsed.commandName) {
+            this.resetPopupMenuSelection(this.slashCommandMenu);
+            this.slashCommandMenuQuery = parsed.commandName;
+        }
+        this.slashCommandMenu.openWithItems(this.withoutCloseMenuItems(this.host.getSlashCommandMenuItems(parsed.commandName)));
+        this.closeMenusExcept("slash");
+        return true;
+    }
+    closeMenusExcept(active) {
+        if (active !== "slash")
+            this.slashCommandMenu.close();
+        if (active !== "model")
+            this.modelMenu.close();
+        if (active !== "thinking")
+            this.thinkingMenu.close();
+        if (active !== "resume")
+            this.resumeMenu.close();
+        if (active !== "user-message")
+            this.userMessageMenu.close();
+        if (active !== "user-message-jump")
+            this.userMessageJumpMenu.close();
+        if (active !== "queue-message")
+            this.queueMessageMenu.close();
+        if (active !== "sdk-menu")
+            this.sdkMenu.close();
+    }
+    getSdkMenuItems(query) {
+        const request = this.sdkMenuRequest;
+        if (!request)
+            return [];
+        const items = request.options.searchable === false || query.trim().length === 0
+            ? request.items
+            : fuzzySearch(request.items.map((item) => ({
+                value: item,
+                label: item.label,
+                ...(item.keywords === undefined ? {} : { keywords: item.keywords }),
+            })), query).map((match) => match.value);
+        return this.withoutCloseMenuItems(items.map((item) => ({
+            value: item,
+            label: item.label,
+            ...(item.description === undefined ? {} : { description: item.description }),
+        })));
+    }
+    renderSlashCommandMenu(_width) {
+        if (!this.syncSlashCommandMenu())
+            return [];
+        const lines = [this.popupMenuHeader("Commands", _width)];
+        const visibleItems = this.slashCommandMenu.visibleItems();
+        if (!this.hasPopupActionItems(this.slashCommandMenu.items)) {
+            lines.push({ text: "  No matching slash commands", variant: "muted" });
+        }
+        for (const item of visibleItems) {
+            const command = item.label.padEnd(SLASH_COMMAND_DESCRIPTION_COLUMN, " ");
+            const description = item.description ?? "";
+            lines.push({
+                text: `${command}${description}`,
+                variant: item.selected ? "accent" : "normal",
+                target: { kind: "popup-menu", index: item.index },
+            });
+        }
+        return lines;
+    }
+    renderModelMenu(_width) {
+        if (!this.syncModelMenu())
+            return [];
+        const lines = [this.popupMenuHeader("Select model", _width)];
+        const visibleItems = this.modelMenu.visibleItems();
+        if (!this.hasPopupActionItems(this.modelMenu.items)) {
+            lines.push({
+                text: this.host.session ? "  No matching favorite models" : "  Model menu unavailable",
+                variant: "muted",
+            });
+        }
+        for (const item of visibleItems) {
+            const model = item.label.padEnd(SLASH_COMMAND_DESCRIPTION_COLUMN, " ");
+            const description = item.description ?? "";
+            lines.push({
+                text: `${model}${description}`,
+                variant: this.selectableItemVariant(item.selected, item.value),
+                target: { kind: "popup-menu", index: item.index },
+            });
+        }
+        return lines;
+    }
+    renderThinkingMenu(_width) {
+        if (!this.syncThinkingMenu())
+            return [];
+        const lines = [this.popupMenuHeader("Thinking level", _width)];
+        const visibleItems = this.thinkingMenu.visibleItems();
+        if (!this.hasPopupActionItems(this.thinkingMenu.items)) {
+            lines.push({ text: "  No matching thinking levels", variant: "muted" });
+        }
+        for (const item of visibleItems) {
+            const level = item.label.padEnd(SLASH_COMMAND_DESCRIPTION_COLUMN, " ");
+            const description = item.description ?? "";
+            lines.push({
+                text: `${level}${description}`,
+                variant: this.selectableItemVariant(item.selected, item.value),
+                target: { kind: "popup-menu", index: item.index },
+            });
+        }
+        return lines;
+    }
+    renderResumeMenu(_width) {
+        if (!this.syncResumeMenu())
+            return [];
+        const title = this.host.resumeLoading ? `Resume session ${APP_ICONS.timerSand}` : "Resume session";
+        const lines = [this.popupMenuHeader(title, _width)];
+        const visibleItems = this.resumeMenu.visibleItems();
+        if (!this.host.resumeLoading && !this.hasPopupActionItems(this.resumeMenu.items)) {
+            lines.push({
+                text: this.host.resumeSessionCount === 0 ? "  No sessions found" : "  No matching sessions",
+                variant: "muted",
+            });
+        }
+        for (const item of visibleItems) {
+            const label = item.label;
+            const description = item.description ?? "";
+            const text = `${label}  ${description}`;
+            const segments = this.resumeMenuItemSegments(item.value, label, description, text);
+            lines.push({
+                text,
+                variant: item.selected ? "accent" : "normal",
+                ...(segments ? { segments } : {}),
+                target: { kind: "popup-menu", index: item.index },
+            });
+        }
+        if (!this.resumeMenuAllSessionsLoaded && this.resumeMenuLoadedSessionCount() > 0) {
+            lines.push({ text: `  Loaded ${this.resumeMenuLoadedSessionCount()} sessions · scroll for more`, variant: "muted" });
+        }
+        if (this.directPopupMenuQuery) {
+            lines.push({ text: `  Search: ${this.directPopupMenuQuery}`, variant: "muted" });
+        }
+        return lines;
+    }
+    renderUserMessageJumpMenu(width) {
+        if (!this.syncUserMessageJumpMenu())
+            return [];
+        const lines = [this.popupMenuHeader("Jump to user message", width)];
+        if (!this.hasPopupActionItems(this.userMessageJumpMenu.items)) {
+            lines.push({
+                text: this.host.entries.some((entry) => entry.kind === "user") ? "  No matching user messages" : "  No user messages yet",
+                variant: "muted",
+            });
+        }
+        const labelWidth = Math.max(1, width);
+        for (const item of this.userMessageJumpMenu.visibleItems()) {
+            const label = ellipsizeDisplay(item.label, labelWidth);
+            lines.push({
+                text: label,
+                variant: item.selected ? "accent" : "normal",
+                target: { kind: "popup-menu", index: item.index },
+            });
+        }
+        if (this.directPopupMenuQuery) {
+            lines.push({ text: `  Search: ${this.directPopupMenuQuery}`, variant: "muted" });
+        }
+        return lines;
+    }
+    renderQueueMessageMenu(_width) {
+        if (!this.syncQueueMessageMenu())
+            return [];
+        const lines = [this.popupMenuHeader("Queued message", _width)];
+        for (const item of this.queueMessageMenu.visibleItems()) {
+            const label = item.label.padEnd(18, " ");
+            const description = item.description ?? "";
+            lines.push({
+                text: `${label}${description}`,
+                variant: this.queueMessageItemVariant(item.selected, item.value),
+                target: { kind: "popup-menu", index: item.index },
+            });
+        }
+        return lines;
+    }
+    renderSdkMenu(_width) {
+        if (!this.syncSdkMenu())
+            return [];
+        const request = this.sdkMenuRequest;
+        const lines = [this.popupMenuHeader(request?.options.title ?? "Menu", _width)];
+        if (!this.hasPopupActionItems(this.sdkMenu.items)) {
+            lines.push({ text: `  ${request?.options.emptyText ?? "No matching items"}`, variant: "muted" });
+        }
+        for (const item of this.sdkMenu.visibleItems()) {
+            const label = item.label.padEnd(SLASH_COMMAND_DESCRIPTION_COLUMN, " ");
+            const description = item.description ?? "";
+            lines.push({
+                text: `${label}${description}`,
+                variant: this.sdkItemVariant(item.selected, item.value),
+                target: { kind: "popup-menu", index: item.index },
+            });
+        }
+        if (request?.options.searchable !== false && this.directPopupMenuQuery) {
+            lines.push({ text: `  ${request?.options.placeholder ?? "Search"}: ${this.directPopupMenuQuery}`, variant: "muted" });
+        }
+        return lines;
+    }
+    popupLineForeground(line, selected) {
+        const colors = this.host.theme.colors;
+        if (selected)
+            return colors.popupSelectedForeground;
+        if (line.colorOverride)
+            return line.colorOverride;
+        switch (line.variant) {
+            case "accent":
+                return colors.accent;
+            case "muted":
+                return colors.popupMuted;
+            case "error":
+                return colors.error;
+            case "normal":
+            case undefined:
+                return colors.popupForeground;
+        }
+        return colors.popupForeground;
+    }
+    popupLineBackground(line, selected) {
+        const colors = this.host.theme.colors;
+        if (selected)
+            return colors.popupSelectedBackground;
+        return line.backgroundOverride ?? colors.popupBackground;
+    }
+}
+export function formatPopupMenuHeader(title, width) {
+    const safeWidth = Math.max(1, width);
+    const sanitizedTitle = sanitizeText(title).replace(/\s+/g, " ").trim() || "Menu";
+    const buttonWidth = stringDisplayWidth(POPUP_MENU_ESCAPE_BUTTON);
+    if (safeWidth <= buttonWidth + 1)
+        return padOrTrimPlain(POPUP_MENU_ESCAPE_BUTTON, safeWidth);
+    const titleWidth = safeWidth - buttonWidth - 1;
+    const titleText = ellipsizeDisplay(sanitizedTitle, titleWidth);
+    const gapWidth = Math.max(1, safeWidth - stringDisplayWidth(titleText) - buttonWidth);
+    return `${titleText}${" ".repeat(gapWidth)}${POPUP_MENU_ESCAPE_BUTTON}`;
+}
+function canonicalSessionPath(sessionPath) {
+    return sessionPath ? resolve(sessionPath) : undefined;
+}
+function buildSessionInfoTree(sessions) {
+    const byPath = new Map();
+    for (const session of sessions) {
+        byPath.set(canonicalSessionPath(session.path) ?? session.path, { session, children: [] });
+    }
+    const roots = [];
+    for (const session of sessions) {
+        const sessionPath = canonicalSessionPath(session.path) ?? session.path;
+        const node = byPath.get(sessionPath);
+        if (!node)
+            continue;
+        const parentPath = canonicalSessionPath(session.parentSessionPath);
+        const parent = parentPath ? byPath.get(parentPath) : undefined;
+        if (parent)
+            parent.children.push(node);
+        else
+            roots.push(node);
+    }
+    const sortNodes = (nodes) => {
+        nodes.sort((left, right) => right.session.modified.getTime() - left.session.modified.getTime());
+        for (const node of nodes)
+            sortNodes(node.children);
+    };
+    sortNodes(roots);
+    return roots;
+}
+function flattenSessionInfoTree(roots) {
+    const result = [];
+    const walk = (node, depth, ancestorContinues, isLast) => {
+        result.push({ session: node.session, depth, isLast, ancestorContinues });
+        for (let index = 0; index < node.children.length; index++) {
+            const child = node.children[index];
+            if (!child)
+                continue;
+            walk(child, depth + 1, [...ancestorContinues, depth > 0 && !isLast], index === node.children.length - 1);
+        }
+    };
+    for (let index = 0; index < roots.length; index++) {
+        const root = roots[index];
+        if (!root)
+            continue;
+        walk(root, 0, [], index === roots.length - 1);
+    }
+    return result;
+}
+function sessionTreePrefix(node) {
+    if (node.depth === 0)
+        return "";
+    return `${node.ancestorContinues.map((continues) => (continues ? "│  " : "   ")).join("")}${node.isLast ? "└─ " : "├─ "}`;
+}
+function formatSessionMenuDateTime(dateTime) {
+    return {
+        date: dateTime.toLocaleDateString("ru-RU", { day: "2-digit", month: "2-digit", year: "numeric" }),
+        time: dateTime.toLocaleTimeString("ru-RU", { hour: "2-digit", minute: "2-digit", hourCycle: "h23" }),
+    };
+}
+function formatSessionInfoMenuItem(session, labelPrefix = "") {
+    const { date, time } = formatSessionMenuDateTime(session.modified);
+    const messages = `${session.messageCount} msg${session.messageCount !== 1 ? "s" : ""}`;
+    const label = session.name ?? session.firstMessage.slice(0, 50);
+    return {
+        value: session,
+        label: `${labelPrefix}${label}`,
+        description: `${date} ${time} · ${messages} · ${session.id.slice(0, 8)}`,
+    };
+}
+function buildSessionInfoMenuSource(sessions, currentSessionFile, query) {
+    const visibleSessions = sessions.filter((session) => canonicalSessionPath(session.path) !== currentSessionFile);
+    const trimmedQuery = query.trim();
+    if (!trimmedQuery) {
+        return flattenSessionInfoTree(buildSessionInfoTree(visibleSessions)).map((node) => ({
+            session: node.session,
+            labelPrefix: sessionTreePrefix(node),
+        }));
+    }
+    const items = visibleSessions
+        .map((session) => ({
+        value: session,
+        label: session.name ?? session.firstMessage.slice(0, 60),
+        keywords: [
+            session.cwd.split("/").pop() ?? session.cwd,
+            session.id,
+        ],
+    }));
+    return fuzzySearch(items, query).map((match) => ({ session: match.value, labelPrefix: "" }));
+}
+export function createSessionInfoMenuItemsLoader(sessions, currentSessionFile, query) {
+    const source = buildSessionInfoMenuSource(sessions, currentSessionFile, query);
+    const cachedItems = new Map();
+    return {
+        get total() {
+            return source.length;
+        },
+        items(limit) {
+            const effectiveLimit = limit === undefined ? source.length : Math.max(0, Math.min(limit, source.length));
+            const cached = cachedItems.get(effectiveLimit);
+            if (cached)
+                return cached;
+            const result = source.slice(0, effectiveLimit).map((item) => formatSessionInfoMenuItem(item.session, item.labelPrefix));
+            cachedItems.set(effectiveLimit, result);
+            return result;
+        },
+    };
+}
+export function formatSessionInfoMenuItems(sessions, currentSessionFile, query, options = {}) {
+    return createSessionInfoMenuItemsLoader(sessions, currentSessionFile, query).items(options.limit);
+}
+export function buildUserMessageJumpItems(entries, query) {
+    const userEntries = entries.filter((entry) => entry.kind === "user");
+    const items = userEntries.map((entry, index) => {
+        const preview = sanitizeText(entry.text).replace(/\s+/g, " ").trim();
+        const label = `${index + 1}. ${preview || "(empty message)"}`;
+        return {
+            value: { entryId: entry.id },
+            label,
+            aliases: [entry.sessionEntryId ?? "", entry.id],
+            keywords: [entry.text],
+        };
+    });
+    return fuzzySearch(items, query).map((match) => ({
+        value: match.value,
+        label: match.label,
+    }));
+}