@tianmucreations/jeeves 0.2.0 → 0.3.0

package/dist/components/ModelPicker.js

@@ -5,19 +5,24 @@ import Spinner from 'ink-spinner';
 import Fuse from 'fuse.js';
 import { session, useSession } from '../state/session.js';
 import { isToolCapable } from '../models/filter.js';
-import { compactContext, compactPrice, isFastModel, resolveCurated, cleanModelName, } from '../models/registry.js';
-import { setFavorites, setRecents, setDefaultModel, setDefaultProvider } from '../platform/config.js';
-import { summariseHistory } from '../agent/context.js';
-import { hasCredentialsFor, PROVIDER_ROWS } from '../providers/index.js';
+import { compactContext, compactPrice, isFastModel, resolveCurated, isFreeModel, cleanModelName, } from '../models/registry.js';
+import { setFavorites, setRecents, setDefaultModel, setDefaultProvider, setDailyLimit, hasSavedDailyLimit, getDefaultModel } from '../platform/config.js';
+import { hasCredentialsFor, storeZaiKey, PROVIDER_ROWS, storeOpenRouterKey, refreshCredit, storeDirectKey, storeCustomService, serviceKey, customServiceName, } from '../providers/index.js';
+import { directService, isDirectService, CUSTOM_SERVICE_ID } from '../providers/direct-services.js';
+import { loadDirectModels, checkCustomService } from '../providers/catalogue.js';
+import { autoRowFor, noAutoNote } from '../agent/auto.js';
+import { getCustomService } from '../platform/config.js';
+import { keyLooksValid } from '../commands/keys.js';
 import { listLocalOllamaModels, isOllamaOnline } from '../providers/ollama.js';
 import { ZAI_MODELS } from '../providers/zai.js';
-import { resetStickySession } from '../providers/openrouter.js';
-const TABS = ['favorites', 'recent', 'all', 'tools'];
+import { isMouseSequence } from '../ink/mouse.js';
+const TABS = ['favorites', 'recent', 'all', 'tools', 'free'];
 const TAB_LABELS = {
     favorites: 'Favorites',
     recent: 'Recent',
     all: 'All',
     tools: 'Tool-capable',
+    free: 'Free',
 };
 // The calm first step uses the shared provider list; keys live in the OS keychain (Phase 7).
 const PROVIDER_ORDER = ['openrouter', 'zai', 'anthropic', 'openai', 'google', 'x-ai', 'groq', 'mistral', 'ollama'];
@@ -28,11 +33,14 @@ const PROVIDER_LABELS = {
     openai: 'OpenAI',
     google: 'Google',
     'x-ai': 'xAI',
+    xai: 'xAI (Grok)',
     groq: 'Groq',
     mistral: 'Mistral',
     ollama: 'Ollama',
 };
 function providerLabel(provider) {
+    if (provider === CUSTOM_SERVICE_ID)
+        return customServiceName();
     return PROVIDER_LABELS[provider] ?? provider;
 }
 function groupModels(models) {
@@ -71,6 +79,9 @@ function poolFor(tab, models, favorites, recents) {
         return recents.map((id) => byId.get(id)).filter((m) => m !== undefined);
     if (tab === 'tools')
         return models.filter(isToolCapable);
+    // Free models that can do tasks - a free model that can only chat is no use here.
+    if (tab === 'free')
+        return models.filter((model) => isFreeModel(model) && isToolCapable(model));
     return models;
 }
 function fuzzyMatch(pool, query) {
@@ -115,6 +126,18 @@ export function ModelPicker({ rows, columns }) {
     const [cursor, setCursor] = useState(0);
     const [phase, setPhase] = useState('browse');
     const [pending, setPending] = useState(null);
+    const [keyValue, setKeyValue] = useState('');
+    // Which service the key prompt is for.
+    const [keyFor, setKeyFor] = useState('zai');
+    // A direct connection's or the compatible service's models (null while loading).
+    const [directModels, setDirectModels] = useState(null);
+    const [addressValue, setAddressValue] = useState('');
+    // True while a key is being checked with its company.
+    const [checking, setChecking] = useState(false);
+    const [limitValue, setLimitValue] = useState('');
+    const [limitNote, setLimitNote] = useState('');
+    const [limitReturn, setLimitReturn] = useState('providers');
+    const [keyNote, setKeyNote] = useState('');
     useEffect(() => {
         let cancelled = false;
         void isOllamaOnline().then((online) => {
@@ -125,8 +148,16 @@ export function ModelPicker({ rows, columns }) {
             cancelled = true;
         };
     }, []);
-    const catalog = providerChoice === 'ollama' ? (ollamaModels ?? []) : providerChoice === 'zai' ? ZAI_MODELS : s.models;
-    const listHeight = Math.max(1, rows - 5);
+    const catalog = providerChoice === 'ollama'
+        ? (ollamaModels ?? [])
+        : providerChoice === 'zai'
+            ? ZAI_MODELS
+            : providerChoice === 'openrouter'
+                ? s.models
+                : (directModels ?? []);
+    // A service without Auto says so in one line above its list.
+    const autoNote = step === 'full' ? noAutoNote(providerChoice, providerLabel(providerChoice)) : null;
+    const listHeight = Math.max(1, rows - 5 - (autoNote ? 1 : 0));
     const items = useMemo(() => {
         if (step === 'curated') {
             const picks = resolveCurated(catalog);
@@ -135,6 +166,9 @@ export function ModelPicker({ rows, columns }) {
                 flat.push({ kind: 'model', model: pick.model, blurb: pick.blurb });
             }
             flat.push({ kind: 'header', label: '──────────' }, { kind: 'show-all' });
+            const freeCount = catalog.filter((model) => isFreeModel(model) && isToolCapable(model)).length;
+            if (freeCount > 0)
+                flat.push({ kind: 'show-free', count: freeCount });
             return flat;
         }
         if (step === 'full') {
@@ -142,7 +176,7 @@ export function ModelPicker({ rows, columns }) {
             const matched = fuzzyMatch(pool, query);
             const flat = [{ kind: 'back' }];
             if (providerChoice === 'ollama') {
-                flat.push({ kind: 'header', label: 'Ollama (local)' });
+                flat.push({ kind: 'header', label: 'Ollama (on this computer)' });
                 for (const model of matched)
                     flat.push({ kind: 'model', model });
             }
@@ -164,20 +198,30 @@ export function ModelPicker({ rows, columns }) {
     const start = Math.max(0, Math.min(items.length - listHeight, resolved - half));
     const visible = items.slice(start, start + listHeight);
     const highlighted = resolved >= 0 && items[resolved]?.kind === 'model' ? items[resolved].model : null;
+    // Every row does something when chosen: each service asks for its key right here
+    // if it is missing (the compatible service for its address first).
     function providerEnabled(rowId) {
-        if (rowId === 'openrouter')
-            return hasCredentialsFor('openrouter');
-        if (rowId === 'zai')
-            return hasCredentialsFor('zai');
         if (rowId === 'ollama')
             return ollamaOnline === true;
-        return false;
+        return true;
     }
     function providerHint(rowId) {
         if (rowId === 'ollama') {
             return ollamaOnline === null ? 'checking…' : 'not running - start the Ollama app';
         }
-        return 'add key with /keys';
+        return '';
+    }
+    // The compatible service's row names it once it has been added.
+    function rowDescription(row) {
+        if (row.id === CUSTOM_SERVICE_ID && hasCredentialsFor(CUSTOM_SERVICE_ID))
+            return `${customServiceName()} - your compatible service`;
+        return row.description;
+    }
+    function askForKey(service) {
+        setKeyFor(service);
+        setKeyValue('');
+        setKeyNote('');
+        setStep('key');
     }
     function enterModelStep(forProvider) {
         setProviderChoice(forProvider);
@@ -196,20 +240,61 @@ export function ModelPicker({ rows, columns }) {
         }
         setStep(big ? 'curated' : 'full');
     }
+    // A direct connection or the compatible service: its models load from the company.
+    function enterDirectStep(forProvider) {
+        setProviderChoice(forProvider);
+        setQuery('');
+        setTab('all');
+        setCursor(1);
+        setDirectModels(null);
+        setStep('full');
+        const loading = forProvider === CUSTOM_SERVICE_ID
+            ? checkCustomService(getCustomService()?.baseURL ?? '', serviceKey(CUSTOM_SERVICE_ID) ?? '').then((check) => (check.ok ? check.models : []))
+            : isDirectService(forProvider)
+                ? loadDirectModels(forProvider, serviceKey(forProvider) ?? '').then((models) => {
+                    // Auto heads the list where the company has it (OpenAI).
+                    const auto = autoRowFor(forProvider, models);
+                    return auto ? [auto, ...models] : models;
+                })
+                : Promise.resolve([]);
+        void loading.then(setDirectModels).catch(() => setDirectModels([]));
+    }
     function chooseProvider() {
+        // The row under the services: the daily spending limit.
+        if (providerCursor === PROVIDER_ROWS.length) {
+            setLimitReturn('providers');
+            setLimitValue('');
+            setLimitNote('');
+            setStep('limit');
+            return;
+        }
         const row = PROVIDER_ROWS[providerCursor];
         if (!row)
             return;
         if (row.id === 'openrouter') {
             if (!hasCredentialsFor('openrouter'))
-                return;
+                return askForKey('openrouter');
             enterModelStep('openrouter');
         }
         else if (row.id === 'zai') {
             if (!hasCredentialsFor('zai'))
-                return;
+                return askForKey('zai');
             enterModelStep('zai');
         }
+        else if (isDirectService(row.id)) {
+            if (!hasCredentialsFor(row.id))
+                return askForKey(row.id);
+            enterDirectStep(row.id);
+        }
+        else if (row.id === CUSTOM_SERVICE_ID) {
+            if (!hasCredentialsFor(CUSTOM_SERVICE_ID)) {
+                setAddressValue('');
+                setKeyNote('');
+                setStep('address');
+                return;
+            }
+            enterDirectStep(CUSTOM_SERVICE_ID);
+        }
         else if (row.id === 'ollama') {
             if (ollamaOnline !== true)
                 return;
@@ -220,6 +305,12 @@ export function ModelPicker({ rows, columns }) {
         }
     }
     function goBack() {
+        if (step === 'key' || step === 'address') {
+            setKeyValue('');
+            setKeyNote('');
+            setStep(step === 'key' && keyFor === CUSTOM_SERVICE_ID ? 'address' : 'providers');
+            return;
+        }
         if (step === 'full' && providerChoice === 'openrouter') {
             setQuery('');
             setCursor(1);
@@ -261,15 +352,17 @@ export function ModelPicker({ rows, columns }) {
             goBack();
             return;
         }
-        if (current.kind === 'show-all') {
+        if (current.kind === 'show-all' || current.kind === 'show-free') {
             setStep('full');
             setQuery('');
-            setTab('all');
+            setTab(current.kind === 'show-free' ? 'free' : 'all');
             setCursor(1);
             return;
         }
         const model = current.model;
-        if (model.id === s.model && providerChoice === s.providerId) {
+        // Choosing the model already in use just closes - unless nothing was ever chosen,
+        // so a first choice of the starting model (Auto) still saves it and sets the daily limit.
+        if (model.id === s.model && providerChoice === s.providerId && getDefaultModel() !== null) {
             s.closePicker();
             return;
         }
@@ -278,56 +371,198 @@ export function ModelPicker({ rows, columns }) {
             setPhase('tool-warning');
             return;
         }
-        if (s.history.length > 0) {
-            setPending(model);
-            setPhase('switch-confirm');
+        // A switch mid-conversation simply carries the conversation on (context
+        // housekeeping keeps it lean; /clear starts afresh). No "Switched to" line:
+        // the info bar already names the model.
+        applyModel(model);
+        finishChoice(model);
+    }
+    // The first time a model that costs money is chosen, the daily limit is set, so
+    // spending is visible in the bar from the first message.
+    function finishChoice(model) {
+        const paid = providerChoice === 'openrouter' || isDirectService(providerChoice);
+        if (paid && !isFreeModel(model) && !hasSavedDailyLimit()) {
+            setLimitReturn('close');
+            setLimitValue('');
+            setLimitNote('');
+            setStep('limit');
             return;
         }
-        applyModel(model);
-        s.addNotice(`Switched to ${model.name}.`);
         s.closePicker();
     }
     useInput((input, key) => {
+        if (isMouseSequence(input))
+            return;
         if (phase === 'tool-warning') {
             if (key.return) {
                 if (pending) {
                     applyModel(pending);
-                    s.addNotice('Chat-only mode - this model cannot call tools.');
+                    finishChoice(pending);
+                }
+                else {
+                    s.closePicker();
                 }
-                s.closePicker();
             }
             else if (key.escape) {
                 setPhase('browse');
             }
             return;
         }
-        if (phase === 'switch-confirm') {
-            if (input === 'k') {
-                if (pending) {
-                    applyModel(pending);
-                    s.addNotice(`Switched to ${pending.name} - conversation kept.`);
+        if (step === 'address') {
+            if (key.escape) {
+                goBack();
+                return;
+            }
+            if (key.return) {
+                if (addressValue.trim().length < 4) {
+                    setKeyNote("Paste the service's web address - its documentation gives it - or Esc");
+                    return;
                 }
-                s.closePicker();
+                askForKey(CUSTOM_SERVICE_ID);
+                return;
             }
-            else if (input === 's') {
-                if (pending) {
-                    applyModel(pending);
-                    s.addNotice(`Switched to ${pending.name} - summarising the conversation.`);
+            if (key.backspace || key.delete) {
+                setAddressValue((v) => v.slice(0, -1));
+                return;
+            }
+            if (!input || key.ctrl || key.meta)
+                return;
+            setKeyNote('');
+            setAddressValue((v) => v + input);
+            return;
+        }
+        if (step === 'key') {
+            if (checking)
+                return;
+            if (key.escape) {
+                goBack();
+                return;
+            }
+            if (key.return && keyFor === CUSTOM_SERVICE_ID) {
+                // A service on this computer may need no key, so an empty key is allowed here.
+                setChecking(true);
+                setKeyNote(`Checking ${addressValue.trim()}…`);
+                void storeCustomService(addressValue, keyValue.trim()).then((result) => {
+                    setChecking(false);
+                    setKeyValue('');
+                    if (result === 'saved' || result === 'saved-unchecked') {
+                        if (result === 'saved-unchecked') {
+                            s.addNotice(`${customServiceName()} shows its models to anyone, so the key couldn't be checked yet. If it's wrong, you'll be told on your first message.`);
+                        }
+                        setKeyNote('');
+                        enterDirectStep(CUSTOM_SERVICE_ID);
+                    }
+                    else if (result === 'rejected') {
+                        setKeyNote("The service didn't accept that key - paste it again, or Esc");
+                    }
+                    else if (result === 'keychain') {
+                        setKeyNote('The Mac keychain was not reachable - press Enter and try again.');
+                    }
+                    else {
+                        setStep('address');
+                        setKeyNote("Couldn't find a compatible service at that address - check it, or Esc");
+                    }
+                });
+                return;
+            }
+            if (key.return && isDirectService(keyFor)) {
+                const trimmed = keyValue.trim();
+                const label = directService(keyFor).label;
+                if (!keyLooksValid(trimmed, keyFor)) {
+                    setKeyNote('That looks too short to be a key - paste it again, or Esc');
+                    setKeyValue('');
+                    return;
                 }
-                s.closePicker();
-                void summariseHistory();
+                setChecking(true);
+                setKeyNote(`Checking the key with ${label}…`);
+                void storeDirectKey(keyFor, trimmed).then((result) => {
+                    setChecking(false);
+                    setKeyValue('');
+                    if (result === 'rejected') {
+                        setKeyNote(`${label} didn't accept that key - paste it again, or Esc`);
+                        return;
+                    }
+                    if (result === 'keychain') {
+                        setKeyNote('The Mac keychain was not reachable - press Enter and try again.');
+                        return;
+                    }
+                    if (result === 'saved-unchecked') {
+                        s.addNotice(`Your ${label} key is saved, but ${label} couldn't be reached to check it. If it's wrong, you'll be told on your first message.`);
+                    }
+                    setKeyNote('');
+                    if (s.status === 'disconnected')
+                        s.setStatus('idle');
+                    enterDirectStep(keyFor);
+                });
+                return;
             }
-            else if (input === 'f') {
-                if (pending) {
-                    applyModel(pending);
-                    s.addNotice(`Switched to ${pending.name} - starting fresh.`);
+            if (key.return) {
+                const trimmed = keyValue.trim();
+                if (!keyLooksValid(trimmed, keyFor)) {
+                    setKeyNote(keyFor === 'openrouter'
+                        ? 'Not an OpenRouter key (they start with sk-or-) - paste it again, or Esc'
+                        : 'That looks too short to be a key - paste it again, or Esc');
+                    setKeyValue('');
+                    return;
                 }
-                s.setHistory([]);
-                resetStickySession();
-                s.closePicker();
+                const store = keyFor === 'openrouter' ? storeOpenRouterKey : storeZaiKey;
+                void store(trimmed).then((saved) => {
+                    if (!saved) {
+                        setKeyNote('The Mac keychain was not reachable - press Enter and try again.');
+                        return;
+                    }
+                    if (keyFor === 'zai') {
+                        enterModelStep('zai');
+                    }
+                    else {
+                        void refreshCredit();
+                        if (s.status === 'disconnected')
+                            s.setStatus('idle');
+                        enterModelStep('openrouter');
+                    }
+                });
+                return;
             }
-            else if (key.escape) {
-                setPhase('browse');
+            if (key.backspace || key.delete) {
+                setKeyValue((v) => v.slice(0, -1));
+                return;
+            }
+            if (!input || key.ctrl || key.meta)
+                return;
+            setKeyNote('');
+            setKeyValue((v) => v + input);
+            return;
+        }
+        if (step === 'limit') {
+            const done = () => (limitReturn === 'close' ? s.closePicker() : setStep('providers'));
+            // From a model choice, Esc or an empty Enter keeps the suggested limit.
+            if (key.escape || (key.return && limitValue === '' && limitReturn === 'close')) {
+                if (limitReturn === 'close') {
+                    setDailyLimit(s.dailyLimit);
+                }
+                done();
+                return;
+            }
+            if (key.return) {
+                const amount = Number(limitValue.replace(/^\$/, ''));
+                if (!Number.isFinite(amount) || amount <= 0 || amount > 1000) {
+                    setLimitNote('Type an amount in dollars, like 3 or 7.50');
+                    setLimitValue('');
+                    return;
+                }
+                const rounded = Math.round(amount * 100) / 100;
+                setDailyLimit(rounded);
+                s.setDailyLimit(rounded);
+                done();
+                return;
+            }
+            if (key.backspace || key.delete) {
+                setLimitValue((v) => v.slice(0, -1));
+                return;
+            }
+            if (/^[0-9.$]$/.test(input)) {
+                setLimitNote('');
+                setLimitValue((v) => (v + input).slice(0, 8));
             }
             return;
         }
@@ -341,7 +576,7 @@ export function ModelPicker({ rows, columns }) {
                 return;
             }
             if (key.downArrow) {
-                setProviderCursor((current) => Math.min(PROVIDER_ROWS.length - 1, current + 1));
+                setProviderCursor((current) => Math.min(PROVIDER_ROWS.length, current + 1));
                 return;
             }
             if (key.return) {
@@ -390,11 +625,36 @@ export function ModelPicker({ rows, columns }) {
         }
     });
     if (step === 'providers') {
-        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Text, { dimColor: true, children: "Choose an AI provider" }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: PROVIDER_ROWS.map((row, index) => {
-                        const enabled = providerEnabled(row.id);
-                        const selected = index === providerCursor;
-                        return (_jsxs(Text, { inverse: selected, dimColor: !enabled && !selected, children: [column(' ' + row.label, 16), enabled ? _jsx(Text, { dimColor: true, children: row.description }) : _jsx(Text, { children: providerHint(row.id) })] }, row.id));
-                    }) }), _jsx(Text, { dimColor: true, children: "\u2191\u2193 move \u00B7 Enter choose \u00B7 Esc close" })] }));
+        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Text, { dimColor: true, children: "Choose an AI service" }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [PROVIDER_ROWS.map((row, index) => {
+                            const enabled = providerEnabled(row.id);
+                            const selected = index === providerCursor;
+                            return (_jsxs(Text, { inverse: selected, dimColor: !enabled && !selected, children: [column(' ' + row.label, 16), enabled ? _jsx(Text, { dimColor: true, children: rowDescription(row) }) : _jsx(Text, { children: providerHint(row.id) })] }, row.id));
+                        }), _jsx(Text, { children: " " }), _jsxs(Text, { inverse: providerCursor === PROVIDER_ROWS.length, children: [column(' Daily limit', 16), _jsxs(Text, { dimColor: true, children: ["$", s.dailyLimit.toFixed(2), " a day - Enter to change"] })] })] }), _jsx(Text, { dimColor: true, children: "\u2191\u2193 move \u00B7 Enter choose \u00B7 Esc close" })] }));
+    }
+    if (step === 'limit') {
+        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Text, { dimColor: true, children: "Daily spending limit" }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, justifyContent: "center", children: [_jsxs(Text, { children: [_jsxs(Text, { children: ["Most to spend in a day, in dollars (now $", s.dailyLimit.toFixed(2), "): "] }), _jsx(Text, { children: limitValue }), _jsx(Text, { inverse: true, children: " " })] }), _jsx(Text, { dimColor: true, children: "When today's spending reaches it, Jeeves stops and asks before spending more." })] }), limitNote ? (_jsx(Text, { color: "yellow", children: limitNote })) : (_jsx(Text, { dimColor: true, children: limitReturn === 'close' ? `Enter keeps $${s.dailyLimit.toFixed(2)} · or type an amount, then Enter` : 'type an amount · Enter save · Esc back' }))] }));
+    }
+    if (step === 'address') {
+        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Text, { dimColor: true, children: "Other service \u2014 any service that accepts the OpenAI request format" }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, justifyContent: "center", children: [_jsxs(Text, { children: [_jsx(Text, { children: "Paste the service's web address: " }), _jsx(Text, { children: addressValue }), _jsx(Text, { inverse: true, children: " " })] }), _jsx(Text, { dimColor: true, children: "Its documentation gives it, for example https://api.together.xyz/v1" })] }), keyNote ? _jsx(Text, { color: "yellow", children: keyNote }) : _jsx(Text, { dimColor: true, children: "paste the address \u00B7 Enter next \u00B7 Esc back" })] }));
+    }
+    if (step === 'key') {
+        const direct = directService(keyFor);
+        const service = keyFor === 'openrouter' ? 'OpenRouter' : keyFor === 'zai' ? 'Z.ai' : keyFor === CUSTOM_SERVICE_ID ? 'service' : (direct?.label ?? keyFor);
+        const title = keyFor === 'openrouter'
+            ? 'OpenRouter — one key unlocks 400+ models'
+            : keyFor === 'zai'
+                ? 'Z.ai — GLM Coding Plan'
+                : keyFor === CUSTOM_SERVICE_ID
+                    ? `Other service — ${addressValue.trim()}`
+                    : `${service} — a direct connection with your own key`;
+        const where = keyFor === 'openrouter'
+            ? 'Get one at openrouter.ai/settings/keys. '
+            : direct
+                ? `Get one at ${direct.keyPage}. `
+                : keyFor === CUSTOM_SERVICE_ID
+                    ? 'No key needed for a service on this computer - just press Enter. '
+                    : '';
+        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Text, { dimColor: true, children: title }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, justifyContent: "center", children: [_jsxs(Text, { children: [_jsxs(Text, { children: ["Paste your ", service, " API key (it stays hidden): "] }), _jsx(Text, { dimColor: true, children: keyValue ? `${keyValue.length} characters ` : '' }), _jsx(Text, { inverse: true, children: " " })] }), _jsxs(Text, { dimColor: true, children: [where, "It is stored in your Mac keychain and never shown again."] })] }), keyNote ? (_jsx(Text, { color: "yellow", children: keyNote })) : (_jsx(Text, { dimColor: true, children: "paste the key \u00B7 Enter save \u00B7 Esc back" }))] }));
     }
     if (step === 'curated') {
         const picks = resolveCurated(catalog);
@@ -411,35 +671,48 @@ export function ModelPicker({ rows, columns }) {
                         if (item.kind === 'show-all') {
                             return (_jsxs(Text, { inverse: selected, dimColor: !selected, children: ["Show all ", catalog.length, " models \u2192"] }, "showall"));
                         }
+                        if (item.kind === 'show-free') {
+                            return (_jsxs(Text, { inverse: selected, dimColor: !selected, children: ["Free models (", item.count, ") - no charge, a daily limit on requests \u2192"] }, "showfree"));
+                        }
                         const tools = isToolCapable(item.model) ? '✓' : '✗';
                         return (_jsxs(Text, { inverse: selected, children: [' ', cleanModelName(item.model.name), ' ', _jsxs(Text, { dimColor: true, children: ["\u2014 ", compactContext(item.model.contextLength), " ctx \u2014 ", item.blurb ?? '', " \u2014 ", tools, " tools"] })] }, `m${item.model.id}`));
-                    })) }), _jsx(Text, { dimColor: true, children: hint })] }));
+                    })) }), _jsx(Text, { color: phase === 'tool-warning' ? 'yellow' : undefined, dimColor: phase !== 'tool-warning', children: hint })] }));
     }
     const emptyMessage = providerChoice === 'ollama'
         ? ollamaModels === null
-            ? 'Loading local models…'
+            ? 'Loading the models on this computer…'
             : ollamaModels.length === 0
                 ? 'Could not reach Ollama - is the app still running?'
                 : ''
-        : s.models.length === 0 && s.modelsNote
-            ? s.modelsNote
-            : s.models.length === 0
-                ? 'Loading the model list…'
-                : items.length <= 1
-                    ? query
-                        ? `No models match "${query}".`
-                        : tab === 'favorites'
-                            ? 'No favorites yet - highlight a model and press +'
-                            : tab === 'recent'
-                                ? 'No recently used models yet.'
-                                : 'No models.'
-                    : '';
+        : providerChoice !== 'openrouter' && providerChoice !== 'zai'
+            ? directModels === null
+                ? `Loading the ${providerLabel(providerChoice)} models…`
+                : directModels.length === 0
+                    ? `Couldn't load the ${providerLabel(providerChoice)} models - check the internet connection, then open /model again.`
+                    : items.length <= 1
+                        ? query
+                            ? `No models match "${query}".`
+                            : 'No models in this list.'
+                        : ''
+            : s.models.length === 0 && s.modelsNote
+                ? s.modelsNote
+                : s.models.length === 0
+                    ? 'Loading the model list…'
+                    : items.length <= 1
+                        ? query
+                            ? `No models match "${query}".`
+                            : tab === 'favorites'
+                                ? 'No favorites yet - highlight a model and press +'
+                                : tab === 'recent'
+                                    ? 'No recently used models yet.'
+                                    : 'No models.'
+                        : '';
     const hint = phase === 'tool-warning'
-        ? `This model can't call tools, so reading files and running commands won't work.  Enter: continue in chat-only mode · Esc: pick another`
-        : phase === 'switch-confirm'
-            ? `Keep this conversation (k) · Summarise it first (s) · Start fresh (f) · Esc: cancel`
-            : `Tab list · ↑↓ move · type to search · + favorite · Enter select · Esc back`;
-    return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsxs(Text, { dimColor: true, children: [providerLabel(providerChoice), " \u2014 all models"] }), _jsx(Box, { children: TABS.map((name) => (_jsxs(React.Fragment, { children: [_jsxs(Text, { inverse: name === tab, dimColor: name !== tab, children: [' ', TAB_LABELS[name], " (", catalog.length && name === 'tools' ? catalog.filter(isToolCapable).length : name === 'all' ? catalog.length : poolFor(name, catalog, s.favorites, s.recents).length, ")", ' '] }), _jsx(Text, { children: " " })] }, name))) }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "search: " }), _jsx(Text, { children: query }), _jsx(Text, { dimColor: true, children: query ? '' : 'type to filter' })] }), _jsx(Text, { dimColor: true, children: "context in tokens \u00B7 prices per million tokens \u00B7 \u2713 tools \u00B7 \u00BB fast" }), _jsx(Box, { flexDirection: "column", height: listHeight, children: emptyMessage ? (_jsxs(Text, { dimColor: true, children: [_jsx(Spinner, { type: "dots" }), " ", emptyMessage] })) : (visible.map((item, index) => {
+        ? `This model can only chat, not do tasks · Enter use anyway · Esc pick another`
+        : `Tab list · ↑↓ move · type to search · + favorite · Enter select · Esc back`;
+    return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsxs(Text, { dimColor: true, children: [providerLabel(providerChoice), " \u2014 all models"] }), _jsx(Box, { children: TABS.map((name) => (_jsxs(React.Fragment, { children: [_jsxs(Text, { inverse: name === tab, dimColor: name !== tab, children: [' ', TAB_LABELS[name], " (", catalog.length && name === 'tools' ? catalog.filter(isToolCapable).length : name === 'all' ? catalog.length : poolFor(name, catalog, s.favorites, s.recents).length, ")", ' '] }), _jsx(Text, { children: " " })] }, name))) }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "search: " }), _jsx(Text, { children: query }), _jsx(Text, { dimColor: true, children: query ? '' : 'type to filter' })] }), _jsx(Text, { dimColor: true, children: tab === 'free'
+                    ? 'free models: no charge, but OpenRouter limits requests per day · » fast'
+                    : 'memory in tokens (word pieces) · price per million tokens · ✓ tools · » fast' }), autoNote ? _jsx(Text, { color: "yellow", children: autoNote }) : null, _jsx(Box, { flexDirection: "column", height: listHeight, children: emptyMessage ? (_jsxs(Text, { dimColor: true, children: [_jsx(Spinner, { type: "dots" }), " ", emptyMessage] })) : (visible.map((item, index) => {
                     const absoluteIndex = start + index;
                     if (item.kind === 'header') {
                         return (_jsx(Text, { dimColor: true, children: `── ${item.label} ──` }, `h${absoluteIndex}`));
@@ -448,7 +721,7 @@ export function ModelPicker({ rows, columns }) {
                         const selected = absoluteIndex === resolved;
                         return (_jsx(Text, { inverse: selected, dimColor: !selected, children: backLabel() }, "back"));
                     }
-                    if (item.kind === 'show-all') {
+                    if (item.kind === 'show-all' || item.kind === 'show-free') {
                         return null;
                     }
                     const selected = absoluteIndex === resolved;

package/dist/components/ProjectPicker.js

@@ -9,6 +9,7 @@ import { session, useSession } from '../state/session.js';
 import { setRecentProjects } from '../platform/config.js';
 import { homeLocations, listSubfolders, displayPath, projectNameProblem } from '../platform/paths.js';
 import { hasCredentials } from '../providers/index.js';
+import { isMouseSequence } from '../ink/mouse.js';
 // The cursor skips header lines; every other row is selectable.
 function resolveIndex(items, cursor) {
     const start = cursor < 0 ? 0 : cursor;
@@ -159,6 +160,8 @@ export function ProjectPicker({ rows, columns }) {
         return text.length > width ? text.slice(0, width - 1) + '…' : text;
     }
     useInput((input, key) => {
+        if (isMouseSequence(input))
+            return;
         if (mode === 'create-name') {
             if (key.escape) {
                 setMode('list');
@@ -309,7 +312,7 @@ export function ProjectPicker({ rows, columns }) {
                         }
                         if (item.kind === 'recent') {
                             const name = path.basename(item.folder);
-                            return (_jsxs(Text, { inverse: selected, children: [` ${name}`.padEnd(26), _jsx(Text, { dimColor: true, children: displayPath(item.folder) })] }, `r${item.folder}`));
+                            return (_jsxs(Text, { inverse: selected, wrap: "truncate-middle", children: [` ${name}`.padEnd(26), _jsx(Text, { dimColor: true, children: displayPath(item.folder) })] }, `r${item.folder}`));
                         }
                         if (item.kind === 'browse') {
                             return (_jsx(Text, { inverse: selected, children: ' Browse for a folder →' }, `b${absoluteIndex}`));