@iaforged/context-code 1.0.80 → 1.0.81

package/dist/src/components/LogoV2/FeedColumn.js

@@ -1,8 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { c as _c } from "react/compiler-runtime";
 import * as React from 'react';
 import { Box } from '../../ink.js';
-import { Divider } from '../design-system/Divider.js';
 import { calculateFeedWidth, Feed } from './Feed.js';
 export function FeedColumn(t0) {
     const $ = _c(10);
@@ -23,7 +22,7 @@ export function FeedColumn(t0) {
     if ($[2] !== actualWidth || $[3] !== feeds) {
         let t3;
         if ($[5] !== actualWidth || $[6] !== feeds.length) {
-            t3 = (feed_0, index) => _jsxs(React.Fragment, { children: [_jsx(Feed, { config: feed_0, actualWidth: actualWidth }), index < feeds.length - 1 && _jsx(Divider, { color: "claude", width: actualWidth })] }, index);
+            t3 = (feed_0, index) => _jsx(React.Fragment, { children: _jsx(Feed, { config: feed_0, actualWidth: actualWidth }) }, index);
             $[5] = actualWidth;
             $[6] = feeds.length;
             $[7] = t3;
@@ -41,7 +40,7 @@ export function FeedColumn(t0) {
     }
     let t3;
     if ($[8] !== t2) {
-        t3 = _jsx(Box, { flexDirection: "column", children: t2 });
+        t3 = _jsx(Box, { flexDirection: "column", gap: 1, children: t2 });
         $[8] = t2;
         $[9] = t3;
     }

package/dist/src/components/LogoV2/LogoV2.js

@@ -251,8 +251,8 @@ export function LogoV2() {
     }
     const layoutMode = getLayoutMode(columns);
     const userTheme = resolveThemeSetting(getGlobalConfig().theme);
-    const borderTitle = ` ${color("claude", userTheme)("Context Code")} ${color("inactive", userTheme)(`v${version}`)} `;
-    const compactBorderTitle = color("claude", userTheme)(" Context Code ");
+    const borderTitle = ` ${color("claude", userTheme)("CTX")} ${color("inactive", userTheme)(`v${version}`)} `;
+    const compactBorderTitle = color("claude", userTheme)(" CTX ");
     if (layoutMode === "compact") {
         let welcomeMessage = formatWelcomeMessage(username);
         if (stringWidth(welcomeMessage) > columns - 4) {
@@ -335,7 +335,7 @@ export function LogoV2() {
             t18 = $[42];
             t19 = $[43];
         }
-        return _jsxs(_Fragment, { children: [_jsx(OffscreenFreeze, { children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "claude", borderText: t11, paddingX: 1, paddingY: 1, alignItems: "center", width: columns, children: [_jsx(Text, { bold: true, children: welcomeMessage }), t12, t13, _jsx(Text, { dimColor: true, children: billingType }), agentName ? _jsxs(Text, { dimColor: true, children: ["@", agentName] }) : null, _jsx(Text, { dimColor: true, children: truncatedCwd })] }) }), t14, t15, t16, t17, t18, t19] });
+        return _jsxs(_Fragment, { children: [_jsx(OffscreenFreeze, { children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "claude", borderText: t11, paddingX: 2, paddingY: 1, alignItems: "center", width: columns, children: [_jsx(Text, { color: "claude", children: "CTX" }), _jsx(Text, { bold: true, children: welcomeMessage }), t12, _jsx(Text, { dimColor: true, children: modelDisplayName }), _jsx(Text, { dimColor: true, children: billingType }), agentName ? _jsxs(Text, { dimColor: true, children: ["@", agentName] }) : null, _jsx(Text, { dimColor: true, children: truncatedCwd })] }) }), t14, t15, t16, t17, t18, t19] });
     }
     const welcomeMessage_0 = formatWelcomeMessage(username);
     const modelLine = !process.env.IS_DEMO && config.oauthAccount?.organizationName ? `${modelDisplayName} · ${billingType} · ${config.oauthAccount.organizationName}` : `${modelDisplayName} · ${billingType}`;
@@ -364,9 +364,9 @@ export function LogoV2() {
         t14 = $[45];
     }
     const T2 = Box;
-    const t15 = layoutMode === "horizontal" ? "row" : "column";
-    const t16 = 1;
-    const t17 = 1;
+    const t15 = "column";
+    const t16 = 2;
+    const t17 = 2;
     let t18;
     if ($[46] !== welcomeMessage_0) {
         t18 = _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, children: welcomeMessage_0 }) });
@@ -404,7 +404,7 @@ export function LogoV2() {
     }
     let t22;
     if ($[53] !== t20 || $[54] !== t21) {
-        t22 = _jsxs(Box, { flexDirection: "column", alignItems: "center", children: [t20, t21] });
+        t22 = _jsxs(Box, { flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "claude", children: "CTX" }), t20, t21] });
         $[53] = t20;
         $[54] = t21;
         $[55] = t22;
@@ -414,7 +414,7 @@ export function LogoV2() {
     }
     let t23;
     if ($[56] !== leftWidth || $[57] !== t18 || $[58] !== t22) {
-        t23 = _jsxs(Box, { flexDirection: "column", width: leftWidth, justifyContent: "space-between", alignItems: "center", minHeight: 9, children: [t18, t19, t22] });
+        t23 = _jsxs(Box, { flexDirection: "column", width: leftWidth, justifyContent: "space-between", alignItems: "center", minHeight: 11, children: [t18, t19, t22] });
         $[56] = leftWidth;
         $[57] = t18;
         $[58] = t22;
@@ -425,14 +425,14 @@ export function LogoV2() {
     }
     let t24;
     if ($[60] !== layoutMode) {
-        t24 = layoutMode === "horizontal" && _jsx(Box, { height: "100%", borderStyle: "single", borderColor: "claude", borderDimColor: true, borderTop: false, borderBottom: false, borderLeft: false });
+        t24 = null;
         $[60] = layoutMode;
         $[61] = t24;
     }
     else {
         t24 = $[61];
     }
-    const t25 = layoutMode === "horizontal" && _jsx(FeedColumn, { feeds: showOnboarding ? [createProjectOnboardingFeed(getSteps()), createRecentActivityFeed(activities)] : showGuestPassesUpsell ? [createRecentActivityFeed(activities), createGuestPassesFeed()] : showOverageCreditUpsell ? [createRecentActivityFeed(activities), createOverageCreditFeed()] : [createRecentActivityFeed(activities), createWhatsNewFeed(changelog)], maxWidth: rightWidth });
+    const t25 = _jsx(FeedColumn, { feeds: showOnboarding ? [createProjectOnboardingFeed(getSteps()), createRecentActivityFeed(activities)] : showGuestPassesUpsell ? [createRecentActivityFeed(activities), createGuestPassesFeed()] : showOverageCreditUpsell ? [createRecentActivityFeed(activities), createOverageCreditFeed()] : [createRecentActivityFeed(activities), createWhatsNewFeed(changelog)], maxWidth: Math.max(leftWidth, rightWidth) });
     let t26;
     if ($[62] !== T2 || $[63] !== t15 || $[64] !== t23 || $[65] !== t24 || $[66] !== t25) {
         t26 = _jsxs(T2, { flexDirection: t15, paddingX: t16, gap: t17, children: [t23, t24, t25] });

package/dist/src/components/LogoV2/WelcomeV2.js

@@ -4,5 +4,5 @@ import { Box, Text } from '../../ink.js';
 import { Clawd } from './Clawd.js';
 const WELCOME_WIDTH = 54;
 export function WelcomeV2() {
-    return (_jsx(Box, { flexDirection: "column", width: WELCOME_WIDTH, children: _jsxs(Box, { borderStyle: "round", borderColor: "claude", paddingX: 2, paddingY: 1, flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "claude", bold: true, children: "CONTEXT CODE" }), _jsxs(Text, { dimColor: true, children: ["v", MACRO.VERSION] }), _jsx(Box, { marginY: 1, children: _jsx(Clawd, {}) }), _jsx(Text, { children: "Lee el proyecto. Ejecuta cambios. Mant\u00E9n contexto." }), _jsx(Text, { dimColor: true, children: "Configuraci\u00F3n inicial del entorno" })] }) }));
+    return (_jsx(Box, { flexDirection: "column", width: WELCOME_WIDTH, children: _jsxs(Box, { borderStyle: "round", borderColor: "claude", paddingX: 3, paddingY: 1, flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "claude", children: "CTX" }), _jsx(Text, { bold: true, children: "Context Code" }), _jsxs(Text, { dimColor: true, children: ["v", MACRO.VERSION] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Clawd, {}) }), _jsx(Text, { children: "Lee, edita y ejecuta sin perder contexto." }), _jsx(Text, { dimColor: true, children: "Configuracion inicial" })] }) }));
 }

package/dist/src/components/agents/ModelSelector.js

@@ -1,62 +1,214 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { c as _c } from "react/compiler-runtime";
+import * as React from 'react';
 import { Box, Text } from '../../ink.js';
-import { getAgentModelOptions } from '../../utils/model/agent.js';
-import { Select } from '../CustomSelect/select.js';
-export function ModelSelector(t0) {
-    const $ = _c(11);
-    const { initialModel, onComplete, onCancel } = t0;
-    let t1;
-    if ($[0] !== initialModel) {
-        bb0: {
-            const base = getAgentModelOptions();
-            if (initialModel && !base.some(o => o.value === initialModel)) {
-                t1 = [{
-                        value: initialModel,
-                        label: initialModel,
-                        description: "Current model (custom ID)"
-                    }, ...base];
-                break bb0;
-            }
-            t1 = base;
-        }
-        $[0] = initialModel;
-        $[1] = t1;
-    }
-    else {
-        t1 = $[1];
+import { getAgentModelDisplay, getAgentModelOptions, } from '../../utils/model/agent.js';
+import { fetchProviderModels, } from '../../utils/model/providerModels.js';
+import { getVisibleProvider, VISIBLE_PROVIDERS, } from '../../utils/model/providerCatalog.js';
+import { toProviderPreference } from '../../utils/model/providerSwitch.js';
+import { getAPIProvider } from '../../utils/model/providers.js';
+import { Select, } from '../CustomSelect/select.js';
+const INHERIT_OPTION = '__inherit_parent__';
+const MANUAL_MODEL_OPTION = '__manual_model__';
+function isClaudeProvider(provider) {
+    return provider === 'claude';
+}
+function inferInitialProvider(initialModel, initialProvider) {
+    if (initialProvider) {
+        return initialProvider;
     }
-    const modelOptions = t1;
-    const defaultModel = initialModel ?? "sonnet";
-    let t2;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Model determines the agent's reasoning capabilities and speed." }) });
-        $[2] = t2;
+    if (!initialModel || initialModel === 'inherit') {
+        return undefined;
     }
-    else {
-        t2 = $[2];
+    const claudeValues = new Set(getAgentModelOptions().map(option => option.value));
+    if (claudeValues.has(initialModel)) {
+        return 'claude';
     }
-    let t3;
-    if ($[3] !== onCancel || $[4] !== onComplete) {
-        t3 = () => onCancel ? onCancel() : onComplete(undefined);
-        $[3] = onCancel;
-        $[4] = onComplete;
-        $[5] = t3;
+    return toProviderPreference(getAPIProvider());
+}
+function getProviderOptions() {
+    return [
+        {
+            value: INHERIT_OPTION,
+            label: 'Heredar del padre',
+            description: 'Usa el mismo proveedor y modelo de la conversacion principal.',
+        },
+        ...VISIBLE_PROVIDERS.map(provider => ({
+            value: provider.id,
+            label: provider.label,
+            description: provider.description,
+        })),
+    ];
+}
+function mapClaudeModelOptions() {
+    return getAgentModelOptions()
+        .filter(option => option.value !== 'inherit')
+        .map(option => ({
+        value: option.value,
+        label: option.label,
+        description: option.description,
+    }));
+}
+function mapDynamicModelOptions(models) {
+    return models.map(model => ({
+        value: model.value,
+        label: model.label,
+        description: model.description,
+    }));
+}
+function ensureCurrentModelOption(options, provider, initialModel) {
+    if (!initialModel || initialModel === 'inherit') {
+        return options;
     }
-    else {
-        t3 = $[5];
+    if (options.some(option => option.value === initialModel)) {
+        return options;
     }
-    let t4;
-    if ($[6] !== defaultModel || $[7] !== modelOptions || $[8] !== onComplete || $[9] !== t3) {
-        t4 = _jsxs(Box, { flexDirection: "column", children: [t2, _jsx(Select, { options: modelOptions, defaultValue: defaultModel, onChange: onComplete, onCancel: t3 })] });
-        $[6] = defaultModel;
-        $[7] = modelOptions;
-        $[8] = onComplete;
-        $[9] = t3;
-        $[10] = t4;
+    return [
+        {
+            value: initialModel,
+            label: getAgentModelDisplay(initialModel, provider),
+            description: 'Modelo actual guardado manualmente.',
+        },
+        ...options,
+    ];
+}
+function toApiProvider(provider) {
+    switch (provider) {
+        case 'claude':
+            return 'firstParty';
+        case 'openai':
+            return 'openai';
+        case 'openrouter':
+            return 'openrouter';
+        case 'ollama':
+            return 'ollama';
+        case 'ollama-cloud':
+            return 'ollama-cloud';
+        case 'gemini-api':
+            return 'gemini-api';
+        case 'gemini-google':
+            return 'gemini-google';
+        case 'zai':
+            return 'zai';
+        case 'minimax':
+            return 'minimax';
     }
-    else {
-        t4 = $[10];
+}
+export function ModelSelector({ initialModel, initialProvider, onComplete, onCancel, }) {
+    const inferredProvider = React.useMemo(() => inferInitialProvider(initialModel, initialProvider), [initialModel, initialProvider]);
+    const [step, setStep] = React.useState(inferredProvider ? 'model' : 'provider');
+    const [selectedProvider, setSelectedProvider] = React.useState(inferredProvider);
+    const [manualModel, setManualModel] = React.useState(initialModel && initialModel !== 'inherit' ? initialModel : '');
+    const [providerModels, setProviderModels] = React.useState([]);
+    const [isLoadingModels, setIsLoadingModels] = React.useState(false);
+    const [loadError, setLoadError] = React.useState(null);
+    React.useEffect(() => {
+        if (!selectedProvider || isClaudeProvider(selectedProvider)) {
+            setProviderModels([]);
+            setIsLoadingModels(false);
+            setLoadError(null);
+            return;
+        }
+        let cancelled = false;
+        const loadModels = async () => {
+            setIsLoadingModels(true);
+            setLoadError(null);
+            try {
+                const models = await fetchProviderModels(toApiProvider(selectedProvider));
+                if (cancelled) {
+                    return;
+                }
+                setProviderModels(models);
+                if (models.length === 0) {
+                    const providerLabel = getVisibleProvider(selectedProvider).label;
+                    setLoadError(`No se pudieron cargar modelos de ${providerLabel}. Puedes escribir el ID manualmente.`);
+                }
+            }
+            catch (error) {
+                if (cancelled) {
+                    return;
+                }
+                setProviderModels([]);
+                setLoadError(error instanceof Error
+                    ? error.message
+                    : 'No se pudieron cargar los modelos del proveedor.');
+            }
+            finally {
+                if (!cancelled) {
+                    setIsLoadingModels(false);
+                }
+            }
+        };
+        void loadModels();
+        return () => {
+            cancelled = true;
+        };
+    }, [selectedProvider]);
+    const providerOptions = React.useMemo(() => getProviderOptions(), []);
+    const modelOptions = React.useMemo(() => {
+        if (!selectedProvider) {
+            return [];
+        }
+        const baseOptions = isClaudeProvider(selectedProvider)
+            ? mapClaudeModelOptions()
+            : mapDynamicModelOptions(providerModels);
+        const optionsWithCurrent = ensureCurrentModelOption(baseOptions, selectedProvider, initialModel);
+        const withManualOption = [
+            ...optionsWithCurrent,
+            {
+                type: 'input',
+                value: MANUAL_MODEL_OPTION,
+                label: 'Modelo manual',
+                description: 'Escribe el ID exacto si no aparece en la lista.',
+                placeholder: 'ID del modelo',
+                initialValue: manualModel,
+                onChange: value => setManualModel(value),
+            },
+        ];
+        return withManualOption;
+    }, [initialModel, manualModel, providerModels, selectedProvider]);
+    const providerDescription = selectedProvider
+        ? getVisibleProvider(selectedProvider).label
+        : undefined;
+    const defaultModelValue = React.useMemo(() => {
+        if (!selectedProvider) {
+            return undefined;
+        }
+        if (!initialModel || initialModel === 'inherit') {
+            return modelOptions[0]?.value;
+        }
+        return modelOptions.some(option => option.value === initialModel)
+            ? initialModel
+            : MANUAL_MODEL_OPTION;
+    }, [initialModel, modelOptions, selectedProvider]);
+    if (step === 'provider') {
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Elige si este agente debe heredar el proveedor del hilo o quedar fijo a un proveedor concreto." }) }), _jsx(Select, { options: providerOptions, defaultValue: selectedProvider ? selectedProvider : INHERIT_OPTION, layout: "compact-vertical", onChange: value => {
+                        if (value === INHERIT_OPTION) {
+                            onComplete({ model: 'inherit' });
+                            return;
+                        }
+                        setSelectedProvider(value);
+                        setStep('model');
+                    }, onCancel: onCancel })] }));
     }
-    return t4;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: providerDescription
+                            ? `Proveedor seleccionado: ${providerDescription}`
+                            : 'Proveedor seleccionado' }), _jsx(Text, { dimColor: true, children: "Para volver a elegir proveedor, presiona `Esc`." })] }), isLoadingModels ? (_jsx(Text, { dimColor: true, children: "Cargando modelos..." })) : (_jsx(Select, { options: modelOptions, defaultValue: defaultModelValue, layout: "compact-vertical", onChange: value => {
+                    if (value === MANUAL_MODEL_OPTION) {
+                        const trimmed = manualModel.trim();
+                        if (!trimmed) {
+                            return;
+                        }
+                        onComplete({
+                            provider: selectedProvider,
+                            model: trimmed,
+                        });
+                        return;
+                    }
+                    onComplete({
+                        provider: selectedProvider,
+                        model: value,
+                    });
+                }, onCancel: () => {
+                    setStep('provider');
+                } })), loadError ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "warning", children: loadError }) })) : null] }));
 }

package/dist/src/components/agents/new-agent-creation/types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/utils/model/agent.js

@@ -2,6 +2,7 @@ import { capitalize } from '../stringUtils.js';
 import { MODEL_ALIASES } from './aliases.js';
 import { applyBedrockRegionPrefix, getBedrockRegionPrefix } from './bedrock.js';
 import { getCanonicalName, getRuntimeMainLoopModel, parseUserSpecifiedModel, } from './model.js';
+import { getVisibleProvider } from './providerCatalog.js';
 import { getAPIProvider } from './providers.js';
 export const AGENT_MODEL_OPTIONS = [...MODEL_ALIASES, 'inherit'];
 /**
@@ -91,14 +92,22 @@ function aliasMatchesParentTier(alias, parentModel) {
             return false;
     }
 }
-export function getAgentModelDisplay(model) {
+export function getAgentModelDisplay(model, provider) {
     // When model is omitted, getDefaultSubagentModel() returns 'inherit' at runtime
     if (!model)
-        return 'Inherit from parent (default)';
+        return 'Heredar del padre (predeterminado)';
     if (model === 'inherit')
-        return 'Inherit from parent';
+        return 'Heredar del padre';
+    if (provider && provider !== 'claude')
+        return model;
     return capitalize(model);
 }
+export function getAgentProviderDisplay(provider) {
+    if (!provider) {
+        return 'Heredar del padre';
+    }
+    return getVisibleProvider(provider).label;
+}
 /**
  * Get available model options for agents
  */

package/dist/src/utils/model/providerOverrideContext.js

@@ -0,0 +1,11 @@
+import { AsyncLocalStorage } from 'async_hooks';
+const providerOverrideStorage = new AsyncLocalStorage();
+export function getProviderOverride() {
+    return providerOverrideStorage.getStore();
+}
+export function runWithProviderOverride(provider, fn) {
+    if (!provider) {
+        return fn();
+    }
+    return providerOverrideStorage.run(provider, fn);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iaforged/context-code",
-  "version": "1.0.80",
+  "version": "1.0.81",
   "description": "Context Code es un asistente de desarrollo para la terminal. Puede revisar tu proyecto, editar archivos, ejecutar comandos y apoyarte en tareas reales de programacion.",
   "author": "Context AI",
   "license": "MIT",