Function createModelPickerInterface

chat/ui/appInterface.js:88–130

(app, options = {})

        sync: options.syncServiceImpl || globalThis.syncService || null
    };
}

export function createModelPickerInterface(app, options = {}) {
    const db = options.chatDBImpl || chatDB;
    const elements = pickElements(app, [
        'modelPickerBtn',
        'modelPickerModal',
        'closeModalBtn',
        'modelsList',
        'modelSearch',
        'modelListScrollArea',
        'messageInput'
    ]);

    return {
        elements,
        state: app.state,
        presentation: options.presentation || null,
        get reasoningEnabled() {
            return app.reasoningEnabled;
        },
        get cachedModelDisplayMetadata() {
            return app.cachedModelDisplayMetadata;
        },
        getCurrentSession: () => app.getCurrentSession(),
        getDefaultModelName: () => app.getDefaultModelName(),
        normalizeModelName: (modelName) => app.normalizeModelName(modelName),
        getPrimaryModelName: () => {
            if (app.chatInput?.getPrimaryModelName) {
                return app.chatInput.getPrimaryModelName();
            }
            const session = app.getCurrentSession();
            const rawModelName = session?.model || app.state.pendingModelName || null;
            return rawModelName ? (app.normalizeModelName(rawModelName) || rawModelName) : null;
        },
        getCouncilSecondaryModelName: () => app.chatInput?.getSelectedCouncilSecondaryModelName?.() || '',
        getCouncilSynthesisModelName: () => app.chatInput?.getCouncilSynthesisModelForSelection?.() || '',
        renderCurrentModel: () => app.renderCurrentModel(),
        refreshEditModelPickerButton: () => app.chatArea?.updateEditModelPickerButton?.(),
        actions: {
            async selectModel(modelName) {
                const normalizedModelName = app.normalizeModelName(modelName);
                const session = app.getCurrentSession();
                const reservation = session ? app.beginSessionMutation?.(session.id) : null;
                if (session && app.beginSessionMutation && !reservation) {
                    await app.acknowledgeSessionMutationBusy?.(session.id);